/*<?php*/
/*
Theme Name: Royal Banquet Hall Free
Theme URI: https://www.luzuk.com/products/banquet-hall-wordpress-template
Author: luzuk Themes
Author URI: https://www.luzuk.com/top/wordpress-themes/
Description: Royal Banquet Hall Free Theme is a template that you have to just download to make your banquet business prosper. It will enable you get a website up within hours on which you can display information that you consider important for your target audience and wish to highlight. No matter whether you own a small hall, large, or multiple halls where people can hold reception, parties, wedding, corporate events, and other functions, this theme can help you grow your business at a fast pace. Its aesthetic appeal is fantastic. The design will make your visitors curious and find out more about your facility. The colors, images we’ve used, spaces we’ve created, the good positioning of action buttons, everything combines in sync to create a positive vibe and good visitor experience. The images we’ve used will give your online banquet hall center a great vibe.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: royal-banquet-hall-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 {
    
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}
body {
    margin: 0;
    background: #f7f7f7;
}
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-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: 18px;
    line-height: 1.2;
    font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 600;
    line-height: 1.2;
}
h1{
    font-size: 28px;
    margin-bottom: 15px;
}
h2{
    font-size: 26px;
    margin-bottom: 15px;
}
h3{
    font-size: 30px;
    margin:20px 0 15px 0;
}
h4{
    font-size: 22px;
    margin-bottom: 10px;
}
h5{
    font-size: 20px;
    margin-bottom: 10px;
}
h6{
    font-size: 18px;
    margin-bottom: 10px;
}
p {
    margin:0 0 15px;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 0px 15px;
    padding: 21px 30px 18px;
    background: #f2f2f2;
    font-size: 16px;
    color: #212121;
    font-style: italic;
    font-weight: 400;
}
.wp-block-quote:not(.is-large):not(.is-style-large) {
    padding-left: 1.7em !important;
}
#innerpage-box blockquote p{
    margin: 0;
    font-weight: 400;
}
.wp-block-image img {
    max-width: 100%;
    /*width: 100%;*/
}
.blocks-gallery-item{
    float: left;
}
.blocks-gallery-grid img {
    width: 100%;
    height: 80px !important;
}

pre {
    background: #eee;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
    max-width: 100%;
    overflow: auto;
    padding: 15px;
}
code,
kbd,
tt,
var {
    font-size: 15px;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
big {
    font-size: 125%;
}
select {
    border: 1px solid #EEE;
    height: 40px;
    padding: 3px 40px 3px 8px;
    background-color: transparent;
    line-height: 100%;
    outline: 0;
    background-image: url(images/arrow.png);
    background-position: right;
    center: ;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}
blockquote,
q {
    quotes: "" "";
        -moz-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    -webkit-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}
ul,
ol {
    margin: 0 0 15px 20px;
    padding: 0;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 15px;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 15px 15px;
}
img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
    vertical-align: middle;
}
table {
    margin: 0 0 15px;
    width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #fe5722;
    padding: 10px 20px;   
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    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; 
    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: #000;
    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: #fe6a03;
    color: #fff;
    border-radius: 20px 0 20px;
    text-align: center;
    font-weight: 600;
}

.widget-area ul{
        list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #eaeaea;
    border-bottom: none;
}
.widget-area .social-profile-icons ul {
    border: 1px solid #eaeaea;
}
.widget-area .social-profile-icons ul li {
    border: none;
}
.widget-area .social-profile-icons ul li {
    display: inline-block;
}
.widget-area .social-profile-icons ul li:before {
    display: none;
}

.widget-area ul ul{
    margin-top: 5px;
}
.widget-area ul ul li{
    padding-left: 10px;
}
.widget-area ul ul li:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}
.widget-area li{
    padding: 5px 0;
    line-height: normal;
    margin: 0;
    padding: 0;
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
    border-bottom: 1px solid #eaeaea;
    padding-left: 15px;
}
.widget-area li.recentcomments {
    padding: 10px 15px;
}
.widget-area a{
    text-decoration: none;
    color: #404040;
    display: inline-block;
    padding: 14px 0;
    font-weight: 400;
    line-height: 100%;
    text-transform: capitalize;
    margin: 0;
}
.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}
.widget-area a:hover{
    color: #fe5722
}
.widget-area .widget{
   margin-bottom: 4em;
    padding: 0em 0px;
}
/*--------------------------------------------------------------
## Sidebar Area
--------------------------------------------------------------*/
/*** new ***/
#sidebars .widget-area ul,
#secondary.widget-area ul{border: none !important;}
#sidebars .widget ul li:before,
#secondary .widget ul li:before{display: none;}
#sidebars .widget li,
#secondary .widget li{ font-weight: 500; border: none;background: #F6F4EC;margin: 15px 0;}
#sidebars .widget li a,
#secondary .widget li a{ font-size: 16px;font-weight: 500;padding: 16px 8px 16px 20px; line-height: 1.4;}
#sidebars .widget-title:after,
#secondary .widget-title:after {
    position: absolute;
    content: "\f107";
    font-family: 'Fontawesome';
    float: right;
    margin-right: -10px;
    right: 30px;
    top: 20px;
    transition: all 0.5s ease 0s;
    color: #000;
    font-size: 24px;
    /* display: inline-block; */
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
/*end*/
/*search sidebar*/
.widget_search{background: #F6F4EC;padding: 0 22px 20px !important;}
.widget_search .widget-title:after{display: none;}
.widget_search .widget-title{margin: 0 !important;background: transparent !important;}
.widget_search fieldset {  padding-top: 0px;}
.widget_search input[type="text"]{background: #fff !important;}
.widget-area form#searchform{position: relative;}
.widget-area form#searchform input[type="submit"] {
    border-radius: 0px !important;
    background: transparent;
    overflow: hidden;
    text-align: center;
    padding: 15px 15px !important;
    border: none;
    box-shadow: none;
    float: right !important;
    position: absolute !important;
    right: 2px;
    text-indent: -999px !important;
    width: 46px !important;
    height: 46px;
    line-height: 44px;
    z-index: -999 !important;
    top: auto;
}
.widget-area form#searchform:hover input[type="submit"],
.widget-area form#searchform input[type="submit"]:hover {
    animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    opacity: 1;
    z-index: 999 !important;
}
.widget-area form#searchform:after {
    position: absolute;
    top: 0px;
    font-size: 18px;
    font-weight: 100;
    right: 2px;
    text-align: center;
    color: #fff;
    background: #EC003F;
    background-repeat: no-repeat;
    height: 45px;
    line-height: 44px;
    width: 44px;
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
    border-radius: 0px;
    opacity: 1;
}
/*end*/

div#secondary input[type="submit"] {
    width: 100%;
}
#secondary input[type="text"]{
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    background: transparent;
    border-radius: 5px;
}

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

/**/
/*recent post*/
/*.attachment-thumbnail.widget_recent_comments.wp-post-image*/
#sidebars .widget_recent_entries li a, 
#secondary .widget_recent_entries li a { padding: 4px 2px 2px 2px;}
span.post-date {
    font-size: 14px;
    font-weight: 400;
    margin: 0 !important;
}
.attachment-thumbnail.size-thumbnail.wp-post-image{      
    width: 80px;
    margin: 0 0 4px 0;
}
.attachment-thumbnail.size-thumbnail.wp-post-image:after{

}
.widget_recent_entries ul li {
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    gap: 4px;
    align-items: center;
/*    box-shadow: 0px 1px 0px 0px #ccc;*/
}
.widget_recent_entries ul li a{padding: 0;font-size: 15px;font-weight: 300 !important;}

/*widget categories*/
#secondary .widget.widget_categories li{display: flex;}

/*recent comments*/

/*.attachment-thumbnail.size-thumbnail.wp-post-image {  width: 60px;}*/
.widget_recent_comments ul li {
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    gap: 4px;
    align-items: center;
    box-shadow: 0px 1px 0px 0px #ccc;
}
.widget_recent_comments ul li a{padding: 0;}
/**/
/*--------------------------------------------------------------
## 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;
}

#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{
    float: left;
    margin-right: 1%;
    width:48%;
}
.comment-form-url{width: 100%}
.author-email-url input{
    width: 100%;
}
.commentlist li:before {display: none !important;}
.commentmetadata p{margin: 0 0 2px 0}
.comment-author img{border-radius: 50px;}
.commentlist span.reply {
    position: absolute;
    top: 0;
    right: 0;
    background: #ccc;
    border-radius: 50px;
    padding: 2px 18px;
}
.comment-form .form-submit{
    margin-bottom: 0
}
.single_post span.tagtext {
    padding-right: 10px;
}
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: 0px 0 0 0;
    padding: 1em 0;
     clear: both; 
    text-align: center;

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

.page-content #searchform input[type="submit"] {
    margin-top: 15px;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 15px;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
    margin-bottom: 10px;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
     margin-bottom: 10px;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
     margin-bottom: 10px;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
     margin-bottom: 10px;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
     margin-bottom: 10px;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
     margin-bottom: 10px;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
     margin-bottom: 10px;
}
.gallery-caption {
    display: block;
}
.ht-gallery-member-image {
    position: relative;
    overflow: hidden;
}
/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
.pd-0{padding: 0;}
.inner-area-title {    
    font-size: 25px;
    font-weight: 500;
    word-break: break-word;
}
.section-area-text {    
    margin-bottom: 24px;
    font-size: 17px;
    line-height: 25px;
    font-weight: 400;
    word-break: break-word;
}
.textcenter{
    text-align: center;
}
:hover{
    -webkit-transition-duration: 1s;  
    -moz-transition-duration: 1s;  
    -o-transition-duration: 1s;  
    transition-duration: 1s;
}

.padding0{
    padding: 0;
}
.ht-section-title-tagline{
    margin-bottom: 3em;
}
.ht-section-title{
    font-size: 33px;
    color: #323232;
    margin: 0 auto;
    font-weight: bold;
    line-height: 60px;
    word-break: break-word;
    position: relative;
}
.ht-section-title:last-child{
    margin-bottom: 0;
}
.darkbox .ht-section-tagline{
    font-size:16px;
    width: 70%;
    margin: 0 auto 0;
    color:#fff;
}
.ht-main-title {
    margin: 0 0 01px 0;
    font-weight: 500;
    /*font-size: 48px;*/
    line-height: 1.2em;
    position: relative;
}
.site-details p {
    font-size: 20px;
    line-height: 35px;
    font-weight: 400;
    margin: 0 0 1.5rem;
    padding: 0;
}
.site-details {
    padding-top: 6em;
}
.page-template-blog-template .site-details, .page-template-blog-right-sidebar .site-details,
.page-template-blog-left-sidebar .site-details {
    padding-top: 0em;
}
/*.category .ht-main-title, .tag .ht-main-title, .archive .ht-main-title{
    margin: 0 0 0em;
}*/
.ht-main-title:last-child{
    margin-bottom: 0;
}
.ht-site-title, .site-title{
    font-weight: 500;
    font-size: 30px;
    line-height: 1.2;
    padding: 0;
    text-transform: uppercase;
}
.ht-site-title a, .site-title a{
    text-decoration: none;
    color: #4a4a4a;
    font-size: 24px;
}
.ht-site-description{
    font-size: 14px;
    font-weight: normal;
    margin: 8px 0 0 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 ;
    /*text-align: center;*/
}
.breadcrumbbox span{
    color:#000;
    margin:0 3px;
    font-size: 18px;
}
.breadcrumbbox .bread-arrow i {
    transform: rotate(82deg);
    font-size: 14px;
}
.breadcrumbbox .button.top-bttn {
    margin: 0px;
    padding: 16px 35px 16px 0px;
    display: inline-block;
    position: relative;
  

}
.page-main-header .overlay1 {
    background: red;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    opacity: 0.3;
}
/*===========================================
## Search & cart icon
======================================*/
.sitenav .search-icon{
    position: absolute;
    right: 0;
    top: 20px;
    cursor: pointer;
    padding: 0;  
}
.sitenav .search-icon i{
    margin: 0;
    font-size: 16px;
    color: #fff;
    background: #ac8e50;
    padding: 13px 15px;
    border-radius: 50%;
}
.sitenav .search-bar {
    display: none;
    position: absolute;
    bottom: 16px;
    z-index: 200;
    right: 13%;
}
.sitenav .search-bar input{
   display:inline-block;
}
.sitenav .search-bar input[type="text"]{ 
   width:100%;
   background: rgba(33, 33, 33, 0.8);
   color:#fff;
   border:none;
}
.sitenav .search-bar input[type='submit']{
    background: #000;
    color: #000;
    width: 15%;
    padding: 0;
}

/*----------------------------------------*/
/*  01. Header Area
/*----------------------------------------*/
header .nav-menus{display: none;}
.resp_header_logo {  display: none;}
.page-template-templateshome-template-php{
    background-color: #fff;
}
.page-main-header{
    position: relative;
    background: #fe5722;
    color:#fff;
    clear: both;
    /*background: linear-gradient(0deg,#fe6a03,#f9b923 80%) no-repeat;*/
}

.header-shape-area {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate( 180deg);
    overflow: hidden;
    position: relative;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
    bottom: -1px;
    margin-top: 3em;
}

.ht-sticky-header .page-main-header {
    padding-top: 16em;
}

.header-right .single-header-info {
    text-align: right;
}
.top-bar-head .head-menu {
    padding-right: 3em;
}
header.site-header li {
    display: inline-block;
    list-style-type: none;
}
.single-header-info li:nth-of-type(2n):before {
    content: "|";
    padding: 0px 1px 0px 1px;
    color: #ffffff;
    font-weight: 600;
}

.logo {
    padding: 0 5px;
}

.logobox img{  position: relative;}
header.site-header .main-dispaly.padding0 { padding-right: 0;}

/*------------------------------------------------------------ */

/* = Navigation hover and active menu css
-------------------------------------------------------------- */

.navigation .mainmenu{ 
    position:relative; 
    z-index:9; 
    vertical-align:middle; 
    float: none;
    text-align: center;
}
.navigation .mainmenu li{ 
    display:inline-block; 
    position:relative; 
    line-height:normal; 
    margin: 6px 4px 0;
    transition: all 0.5s;
}
.navigation .mainmenu li a{ 
    display:block; 
    text-align:center; 
    /*color:#ffffff; */
    position:relative; 
    transition: all 0.5s;
}
.navigation .mainmenu li.current_page_item a:before, 
.current_page_item > a:before{
    transform-origin: left;
  transform: scaleX(1);
}
.navigation .mainmenu li a:before {
    /* content: ''; */
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    height: 0px;
    border-radius: 50px;
    background: #d33;
    z-index: 1;
    transform: scaleX(0);
    transition: transform 0.5s ease-in-out;
    transform-origin: right;
    content: "\f004";
    font-family: 'Fontawesome';
    font-size: 14px;
    margin: 0px auto 0;
}

.navigation .mainmenu li a:hover:before {
  transform-origin: left;
  transform: scaleX(1);
}
.mainmenu .sub-menu li a:before,
.mainmenu .sub-menu .sub-menua li a:before, 
.mainmenu .sub-menu .sub-menu .sub-menu li a:before{display: none;}

/* = Navigation 2nd level css
-------------------------------------------------------------- */

/*.navigation .mainmenu li:hover ul.sub-menu{
    -ms-animation: slideInDown .4s ease-in-out;
    -webkit-animation: slideInDown .4s ease-in-out;
    animation: slideInDown .4s ease-in-out;
}*/
.navigation .mainmenu li ul.sub-menu {
    -webkit-transition:all 300ms ease-in-out 500ms;
    -moz-transition:all 500ms ease-in-out 500ms;
    -ms-transition:all 500ms ease-in-out 500ms;
    -o-transition:all 500ms ease-in-out 500ms;
    transition:all 500ms ease-in-out 500ms;
    -webkit-transform:rotateX(-90deg);
    -moz-transform:rotateX(-90deg);
    -ms-transform:rotateX(-90deg);
    -o-transform:rotateX(-90deg);
    transform:rotateX(-90deg);
    -webkit-transform-origin:0% 0%;
    -moz-transform-origin:0% 0%;
    -ms-transform-origin:0% 0%;
    -o-transform-origin:0% 0%;
    transform-origin:0% 0%;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-box-shadow: 0px -100px 500px rgba(0,0,0,0);
    box-shadow: 0px -100px 500px rgba(0,0,0,0);
}
.navigation .mainmenu li:hover ul.sub-menu {
    -webkit-transition:all 500ms ease-in-out 0ms;
    -moz-transition:all 500ms ease-in-out 0ms;
    -ms-transition:all 500ms ease-in-out 0ms;
    -o-transition:all 500ms ease-in-out 0ms;
    transition:all 500ms ease-in-out 0ms;
    -webkit-transform:rotateX(0deg);
    -moz-transform:rotateX(0deg);
    -ms-transform:rotateX(0deg);
    -o-transform:rotateX(0deg);
    transform:rotateX(0deg);
    -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.1);
    box-shadow: 10px 10px 10px rgba(0,0,0,0.1);
}
ul.sub-menu{
   /* display:none;*/
/*    z-index:9999;*/
    position:absolute;
    border-radius: 0px;
    left: 0;
    text-align: left;
    background: #9bb70d;
    min-width: 250px;
    z-index: 999;
    padding: 0px;
    margin-top: 0px;
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.13);
    transition: all 0.5s;
}
.navigation .mainmenu li ul li{
    display:block; 
    position:relative; 
    float:none; 
    line-height:18px; 
    margin:0; 
    -webkit-transform: skew(0deg); 
    -ms-transform: skew(0deg); 
    transform: skew(0deg); 
    transition: all 0.5s;
    border-bottom:1px solid #000;
    /*box-shadow: 0 0 6px rgba(0,0,0,0.15);*/
}

.navigation .mainmenu ul.sub-menu .sub-menu{border: 0;}
.navigation .mainmenu li ul li a{
    display:block; 
    padding: 5px 0px;
    position:relative;
    text-align:left; 
    z-index: 1;
    transition: all 0.5s;
}
.navigation .mainmenu ul.sub-menu li a {
    position: relative;
    padding: 8px 2px 8px 20px;
    /*display: inline-block;*/
    width: 100%;
    margin: 0 0 0 0px;
}

.ht-sticky-header .header-transparent {
    position: fixed;
    left: 0;
    right: 0;
}


/* = Navigation 3rd level css
-------------------------------------------------------------- */
/*.page-template-default .navigation .mainmenu li a{color:#fff;}*/
/*.navigation .mainmenu li:hover ul li:hover > ul{
    display:block; 
    position:absolute; 
    left: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;
}*/
.header.site-header ul.sub-menu li a {
    font-size: 16px;
    font-weight: 500;
    position: relative;  
    display: block;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    line-height: 1.4em;
    letter-spacing: .05em;
}

.mainmenu .sub-menu{border-radius: 0px;transition: all 0.2s;}
.sub-menu{border-radius: 0;}
ul.sub-menu, 
header.site-header ul.sub-menu {   background: none;}
.navigation .mainmenu ul.sub-menu li.current_page_item a, 
.navigation .mainmenu ul.sub-menu li:hover a{
    transition: all 0.3s;
}
.header.site-header ul.sub-menu li:hover a:before{
    opacity: 1;
    transition: all 0.2s;
    margin-left: -18px;
}
.navigation .mainmenu ul.sub-menu li.current_page_item a {
    padding: 10px 8px 10px 28px;
    font-weight: 600;
    transition: transform 0.5s ease-in-out;
}
.navigation .mainmenu ul.sub-menu li li{border: none;transition: all 0.2s;}
header.site-header ul { margin: 0;}
header.site-header .text-bx.padding0 {
    font-size: 13px;
    font-weight: 700;
}
header.site-header .list-inline.m-a0 { padding: 2px 0; float: right;}
.navigation .mainmenu {position: relative;}
.header-icon i.fa {
    position: relative;
    top: 0px;
    font-size: 15px;
    padding-right: 9px;
    font-weight: 700;
}
.site-header{
    z-index: 2;
    position: relative;
    overflow-x: clip;
    width: 100%;
}

.site-header ul,
.site-header ol {
    margin-bottom: 0;
}

.new-page{
    padding: 2px 5px;
    font-size: 10px;
    background: #ff0000;
    color: #fff;
    border-radius: 4px;
    vertical-align: middle;
    margin-left: 2px;
}
.new-page.menu-new{
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 3px 4px;
    line-height: 10px;
}

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

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

/*---------------------------------------------------------------
15. SEARCH 
---------------------------------------------------------------*/

header.site-header input[type="search"]{
    padding: 5px 19px;
    height: 40px;
    font-size: 14px;
    border: 0;
    background: #fff;
    border-radius: 10px;

}
header.site-header input[type="search"]:placeholder{
    opacity: 1;
}
header.site-header input[type="submit"]{
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 10px;
    z-index: 1;
    background: #f9b923;
    height: 40px;
    width: 40px;
    border-radius: 0 10px 10px 0;

}
header.site-header span.sb-icon-search {
    position: absolute;
    right: 15px;
    top: 11px;
    color: #151515;
    font-weight: 900;
    z-index: 99;
    font-size: 13px;
}
header.site-header fieldset input[type="submit"] {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100px;
}

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

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

.navigation .mainmenu li {
 position: relative;
}
.navigation .mainmenu li a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  padding: 2px 0;
}

/* = Navigation sticky header css
-------------------------------------------------------------- */
.page-template-home-template .top-bar-head {
    margin-top: 0em;
    padding-top: 0em;
    margin-bottom: 0;
}
.hl-border {
    position: relative;
    z-index: 3;
    word-break: break-word;
    overflow: hidden;
}
.hl-border .ht-site-title p{
    line-height: 20px;
}

.header-menu {
    padding: 10px 0;
    text-align: left;
}

.top-bar-head {
    position: relative;
    width: 100%;
    padding: 20px 0 20px;
}

.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 .main-head {
    padding: 0 15px 0 10px;
}

header .btnn{display: none;background: none !important;padding: 0;margin: 0;    box-shadow: none;}
header .social-media {position: relative;}

header .social-media { transition:all 0.5s; text-align: center;}
header .social-media li{
    display:inline-block;
    transition:all 0.5s;
    text-align: center;
}
header .social-media li a{
    display: block;
    background: none;
    color: #f3f;
    font-size: 20px;
    margin: 8px 6px;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: all 0.5s ease-in-out;
}

header .logo-box{width: 20% ;padding:0 4px;}
header .main-head{width: 55%;padding:0 4px; align-content: center;}
header .m-media{width: 12%;padding:0 4px; align-content: center;}
header .h-btn{width: 13%;padding:0 4px;text-align: right; align-content: center;}
header .h-btn a{
    position: relative;
    overflow: hidden;
    display: block;
    background: #3ff;
    border: none;
    box-sizing: border-box;
    z-index: 1;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 4px;
    text-align: center;
    transition: all 0.25s ease-in-out;
    border-radius: 0px;
    border: 2px solid #000;
    max-width: 16em;
    color: #000;
}

header .h-btn a:before {
    content: "";
    position: absolute;
    transition: top 0.5s ease-in 0.5s, width 0.5s ease-out, height 0.5s ease-out;
    -webkit-transition: top 0.5s ease-in 0.5s, width 0.5s ease-out, height 0.5s ease-out;
    left: 50%;
    top: -50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #f3f;
    z-index: -1;
}
header .h-btn a:hover:before{
    transition: top .3s ease-in, width .2s ease-out .2s, height .2s ease-out .2s;
    -webkit-transition: top .2s ease-in, width .2s ease-out .2s, height .2s ease-out .2s;
    top: 50%;
    width: 300px;
    height: 300px;
 }
/*----------------------------------------*/
/*  Slider Area
/*----------------------------------------*/

.slider_section{ position: relative; overflow: hidden;}
.slider_section .overlay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.75;
}
.ht-slide{position: relative;}
.slider_section .slbx{position:relative;margin:0 0 0px 0 }
.slider_section .slconbx{padding: 3em 0 ;}
.slider_section .sliderbgimg{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.slider_section .sliderbgimg img{
    width: 100%; 
    height: 720px;
    /*backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    filter: blur(1px);*/
}
.slider_section .sliderimg {
    display: block;
    position: relative;
    width: 30%;
}

.slider_section .sliderimg img {
    width: 100%;
    height: 540px;
}
.slider_section .img-border {
    position: absolute;
    left: -32px;
    right: 3%;
    top: 30px;
    bottom: auto;
}
.slider_section .slider-content-box{position: relative;width: 70%; align-content: center;}
.slider_content{
    position: relative;
    padding: 1em 3em 1em 1em;
    overflow: hidden;
    word-break: break-word;
}
.slider_section .title {
    font-size: 64px;
    font-weight: 500;
    padding-bottom: 10px;
    word-break: break-word;
    line-height: 1.3;
    z-index: 1;
    position: relative;
}
.slider_section .sub-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    word-break: break-word;
    margin-top: 10px;
    line-height: 1.8;
    z-index: 1;
    position: relative;
    color: #fff;
    padding: 0 41% 0 0;
}
.slider_section .slider-btn {
    margin-top: 1.4em;
    z-index: 1;
    position: relative;
    transition: all 0.5s ease 0s;
}
.slider_section .slider-btn a{
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 8px 12px 30px;
    text-align: center;
    transition: all 0.25s ease-in-out;
    text-decoration: none;
    border-radius: 0px;
    max-width: 16em;
    color: #000;
    background: #F6F4EC;
}
.slider_section .slider-btn a:hover .btnborder{
    border: 1px solid transparent;
    transition: all 0.2s ease-in-out;
}
.slider_section .slider-btn a:before {
    content: "";
    position: absolute;
    transition: top 0.5s ease-in 0.5s, width 0.5s ease-out, height 0.5s ease-out;
    -webkit-transition: top 0.5s ease-in 0.5s, width 0.5s ease-out, height 0.5s ease-out;
    left: 50%;
    top: -50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #f3f;
    z-index: -1;
}
.slider_section .slider-btn a:hover:before{
    transition: top .3s ease-in, width .2s ease-out .2s, height .2s ease-out .2s;
    -webkit-transition: top .2s ease-in, width .2s ease-out .2s, height .2s ease-out .2s;
    top: 50%;
    width: 300px;
    height: 300px;
 }
.slider_section .slider-btn a span {
    background: #d33;
    padding: 8px 10px;
    position: relative;
    bottom: -6px;
    color: #fff;
    position: relative;
    margin-left: 8px;
}
.slider_section .slider-btn a i {
    position: relative;
    transform: rotate(-45deg);
    font-size: 20px;
}
 /*====================*/
}
.slider_section .owl-nav{display: block;}
.slider_section .owl-carousel{ display: block;}
.slider_section .owl-dots,
.slider_section .owl-theme .owl-dots {display: none;} 

/*******/
.slider_section .owl-nav{
    display: block;
    position: absolute;
    top: 42%;
    right: 12%;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    box-shadow: none;
}
.slider_section .owl-nav .owl-prev ,
.slider_section .owl-nav .owl-next{
    position: relative;
    padding: 0px 0px;
    margin: 0 2px;
    transition: all 0.4s ease-out;
    background: none;
    box-shadow: none;
    z-index: 1;
}
.slider_section .owl-nav .owl-prev i {
    position: relative;
    top: 0px;
    font-weight: 500 !important;
    font-size: 30px ! important;
    color: #000;
    transition: all 0.4s ease-out;
}

.slider_section .owl-nav .owl-prev:after {
    content: '';
    position: absolute;
    top: -8px;
    width: 30px;
    height: 48px;
    /* line-height: 3px; */
    background-color: #fff;
    opacity: 1;
    border-radius: 4px;
    z-index: -1;
    transition: all 0.4s ease-out;
}
.slider_section .owl-nav .owl-prev i{right: 6px;}
.slider_section .owl-nav .owl-prev:after{right: -1px;}

.slider_section .owl-nav .owl-next:after{
    content: '';
    position: absolute;
    top: 48px;
    right: 18px;
    width: 30px;
    height: 48px;
    background-color: #fff;
    opacity: 1;
    border-radius: 4px;
    z-index: -1;
    transition: all 0.4s ease-out;
}
.slider_section .owl-nav .owl-next i{
    position: relative;
    top: 55px;
    right: 22px;
    font-weight: 500 !important;
    font-size: 30px ! important;
    color: #000;
    transition: all 0.4s ease-out;
}

/*----------------------------------------*/
/*   Feature Area
/*----------------------------------------*/
.feature-area {position: relative;overflow: hidden;background: #F6F4EC;}
.feature-area .f-bx{
    position: relative;
    padding: 10px 18px;
    margin:0em 0 1em 0;
    text-align: center;
}
.feature-area .fea-single {
    position: relative;
    padding: 10px 10px ;
    transition: all ease 0.5s;
  
}
.feature-area .fea-inn{position: relative;}
.feature-area .fea-inn:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    border-radius: 0px;
    background-color: #fff;
    transition: all 1s ease 0s;
}

.feature-area .fea-single:hover .fea-inn:after {
    top: 0;
    height: 100%;
    transition: all 1s ease 0s;
}
/*******/
.feature-area .fea-single:after,
.feature-area .fea-single:before{
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    z-index: -1;
    background-color: #1B98E0;
    transition: all 1s ease 0s;
    border-radius: 50px;
    opacity: 0;
}
.feature-area .fea-single:after {
    right: 0;
    top: 0;
}
.feature-area .fea-single:before {
    bottom: 0;
    left: 0
}
.feature-area .fea-single:focus:after,
.feature-area .fea-single:hover:after,
.feature-area .fea-single:focus:before,
.feature-area .fea-single:hover:before {
    z-index: 1;
    width: 100%;
    transition: all 1s ease 0s;
    opacity: 1;
}
/****/
.feature-area .feature-single-area{position: relative;}
.feature-area .fea-icon {
    position: relative;
    overflow: hidden;
    transition: all ease 1s;
}
.feature-area .fea-icon span {
    position: relative;
    font-size: 49px;
    transition: all 1s ease 0s;
    color: #000;
    z-index: 1;
}
.feature-area .fea-conbx{
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 8px;
    transition: all ease 1s;
}
.feature-area .fea-title {
    position: relative;
    font-size: 31px;
    line-height: 1.2;
    color: #fff;
    font-weight: 500;
    padding: 0px 0;
    margin: 20px 0 20px 0;
    word-break: break-word;
    transition: all ease 0.5s;
    z-index: 1;
}
.feature-area .fea-single p{
    position: relative;
    font-size: 16px;
    line-height: 25px;
    margin: 0;
    z-index: 1;
}
.feature-area .bttn{position: relative; margin-top: 12px;}
.feature-area .bttn a {
    position: relative;
    overflow: hidden;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-decoration: underline;
    offset-anchor: 12px;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
    transition: all ease 0.5s;
    z-index: 1;
}
.feature-area .bttn a:hover{transition: all ease 0.5s;letter-spacing: 1px;}
/*----------------------------------------*/
/*  Services Area
/*----------------------------------------*/
#service{ position: relative;overflow:hidden;}
#service .section-title-area {
    position: relative;
    margin-bottom: 3em;
}
#service .serhedimg {
    position: absolute;
    right: 0;
    margin-top: -2em;
}
#service .serhedimg img{width: 132px; height: 160px ;}
#service .section-title h4 {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 22px 0;
    color: #000;
}
#service .section-title h2{
    position: relative;
    font-size: 46px;
    font-weight: 600;
    color: #000;
}
#service .single-service-bx{
    text-align: center;
    margin-bottom : 3em;
    padding: 0 12px;
}
#service .single-service {
    position: relative;
    overflow: hidden;
    padding: 20px 20px 15px 20px;
    background: #f3f3;
    transition: all 0.3s;
}
#service .single-service:after {
    content: "";
    position: absolute;
    left: 4px;
    right: 4px;
    top: 3px;
    bottom: 0;
    border: 4px solid #fff;
    border-bottom: 0;
}
#service .service-icon {
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}
#service .service-icon img{
    height: 500px;
    width: 100%;
    transition: all 0.3s;
}
#service .ser-text{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    background: #f7f7f7;
    padding: 10px 2px;
    transition: all 0.3s;
}
#service .single-service:hover .ser-text{
    bottom: 0px;
    transition: all 0.3s;
}
#service h3.post-title {
    color: #0B0706;
    font-size: 23px;
    font-weight: 500;
    margin: 6px 0 10px;
}
#service .single-service p{
    font-size: 16px;
    line-height: 27px;
}
#service .readmore1 a{
    position: relative;
    overflow: hidden;
    background: #fff;
    border: none;
    box-sizing: border-box;
    z-index: 1;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 20px;
    text-align: center;
    transition: all 0.25s ease-in-out;
    border-radius: 0px;
    max-width: 16em;
    color: #000;
}
#service .readmore { display: none;}
#service .readmore1 a:before {
    content: "";
    position: absolute;
    transition: top 0.5s ease-in 0.5s, width 0.5s ease-out, height 0.5s ease-out;
    -webkit-transition: top 0.5s ease-in 0.5s, width 0.5s ease-out, height 0.5s ease-out;
    left: 50%;
    top: -50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #f3f;
    z-index: -1;
}
#service .readmore1 a:hover:before{
    transition: top .3s ease-in, width .2s ease-out .2s, height .2s ease-out .2s;
    -webkit-transition: top .2s ease-in, width .2s ease-out .2s, height .2s ease-out .2s;
    top: 50%;
    width: 300px;
    height: 300px;
 }


/*----------------------------------------*/
/*   About Area
/*----------------------------------------*/
#about { position: relative; overflow: hidden;}
/*left*/
#about .abtimgbx{width: 42%; padding: 0 15px 0 0; position: relative;}
#about .aboutarea-img{}
#about .aboutarea-img img{width: auto;height: 500px;}
#about .btmimg { position: relative;margin-top: -6em; margin-left: -30px;}
#about .flow-img{width: 40%;z-index: 1;}
#about .flow-img img {
    scale: 1.1;
    margin-top: -5.2em;
    position: relative;
    right: -16px;
    width: auto;
    height: auto;
}
#about .dig-img{width: 60%;z-index: 0;}
#about .dig-img img{
    width: auto;
    height: auto;
}
/*about video image*/
#about .video-content {position: relative;}
#about .newvbox {
    right: 9%;
    margin-top: 8%;
    position: absolute;
    float: right;
    overflow: hidden;
}
#about .video-img img {
    width: 136px;
    height: 156px;
    border: 6px solid #fff;
}
#about .video-icon {
    position: absolute;
    top: 18%;
    left: 0;
    right: 0;
    text-align: center;
    width: 44px;
    height: 44px;
    line-height: 46px;
    border-radius: 50px;
    margin: 0 auto;
    background: #fff;
}

#about .video-icon svg{
    width: 36px;
    height: 36px;
    position: relative;
    margin-top: 4px;
    fill:#000;
}
#about .video-icon svg path {
    stroke: #000;
}
#about h3 {
    position: absolute;
    font-size: 15px;
    color: #fff;
    /* top: 0; */
    bottom: 20px;
    left: 9px;
    right: 9px;
    margin: 0 auto;
    text-align: center;
}
#about .video-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 99999;
}
#about .video-overlay:target {visibility: visible;opacity: 1;}
#about .popup {
    margin: auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 50%;
    top: 20%;
    position: relative;
    transition: all 5s ease-in-out;
}
#about .popup .close {
  position: absolute;
  top: -2px;
  right: 2px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #000;
}
#about .popup .close:hover {color: #000;}
#about .popup .content {max-height: 30%;overflow: auto;}

/*right*/
#about .contentbx{width: 58%;}
#about .aboutus-post-wrap {
    position: relative;
    border-bottom: 1px solid #000;
    margin-bottom: 2em;
}
#about .section-title h5{ 
    position: relative;
    font-size: 18px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    transition: all 0.5s ease 0s;
}
#about .section-title h2 {
    position: relative;
    font-size: 46px;
    font-weight: 700;
    padding: 0;
    line-height: 1.4;
    margin: 20px 0;
    transition: all 0.5s ease 0s;
}
#about .section-title p {
    font-size: 16px;
    line-height: 2;
    padding: 0;
    margin: 0;
    position: relative;
}
#about .aboutus-single {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease 0s;
    margin:1em 0 1em 0;
}
#about .hi-icon{width: 20%;}
#about .hi-icon span{
    font-size: 46px;
    transition: all 0.5s ease 0s;
}
#about .about-area-data{width: 80%;}
#about .about-area-data h4 {
    font-size: 22px;
    margin: 0 0 10px 0;
    font-weight: 400;
    transition: all 0.5s ease 0s;
}
#about .about-area-data p{
    font-size: 16px;
    line-height: 25px;
}
#about .signbx { width: 28%;}
#about .infobx{width: 72%; align-content: center;}
#about .infobx h6 {
    font-size: 27px;
    font-weight: 400;
    margin: 10px 0 15px 0;
    padding: 0;
}
#about .infobx p{
    font-size: 18px;
    color: #7E7E7E;
    margin: 0;
    padding: 0;
}

/*----------------------------------------*/
/*  Video-section*/
/*----------------------------------------*/
#ourvideo-section{position: relative;overflow: hidden;text-align: center;}
#ourvideo-section .v-oly{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.3;
}
#ourvideo-section iframe{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
#ourvideo-section  embed{  max-width: 100%; width: 100% !important; height: 100% !important;}
#ourvideo-section .ourvideo-subtext{ font-size: 16px; line-height: 25px;}
#ourvideo-section .ht-section-title-tagline{text-align: left; margin-bottom: 1em;}
#ourvideo-section .video-content-bg{ width: 100%; position: relative; overflow: hidden; border-radius: 0px;}
#ourvideo-section .videos-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 1;
    transition: all 0.5s ease 0s;
}
#ourvideo-section:hover .videos-icon{
    opacity: 1;
    transition: all 0.5s ease 0s;
}
#ourvideo-section .videos-icon a{
    display: inline-block;
    position: relative;
    border-radius: 50%;
    height: 90px;
    width: 90px;
    line-height: 90px;
    color:#2765ba;
    background: #fff;
    font-size: 30px;
    animation: innerbeat 8.2s infinite linear forwards;
}
#ourvideo-section .videos-icon a:before{
    content: '';
    display: inline-block;
    position: absolute;
    opacity: 0.3;
    top: -8px;
    left: -8px;
    bottom: -8px;
    right: -8px;
    border-radius: inherit;
    background: #f3f;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
   
}
@keyframes pulse-border {
  0% {
    transform: translateX(0%) translateY(0%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) translateY(0%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

/*----------------------------------------*/
/* Gallery Section
/*----------------------------------------*/
#gallery .innerpageg{display: none;}
#gallery {
    position: relative;
    overflow: hidden;
}
#gallery .section-title-area {
    position: relative;
    text-align: center;
    margin-bottom: 3em;
}
#gallery .section-title h4 {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 22px 0;
    color: #000;
}
#gallery .section-title h2{
    position: relative;
    font-size: 46px;
    font-weight: 600;
    color: #000;
}
#gallery .gallery-main-box {
    column-count: 3;
    padding: 0;
    gap: 25px;
}
#gallery .lz-gallery-images {
    position: relative;
    overflow: hidden;
    margin: 0px 0px;
}
#gallery .spa-gall {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
}
#gallery .spa-gall img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease 0s;
}
#gallery .ovlay{
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: #000;
    transition: all 0.3s ease 0s;
}
#gallery .spa-gall:hover .ovlay{
    opacity: 0.2;
    transition: all 0.3s ease 0s;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
#gallery .over-text {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    top: 39.2%;
    bottom: 0;
    margin: 0 auto;
}
#gallery .icnbx{
    position: absolute;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    z-index: 0;
    top:35.5%;
    left: 0;
    right: 0;
    transition: all 0.3s ease 0s;
}
#gallery .icnbx i{
    position: relative;
    overflow: hidden;
    top: 31%;
    font-size: 26px;
    color: #fff;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
#gallery .spa-gall:hover .icnbx i{
    opacity: 1;
    transition: all 0.3s ease 0s;
}
#gallery .icnbx:after{
    content: "";
    position: absolute;
    background: #fff;
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all 0.3s ease 0s;
}
#gallery .spa-gall:hover .icnbx:after{
    opacity: 0.4;
    transition: all 0.3s ease 0s;
}

#gallery .over-text h3{
    position: relative;
    font-size: 30px;
    font-weight: 400;
    padding: 0 3em;
    color: #fff;
    word-break: break-word;
    display: none;
}

#gallery .lz-gallery-images {
    margin-bottom: 25px;
}

/*----------------------------------------*/
/*  service inner page
/*----------------------------------------*/
#innerpage-box .single-service-bx { padding: 0 8px;}
#innerpage-box .single-service {
    border-radius: 0px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 50px;
    transition: all 0.5s ease 0s;
    padding: 20px;
}
#innerpage-box .service-icon img{
    width: 100%;
    height: 500px;
}
#innerpage-box .service-icon {  position: relative;}
#innerpage-box .single-service:after {
    content: "";
    position: absolute;
    left: 4px;
    right: 4px;
    top: 3px;
    bottom: 0;
    border: 4px solid #fff;
    border-bottom: 0;
}
#innerpage-box .ser-text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    background: #f7f7f7;
    padding: 14px 2px 12px;
    transition: all 0.3s;
    text-align: center;
}
#innerpage-box .single-service:hover .ser-text{
    transition: all 0.3s;
    bottom: 0px;
}
#innerpage-box .ser-text h3{
    font-size: 23px !important;
    font-weight: 500 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
}
#innerpage-box .ser-text p.inner-area-text {
    font-size: 16px;
    line-height: 1.8;
}
#innerpage-box .ser-text .readmore1{display: none;}

#innerpage-box .ser-text .readmore a{
    position: relative;
    overflow: hidden;
    background: #fff;
    border: none;
    box-sizing: border-box;
    z-index: 1;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 20px;
    text-align: center;
    transition: all 0.25s ease-in-out;
    border-radius: 0px;
    max-width: 16em;
    color: #000;
}

#innerpage-box .ser-text .readmore a:before {
    content: "";
    position: absolute;
    transition: top 0.5s ease-in 0.5s, width 0.5s ease-out, height 0.5s ease-out;
    -webkit-transition: top 0.5s ease-in 0.5s, width 0.5s ease-out, height 0.5s ease-out;
    left: 50%;
    top: -50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #f3f;
    z-index: -1;
}
#innerpage-box .ser-text .readmore a:hover:before{
    transition: top .3s ease-in, width .2s ease-out .2s, height .2s ease-out .2s;
    -webkit-transition: top .2s ease-in, width .2s ease-out .2s, height .2s ease-out .2s;
    top: 50%;
    width: 300px;
    height: 300px;
 }

/*-------------------------------------------
 Inner Gallery Page
--------------------------------------------*/
.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {top: 3em !important;}

#innerpage-box .inner-page-gallery.homepageg  {
    display: none;
}
#innerpage-box .ginnimg {
    position: relative;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 1px;
    width: 33.33%;
    float: left;
}

#innerpage-box .inner-page-gallery .icnbx {
    position: absolute;
    overflow: hidden;
    top: 38%;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
}
#innerpage-box .inner-page-gallery .icnbx:before {
    content: "";
    background: #fff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 0;
    opacity: 0;
}
#innerpage-box .inner-page-gallery:hover .icnbx:before{
    transition: all 0.3s ease 0s;
    opacity: 0.3;
}
#innerpage-box .inner-page-gallery .icnbx i {
    font-size: 26px;
    position: relative;
    line-height: 60px;
    transition: all 0.3s ease 0s;
    opacity: 0;
}
#innerpage-box .inner-page-gallery:hover .icnbx i{
    opacity: 1;
    transition: all 0.3s ease 0s;
}

#innerpage-box .inner-page-gallery img {
    height: 300px;
    width: 100%;
    transition: all 0.3s ease 0s;
}
#innerpage-box .inner-page-gallery:hover img{
    -webkit-backdrop-filter: blur(4px);
    filter: blur(4px);
    backdrop-filter: blur(4px);
    transition: all 0.3s ease 0s;
}
#innerpage-box .inner-page-gallery .img-border {
    border: 1px solid #fff;
    position: absolute;
    left: 5%;
    right: 5%;
    top: 6%;
    bottom: 6%;
    transition: all 0.3s ease 0s;
    opacity: 0;
}
#innerpage-box .inner-page-gallery:hover .img-border{
    transition: all 0.3s ease 0s;
    opacity: 1;
}

/*----------------------------------------*/
/*  Pricing Area
/*----------------------------------------*/
#pricing {position: relative;overflow: hidden;transition: all 1s ease 0s;}
#pricing .section-title-area{position: relative;}
#pricing .pricehedimg {
    position: absolute;
    right: 0;
    margin-top: 0em;
}
#pricing .pricehedimg img{width: 55px; height: 51px ;}
.pricing-area .sp-bx{position: relative;}
/********/
.pricing-area .sp-bx:nth-child(2){top: -2em;}
.pricing-area .sp-bx:nth-child(2) .single-pricing:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    border-top:10px solid #d33 ;
}
.pricing-area .sp-bx:nth-child(2) .single-pricing:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    border-bottom:4px solid #d33 ;
}
.pricing-area .sp-bx:nth-child(2) .currency-price:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -18px;
    border-bottom: 2px solid #d33;
    top: 0;
    right: 0;
    width: 80%;
}
.pricing-area .sp-bx:nth-child(2) .simg {
    content: "";
    position: absolute;
    left: -7px;
    top: -60px;
    background: url(images/pricehead.png);
    z-index: 1;
    bottom: 90%;
    right: 0;
    background-repeat: no-repeat;
}
/******/
.pricing-area .section-title-area {
    position: relative;
    margin-bottom: 6em;
    text-align: center;
}
.pricing-area .section-title h4 {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 22px 0;
    color: #000;
}
.pricing-area .section-title h2{
    position: relative;
    font-size: 46px;
    font-weight: 600;
    color: #000;
}
.pricing-area .single-pricing {
    position: relative;
    overflow: hidden;
    background: #fff;
    transition: all 1s ease 0s;
    margin: 0 6px 1em ;
    border-radius: 0 0;
    z-index: 0;
    padding:30px 0px 30px 0px;
}

.pricing-area .p_bxinn {
    position: relative;
    padding: 0 20px 0 30px;
}
.pricing-area .single-pricing .plan-title {
    position: relative;
    font-size: 25px;
    font-weight: 500;
    transition: all 1s ease 0s;
    /*top:30px;*/
    padding: 0px 0;
    margin: 0;
}
.pricing-area .currency-price {
    position: relative;
    color: #000;
    font-size: 69px;
    font-weight: 500;
    margin: 20px 0 40px;
    word-break: break-word;
    transition: all 1s ease 0s;
    /*text-shadow: -3px 3px 0px #24345D1C;*/
}
.pricing-area .currency-price span{
    font-size: 21px;
    font-weight: 400;
}
.pricing-area ul.pricing-list {
    margin: 0 10px 0 20px;
    padding: 0;
}
.pricing-area ul.pricing-list li {
    position: relative;
    text-align: left;
    font-size: 20px;
    list-style: none;
    color: #ffffff;
    font-weight: 500;
    word-break: break-word;
    margin: 16px 0 1px 0;
    padding: 0px 0px 0px 0;
    transition: all 1s ease 0s;
}
.pricing-area ul li:before {
    content: "\f046";
    font-family: 'Fontawesome';
    font-size: 14px;
    padding-right: 14px;
    color: #FF7617;
    font-weight: 500;
    transition: all 1s ease 0s;
}
.pricing-area .pc-btn {
    position: relative;
    margin: 2em 0 0 0;
}
.pricing-area .pc-btn a {
    position: relative;
    overflow: hidden;
    display: block;
    word-break: break-word;
    z-index: 1;
    border: none;
    width: 96%;
    border-radius: 0;
    padding: 18px 4px;
    font-size: 20px;
    font-weight: 500;
    background: #000;
    color: #bf2b2b;
    transition: all 0.3s;
    cursor: pointer;
    text-align: center;
}


/*----------------------------------------*/
/* Testimonials Area
/*----------------------------------------*/

#testimonials{ position: relative;overflow:hidden;}
#testimonials .section-title-area {
    position: relative;
    margin-bottom: 1em;
    text-align: center;
}
#testimonials .section-title h4 {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 22px 0;
    color: #000;
}
#testimonials .section-title h2{
    position: relative;
    font-size: 46px;
    font-weight: 600;
    color: #000;
}
#testimonials .tshedimg {
    position: absolute;
    right: 40px;
    top: -34px;
    z-index: 2;
}
/***************/
#testimonials .testimonials-single-area {
    position: relative;
    padding: 0.5em 4em 0em 4em
}
#testimonials .tetimonoal-area {
    padding-top: 3em;
    text-align: center;
}
#testimonials .inndata{
    position: relative;
    padding: 1em 2em 2em 2em;
    transition: all 0.3s ease 0s;
}
#testimonials .ts-area-thumb {
    position: relative;
    overflow: hidden;
    width: 118px;
    height: 120px;
    transition: all 0.3s ease 0s;
    margin: -4em auto 1.4em;
}
#testimonials .tetimonoal-area:hover .ts-area-thumb{
    /*border-radius: 15px;*/
    transition: all 0.3s ease 0s;
}
#testimonials .ts-area-thumb img {
    width: 100% ;
    height: 100%;
    transition: all 0.3s ease 0s;
}
#testimonials .ts-main-area {  position: relative; padding: 0 0 4em 0;}
#testimonials h6.ts-area-title {
    font-size: 24px;
    color: #3d3d3d;
    margin: 0 0 12px 0;
    font-weight: 400;
    transition: all 0.3s ease 0s;
}

#testimonials .ts-area-desg {
    position: relative;
    font-size: 18px;
    font-weight: 400;
}
#testimonials .ts-area-c p:before {
    position: absolute;
    color: #EC003F;
    content: "\f10e";
    font-family: 'Fontawesome';
    font-size: 36px;
    top: 0px;
    left: 0;
    transform: rotateY(180deg);
}
#testimonials .ts-area-c p:after {
    position: absolute;
    color: #EC003F;
    content: "\f10e";
    font-family: 'Fontawesome';
    font-size: 34px;
    top: 0;
    right: 0;
}
#testimonials .ts-area-c p {
    position: relative;
    /* z-index: 1; */
    font-size: 18px;
    line-height: 1.8;
    padding: 1.2em 38px;
    margin-bottom: 0;
    font-weight: 400;
}

#testimonials .owl-theme .owl-nav{
    display: none ;
}
#testimonials .owl-dots{
    display: inline-block;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    top: -4em;
}
#testimonials .owl-theme .owl-dots .owl-dot {  box-shadow: none !important;}
#testimonials button.owl-dot.active span{
    width: 18px;
    height: 18px;
}
#testimonials .owl-theme .owl-dots span {
    width: 12px;
    height: 12px;
    margin: 0px 8px;
    display: block;
    -webkit-backface-visibility: visible;
    border-radius: 30px;
    opacity: 1;
    background: #000;
}

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

#contact {position: relative; overflow: hidden; background: #F6F4EC;}
/*left*/
#contact .contact-l-block{ position: relative; padding: 0 3em 10px 0;width: 53%;}
#contact .contact-l-block h3{
    position: relative;
    font-size: 26px;
    margin: 0;
    color: #000;
}
#contact .contact-l-block h2{
    position: relative;
    font-size: 68px;
    color: #000;
    margin: 14px 0 30px;
}
#contact .contact-l-block p{
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    padding-right: 13%;
    line-height: 2;
}
#contact .d-bx2,
#contact .d-bx1{width: 50%;}
#contact .d-bx3 { width: 52%;}
#contact .dbx {
    position: relative;
    margin: 3em 0 0em 0;
    z-index: 1;
}
#contact .icnbx{width: 20%;}
#contact .icnbx i{font-size: 30px;font-weight: 600;}
#contact .cont-info{width: 80%;}
#contact .cont-label{font-size: 22px; font-weight: 600;margin: 0 0 16px 0;}
#contact .cont-info p,
#contact .cont-info a{    
    font-size: 18px;
    color: #000;
    line-height: 1.8;
    font-weight: 400;
}
#contact .cntbttmimg {
    position: absolute;
    left: 0;
    bottom: 0;
}

/*right*/
#contact .appont-mg { position: relative;width: 47%;z-index: 1;}
#contact .ht-contact-member-wrap {overflow: hidden;position: relative;}
#contact .contact-btn { margin-top: 2em;}
#contact .contact-btn a {
    text-align: center;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
    font-size: 20px;
    padding: 16px 60px;
    color: #fff;
    transition: all 0.5s;
    border-radius: 0;
    cursor: pointer;
    z-index: 9;
    transition: all 0.5s;
    border: 0;
}

#contact .contact-btn a:before {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    color: #000;
    background: #0c3c00;
    transition: all 0.5s;
}
#contact .contact-btn a:hover:before {
    left: 0%;
    right: auto;
    width: 100%;
}

#contact  .ht-contact-member-wrap input::placeholder{ opacity: 1;}

#contact .ht-contact-member-wrap input[type="text"], 
#contact .ht-contact-member-wrap input[type="email"], 
#contact .ht-contact-member-wrap input[type="url"], 
#contact .ht-contact-member-wrap input[type="password"], 
#contact .ht-contact-member-wrap input[type="search"], 
#contact .ht-contact-member-wrap input[type="number"], 
#contact .ht-contact-member-wrap input[type="tel"], 
#contact .ht-contact-member-wrap input[type="range"], 
#contact .ht-contact-member-wrap input[type="date"], 
#contact .ht-contact-member-wrap input[type="month"], 
#contact .ht-contact-member-wrap input[type="week"], 
#contact .ht-contact-member-wrap input[type="time"], 
#contact .ht-contact-member-wrap input[type="datetime"],
#contact .ht-contact-member-wrap input[type="datetime-local"], 
#contact .ht-contact-member-wrap input[type="color"],
#contact .ht-contact-member-wrap input[type="file"],
#contact .ht-contact-member-wrap textarea{    
    border: 1px solid #f3f3f3;
    border-left: none;
    border-top: none;
    border-right: none;
    background: none;
    z-index: 2000;
    width: 100%;
    color: #838383;
    margin: 2px 0 23px 0;
    border-radius: 0;
    padding: 18px 10px 18px 20px;
    font-size: 18px;
    font-weight: 400;
    background: #fbfbfb;
    text-align: left;
}
#contact .ht-contact-member-wrap input[type="file"] {
    cursor: pointer;
    padding: 12px 20px;
}

#contact .ht-contact-member-wrap select{
    outline: 0;
    border: 1px solid #fff;
    z-index: 2000;
    width: 100%;
    margin: 0 0 6px 0;
   border-radius: 0px;
    padding: 16px 15px;
    font-size: 20px;
    height: 55px;
    background: rgba(0, 0, 0, 0.8);
}
#contact .ht-contact-member-wrap select option{
    font-weight: 600;
    padding-bottom: 12px;
}

#contact .ht-contact-member-wrap textarea {
    height: 200px;
    padding: 18px 10px 18px 20px;
     border-radius: 0px;
}
#contact  .ht-contact-member-wrap textarea::placeholder{
    color:#fff;
}

#contact .ht-contact-member-wrap label,#contact .ht-contact-member-wrap p{
    margin: 0;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
}

#contact .ht-contact-member-wrap input[type="submit"] {
    display: inline-block;
    color: #fff;
    font-weight: 500;
    padding: 14px 45px;
    line-height: 1;
    border-radius: 0px;
    position: relative;
    text-decoration: none;
    -webkit-appearance: none;
    outline: none;
    user-select: none;
    font-size: 18px;
    color: #fff;
    transition: all 0.5s ease 0s;
    border: 1px solid transparent;
    margin-top: 1em;
    box-shadow: none;
    /* text-align: center; */
}
#contact .ht-contact-member-wrap input[type="submit"]:hover {
    animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    opacity: 1;
   /* z-index: 999;*/
}
/*----------------------------------------*/
/*  Blog Area
/*----------------------------------------*/
.blog-area { position: relative; overflow: hidden; }
.blog-area .section-title-area {
    position: relative;
    margin-bottom: 4em;
    text-align: center;
}
.blog-area .section-title h4 {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 22px 0;
    color: #000;
}
.blog-area .section-title h2{
    position: relative;
    font-size: 46px;
    font-weight: 600;
    color: #000;
}
/********/
.blog-area .blog-post {
    background: none !important;
   padding: 0 1.2em;
}

#blog .blog-area-wrap {
    width: 100%;
}
#blog .box-area-S {
    position: relative;
    transition: all ease 1s;
    margin-bottom: 1.5em;
}
.blog-area .section-area-text {
    font-size: 16px;
    margin-bottom: 0;
    padding: 0px 0px
}
.blog-area .blog-date {
    font-size: 15px;
    padding: 1px 10px 2px 4px;
    position: absolute;
    border-radius: 0px;
    top: 10px;
    z-index: 1;
    background: #f3f;
    overflow: hidden;
    text-align: center;
    transition: all 0.2s ease-in-out;
}
.blog-area .blog-date ul {
    margin: 0;
    padding: 0;
}
.blog-area .blog-date ul li{
    list-style: none;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    padding: 6px 1px ;
    text-transform: lowercase;
}
.blog-area .blog-date li.dte {
    background: #d33;
    margin-right: 4px;
    color: #fff ;
    font-weight: 500 !important;
    padding: 6px 6px !important;
}
.blog-area .blog-imgbox{  position: relative; }
.blog-area .blog-thumbnail img{
     width: 100%;
    height: 256px;
    transform: scale(1);
    transition: all 1s ease 0s;
    overflow: hidden;
    position: relative;
}
.blog-area .blog-img{
    text-align: center;
    overflow: hidden;
    position: relative;
}

.blog-area .blog-single {
    transition: all ease 1s;
    position: relative;
    padding: 1em 0 1em 0;
}
.blog-area .box-area-S:hover .blog-single{
    transition: all ease 1s;
    box-shadow: 2px 1px 4px rgb(63 78 100 / 15%);
}
.blog-area .inner-area-title {
    font-size: 25px;
    margin: 0;
    padding: 0px 0px 16px;
    font-weight: 500;
    line-height: 1.8;
}
#blog .readmore1 { margin-top: 10px ;}
#blog .readmore1 a{
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
    outline-offset: 9px;
    padding: 0px 0px;
    color: #000;
    transition: all 0.5s ease-in-out;
}
#blog .readmore1 a:hover{ 
    letter-spacing: 1px;
    transition: all 0.5s ease-in-out;
}
/*----------------------------------------*/
/*  Footer Area
/*----------------------------------------*/
.footer-area {
    position: relative;
    overflow: hidden; 
    border-top: 2px solid #d33;
}
.single-footer-1{
    width: 100%;
    text-align: center;
    background: #ece9e2;
    padding: 20px 0 0;
    position: relative;
}
.single-footer-1:after{
    content: "";
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 0;
    top:0;
    border-bottom: 2px solid #d33;
}
.single-footer-2{margin-top:3em;width:20%; padding: 0 10px 0 0; }
.single-footer-3{margin-top:3em;width:25% ;padding: 0 10px 0 0; }
.single-footer-4{margin-top:3em;width:25%; padding: 0 10px 0 0; }
.single-footer-5{margin-top:3em;width:30%; padding: 0 10px 0 0; }
.footer-area .bottom-area {
    position: relative;
    overflow: hidden;
    margin-bottom: 3em;
    border-radius: 50px;
    margin-left: 0%;
    margin-right: 0%;
    padding: 10px 80px;
}
.page-template-home-template .footer-area{ border-top: none;}
.footer-area li {display: block;margin-bottom: 22px;font-size: 16px;font-weight: 400; }
.footer-area li a {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
}
.footer-area li.current_page_item a,
.footer-area ul.sub-menu li.current_page_item a{
    background: none;
}
.footer-area li.current_page_item a:before{ display: none;}
.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 0px;}
.footer-area p {    
    margin-bottom: 25px;
    font-weight: 400;
    line-height: 1.6;
    font-size: 16px;
}
.footer-area p i {  font-size: 22px;padding-right: 10px;}

footer#footer.footer-area .widget-title,
footer#footer.footer-area h4 {
    letter-spacing: 0px;
    color: #feffff;
    margin-bottom: 20px;
    font-size: 24px;
    text-transform: capitalize;
    padding-bottom: 10px;
    font-weight: 600;
}
.footer-area .widget.widget_recent_entries li a {font-size: 16px;}
.footer-area .social-profile-icons ul{margin: 0;}
.footer-area .fs-media li,
.footer-area .social-profile-icons ul li { display: inline-block;}
.footer-area .fs-media li a,
.footer-area .social-profile-icons ul li a{
    position: relative;
    font-size: 20px;
    transition: all 0.5s ease 0s;
    margin: 0 10px;
}
.footer-area .fs-media {  width: 40%;}
.footer-text{width: 60%;}
.footer-text, .footer-text a {font-size: 18px;font-weight: 400;word-break: break-word;text-align: right;}
.footer-area .social-profile-icons ul li:before{
    display: none;
}
.footer-area .widget {margin-bottom: 1.5em;}
.footer-area .widget.social-profile-icons {margin-bottom: 0em;}

.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-area .fs-media li{list-style: none; display: inline-block ; margin-bottom: 4px ;}
.footer-text, .footer-text a {margin: 8px 0 0 0; font-size: 18px;font-weight: 400;word-break: break-word;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  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;
    height: 35px;
    width: 100%;
    margin-bottom: 16px;
    padding: 10px 10px;
    font-style: normal;
    font-weight: 400;
}
.footer-area textarea{height: 122px;}
.footer-area input[type="submit"] {  
        background: none;
    border: 2px solid;
    font-size: 16px;
    font-weight: 600;
    border: none;
    padding: 0px;
    padding: 0;
    color: #FFF;
    -moz-transition: all 0.3s ease;
    border-radius: 0;
    box-shadow: none;
}
.footer-area input[type="submit"], .footer-area .widget_calendar tfoot tr td a, .footer-area .s-footer .textwidget p a {
    border-bottom: 1px solid;
        background: none;
}
.footer-area input[type="submit"]:hover, .footer-area .widget_calendar tfoot tr td a:hover,
.footer-area .s-footer .textwidget p a:hover{
    opacity: 0.6;
      background: none;
}
.footer-area label{
    font-weight: 400;
    width: 100%;
}
.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 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;
}

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

/*----------------------------------------*/
/*  Team Section
/*----------------------------------------*/
#team .teaminn-page{display: none;}
#team{position: relative;overflow: hidden;}
#team .section-title-area {
    position: relative;
    margin-bottom: 5em;
    text-align: center;
}
#team .section-title h4 {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 22px 0;
    color: #000;
}
#team .section-title h2{
    position: relative;
    font-size: 46px;
    font-weight: 600;
    color: #000;
}
#team .single-team {
    position: relative;
    overflow: hidden;
    margin: 0 0px 1.5em 0;
    width: 33.33%;
    padding: 0 18px 0;
        transition: all 0.3s ease 0s;
}
#team .our-team { position: relative; overflow: hidden;transition: all 0.9s ease 0s;}
#team .single-team-img img{ width: 100%;height: 541px;}
#team .team-designation {
    font-size: 18px;
    position: absolute;
    top: 20px;
    left: -100%;
    z-index: 2;
    background: #fff;
    padding: 10px 20px;
    transition: all 0.3s ease 0s;
}
#team .our-team:hover .team-designation{left: 2px; transition: all 0.9s ease 0s;}
#team .conbx {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    margin: 0 auto;
    background: #f7f7f7;
    width: 90%;
    text-align: center;
    box-shadow: 0px 0px 20px #0000000F;
    padding: 12px 4px 6px 4px;
    transition: all 0.3s ease 0s;
}
#team .our-team:hover .conbx{bottom: 0px; transition: all 0.9s ease 0s;}
#team .team-text h4{
    position: relative;
    font-weight: 500;
    font-size: 28px;
}
#team .team-social-icon{
    position: relative;
    text-align: center;
    display: inline-block;
    border-bottom: 1px solid #000;
}
#team .team-social-icon a{
    position: relative;
    display: inline-block;
    margin: 1px 4px;
    transition: all 0.3s ease 0s;
}
#team .team-social-icon i {
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    transition: all 0.3s ease 0s;
}
#team .team-social-icon a:hover i{color: #d33; transition: all 0.3s ease 0s;}

/*----------------------------------------*/
/*  Team Inner Page
/*----------------------------------------*/
#team .inner-team{display: none;}
#innerpage-box .our-team{display: none;}
#innerpage-box .team-text h4 {
    word-break: break-word;
    font-size: 28px;
    font-weight: 500 !important;
    color: #FE8A00;
    margin: 0px !important;
}
#innerpage-box .team-text .team-designation{    
    word-break: break-word;
    font-size: 15px;
    margin: 6px 0;
    font-weight: 500;
}
#innerpage-box .team-text {
    text-align: center;
    padding: 8px 4px;
    margin: 0;
}
#innerpage-box .teaminn-page {
   transition: all 0.5s;
    position: relative;
}
#innerpage-box .single-team {
    filter: none;
    margin-bottom: 2em;
    overflow: hidden;
    width: 33.33%;
    float: left;
    padding: 0 10px;
}
#innerpage-box .pd-0 {padding: 0;}
#innerpage-box .team-designation {
    font-size: 18px;
    position: absolute;
    top: 20px;
    left: -100%;
    z-index: 2;
    background: #fff;
    padding: 10px 20px;
    transition: all 0.3s ease 0s;
}
#innerpage-box .teaminn-page:hover .team-designation{
    left: 0px;
    transition: all 0.3s ease 0s;
}
#innerpage-box .single-team-img {
    text-align: center;
    position: relative;
    overflow: hidden;
}
#innerpage-box .single-team-img img{
    width: 100% ;
    height: 540px;
}
#innerpage-box .team-con {
    background: #fff;
    position: absolute;
    width: 90%;
    bottom: -100%;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    transition: all 0.3s ease 0s;
}
#innerpage-box .teaminn-page:hover .team-con{
    bottom: 0%;
    transition: all 0.3s ease 0s;
}
#innerpage-box .teaminn-page .team-social-icon {
    position: relative;
    padding: 0px 0px;
    margin-top:8px ;
    overflow: hidden;
    transition: all 0.5s;
    display: inline-block;
    border-bottom: 1px solid #000;
}

#innerpage-box .teaminn-page .team-social-icon li {display: inline-block;padding: 0px 0;margin: 0 3px;}
#innerpage-box .teaminn-page .team-social-icon li a i{font-size: 16px;color: #111;}

/*----------------------------------------*/
/*  Testimonials Page
/*----------------------------------------*/
#testimonials .inner-t-area,
#innerpage-box .tetimonoal-area{display: none;}
#innerpage-box .item.innertest-item {
    position: relative;
    overflow: hidden;
    float: left;
    margin-bottom: 1em;
    border-radius: 0 0 0px 0px;
    width: 50%;
}
#innerpage-box .inner-t-area { margin: 0em 1em 1em 1em;}
#innerpage-box .ts-area-single {
    background-color: #e5e5e5;
    padding: 2em 1em;
}
#innerpage-box .ts-area-c {  position: relative;}
#innerpage-box .ts-thumbbx{width: 26%;padding: 0;}
#innerpage-box .ts-area-thumb img {
    width: 114px;
    height: 113px;
    transition: all 1s ease 0s;
    border-radius: 0px;
}
#innerpage-box .tsconbx{width: 74%;padding: 0 0 0 15px;align-content:center;}
#innerpage-box .ts-area-title{
    font-size: 20px !important;
    font-weight: 400 !important;
    margin: 0;
    margin-bottom: 8px !important;
    transition: all 0.3s ease 0s;
}
#innerpage-box .ts-area-desg {
    font-size: 14px ;
    font-weight: 400;
}
#innerpage-box .ts-area-c p {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    padding: 1.8em 0 0 0;
    margin: 0;
    z-index: 1;
}
#innerpage-box .ts-area-c p:after{
    position: absolute;
    color: #EC003F;
    content: "\f10e";
    font-family: 'Fontawesome';
    font-size: 36px;
    top: -4px;
    right: 14px;
        z-index: -1;
}
#innerpage-box .pd-0 {padding: 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: 35px;
    border-width: 2px;
    border-style: solid;
    border-color: #fe6a03;
    right: 0;
    top: 16px;
    left: 0%;
    margin: 0 auto;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(90deg);
    z-index: 1;
}
div#sitemap-box h3 {
    font-size: 20px;
    background: #2e2e2e;
    padding: 15px 25px !important;
    color: #ffffff;
    border-radius: 9px;
    text-align: center;
    word-break: break-word;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    font-weight: 500;
    /*clip-path: polygon(90% 0, 100% 100%, 100% 100%, 0 100%, 0 0);*/
}
.page-template-templates main#innerpage-box div#sitemap-box h3:after {
    display: none;
}
main#innerpage-box div#sitemap-box ul li {
    list-style: none;
    padding-bottom: 5px;
}
main#innerpage-box div#sitemap-box ul li a {
    position: relative;
    padding-left: 20px;
}
main#innerpage-box div#sitemap-box ul li a:before {
    content: "\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #fe6a03;
    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);
}
main#innerpage-box div#sitemap-box ul li.current_page_item a:before{
/*    display: none;*/
    clip-path:none;
    background: none;
    width: auto;
}
main#innerpage-box div#sitemap-box ul li.current_page_item a{ background: none;}
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
-----------------------------*/
#innerpage-box{padding: 3em 0;   }

#innerpage-box .cont-dbx{position: relative; text-align: center;}
#innerpage-box .cont-dbx .dbxinn { 
    width: 33.33%;
    padding: 10px 22px;
    margin:2em 0;
}
#innerpage-box .cont-dbx .dtalbx{
    position: relative;
    background: #F6F4EC;
}
#innerpage-box .cont-dbx .ibx{
    position: relative;
    padding-top: 16px;
    width: 80px;
    height: 80px;
    background: #3B3939;
    text-align: center;
    margin: 0 auto;
    bottom: 30px;
}
#innerpage-box .cont-dbx .ibxbrd1:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    top: 0;
    border-bottom: 1px solid #d33;
    width: 90%;
    margin: 0 auto;
}
#innerpage-box .cont-dbx .ibxbrd1:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    top: 8px;
    border-top: 1px solid #d33;
    width: 90%;
    margin: 0 auto;
}
#innerpage-box .cont-dbx .ibxbrd2:after{
    content: "";
    position: absolute;
    left: 0;
    right: 8px;
    bottom: 4px;
    top: 4px;
    border-right: 1px solid #d33;
}
#innerpage-box .cont-dbx .ibxbrd2:before {
    content: "";
    position: absolute;
    left: 8px;
    right: 0;
    bottom: 4px;
    top: 4px;
    width: 90%;
    border-left: 1px solid #d33;
}
#innerpage-box .cont-dbx svg{
    width: 48px; 
    height:48px;
    fill: #fff;
}
#innerpage-box .cont-dbx svg path{fill: #fff;}
#ht-contactus-wrap .conbx {
    background: #fff;
    padding: 26px 20px;
    margin: 0 1px;
}
#ht-contactus-wrap .conbx h3 {
    font-size: 25px;
    font-weight: 500 !important;
    margin: 0 0 16px 0  !important;
}
#ht-contactus-wrap .conbx p {
    font-size: 16px;
    margin: 0 !important;
    padding: 0 !important;
    line-height:1.6;
}
/*********/
#ht-contactus-wrap .titlebx h4{
    position: relative;
    font-size: 33px;
    font-weight: 500 !important;
    margin: 0 !important;
}
#ht-contactus-wrap .titlebx h2 {
    position: relative;
    font-size: 39px;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 20px 20% 10px 0;
    line-height: 1.5;
}
#ht-contactus-wrap .titlebx p {
    position: relative;
    font-size: 16px;
    margin: 2px 15% 24px 0 !important;
    padding: 0 !important;
    line-height: 1.8;
}
#ht-contactus-wrap .contact_area {
    margin-bottom: 2.5em;
    padding: 0em 0em;
    transition: all 0.4s;
}
#ht-contactus-wrap .icnbx { position: relative;width: 12%;}
#ht-contactus-wrap .icnbx svg { width: 30px; height: 30px;}
#ht-contactus-wrap .contact-info{width: 88%;}
#ht-contactus-wrap .contact-info h5 {
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 600 !important;
    margin: 0px 0 10px !important;
}
#ht-contactus-wrap .contact-info a,
#ht-contactus-wrap .contact-info p{
    font-size: 18px;
    margin: 0px 0 !important;
    padding: 0;
}
#ht-contactus-wrap .con-fmbx{position: relative; width: 45%; padding: 0 10px;}
#ht-contactus-wrap .address-c-box{ position: relative; width: 55%; padding: 0 10px;}

/*form*/

#ht-contactus-wrap .contact-page-form { position: relative;}

#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: 20px;
    border: none;
    font-size: 18px;
    padding: 18px 20px;
    border-radius: 0px;
}
#ht-contactus-wrap input[type="file"] { font-size: 14px;}
#ht-contactus-wrap textarea { height: 200px;}
#ht-contactus-wrap label { font-weight: 400; width: 100%;}
#ht-contactus-wrap select { width: 100%;}
#ht-contactus-wrap input[type="checkbox"], #ht-contactus-wrap input[type="radio"], 
#ht-contactus-wrap input[type="file"] { margin-bottom: 15px;}
#ht-contactus-wrap input[type=date] {padding: 8px 8px;}
#ht-contactus-wrap h2{color: #333333;font-size: 45px; font-weight: 500;}
#ht-contactus-wrap input[type="submit"] {
    top: 0.51em;
    position: relative;
    text-align: center;
    padding: 12px 50px;
    border-radius: 0;
    margin-left: 6px;
    font-weight: 500;
    font-size: 18px;
    display: inline-block;
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    transition: all 0.3s ease 0s;
}

/*map*/
#ht-contactus-wrap .contact-mapbox {width: 100%;}
#ht-contactus-wrap .contact-mapbox iframe {z-index: 1;width: 100%;height: 500px;}
/**** end ****/

.pd-8 { padding: 0 8px;}
.mg-3 { margin: 3em 0 0;}
.pd-r { padding-right: 2em;}
.pd-l { padding: 4em 0; padding-left: 4em; text-align: left;}
/*-----------------------
## End Contact Template
-----------------------------*/

/*----------------------------------------*/
/* Event / inner Page
/*----------------------------------------*/
#innerpage-box .single-event-bx{position: relative;overflow: hidden;margin-bottom:2em;padding: 0 14px;}
#innerpage-box .single-event{
    position: relative;
    overflow: hidden;
    background: #F2F2F2;
    transition: all 0.4s ease 0s;
    padding: 14px;
}
#innerpage-box .event-img{position: relative;overflow: hidden;}
#innerpage-box .single-event img{
    width: 100%;
    height: 500px;
}
#innerpage-box .single-event .eimg-oly{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    background : #000;
    opacity:0;
    transition: all 0.2s ease 0s;
}
#innerpage-box .single-event:hover .eimg-oly{ opacity: 0.4;transition: all 0.3s ease 0s; }
#innerpage-box .single-event .datebx {
    position: absolute;
    top: 10px;
    right: -100%;
    border: 1px solid #fff;
    padding: 4px 10px;
    border-radius: 2px;
    opacity: 0;
    transition: all 0.4s ease 0s;
}
#innerpage-box .single-event:hover .datebx{
    right: 8px;
    opacity: 1;
    transition: all 0.4s ease 0s;
}
#innerpage-box .single-event .ev-oly{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    background : #000;
    opacity:0.3;
}
#innerpage-box .single-event .date{font-size: 18px;font-weight: 500;position: relative;}
#innerpage-box .single-event .date i{padding-right: 4px;}
#innerpage-box .event-title-box {
    position: absolute;
    overflow: hidden;
    padding: 8px 40px 20px 20px;
    background: #fff;
    /* top: 0; */
    left: 0;
    right: 0;
    bottom: 18px;
    width: 94%;
    margin: 0 auto;
}
#innerpage-box .event-title-box h3{
    font-size: 20px !important;
    font-weight: 500 !important;
    margin: 4px 0 0px 4px !important;
}
#innerpage-box .event-title-box h3 span {
    background: #d33;
    padding: 6px 8px;
    position: relative;
    top: 8px;
    color: #fff;
    position: absolute;
    margin-left: 8px;
    right: 8px;
    float: right;
    margin-right: 0px;
}
#innerpage-box .event-title-box h3 i {
    position: relative;
    transform: rotate(-45deg);
    font-size: 20px;
}
#innerpage-box .event-title-box p{font-size: 16px;display: none;}

/*-----------------------
## FAQS page
-----------------------------*/
.faq_tp {text-align: center;width: 100%;}
.faq_tp h4{
    font-size: 18px !important; 
    font-weight: 400 !important ;
    margin: 10px 0 26px !important;
}
.faq_tp .faq-heading{
    font-size: 46px;
    font-weight: 600;
    margin: 0 auto;
    text-transform: capitalize;
    padding-bottom: 1.5em;
}

#content-box .faqimg{width: 37%; padding: 0 10px 0 0;}
#content-box .faq { width: 63%;}
div#content-box .faq-content button.accordion {
    color: #444;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    margin: 0;
    background: #fbb34d;
    border-radius: 0px ;
    padding: 12px 20px;
    box-shadow: none;
}
div#content-box .faq-content button.accordion.active{
    box-shadow: none;
}
div#content-box .faq-content button.accordion.active, 
button.accordion:hover {
    opacity: 1;
}
div#content-box .faq-content button.accordion:before {
    content: "\f067";
    font-family: 'Fontawesome';
    font-size: 14px;
    color: #000;
    float: right;
    position: absolute;
    top: 4px;
    right: 30px;
    font-weight: normal;
    line-height: 45px;
}
div#content-box .faq-content button.accordion.active:before {
    content: "\f068";
    font-family: 'Fontawesome';
}
div#content-box .faq-content div.panel {
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin: 0px 0 10px 0;
    border-radius:0 ;
    background: linear-gradient(0deg,#8972ea,#516ced 80%) no-repeat;
    border: none;
    padding: 10px 60px 0 20px;
    box-shadow:none;
}
div#content-box .faq-content div.panel p{
    margin:0 0 10px;
    font-size: 16px;
    line-height: 1.6;
}
div#content-box .faq-content div.panel.show {
    opacity: 1;
    max-height: 500px;  
}
main#innerpage-box div#content-box h3.faq-title {
    padding-right: 40px;
    margin: 0;
    font-weight: 400;
    line-height: 25px;
    word-break: break-word;
    text-align: left;
    font-size: 18px;
}

/*-----------------------
## End FAQS page
-----------------------------*/

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

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

.ctrl {text-align: center;margin-top: 5px;}
.ctrl-btn {font-size: 13px !important; background: none;border: none;font-weight: 600;text-align: center;cursor: pointer;outline: none;color: #9e9e9e;position: absolute;margin-top: -60.5px;height: 23px;bottom: 0;}
.ctrl-btn:hover{color:#000;background: none;}
.ctrl-btn.pro-next {right: 45%;position: absolute;border: 2px solid #bfbfbf; padding: 3px 5px 3px 5px;margin: 0;z-index: 999;height: 45px;width: 45px;}
.ctrl-btn.pro-prev {left: 46%;position: absolute;border: 2px solid #bfbfbf;padding: 0;margin: 0; z-index: 999;height: 45px;width: 45px;}
/*--------------------------------------------------------------
## Add to card
--------------------------------------------------------------*/
.total-count a.button.wc-forward { background: none; border: none; position: relative; right: 19px;}
.total-count a.button.wc-forward:hover { background: none; border:none;}
.total-count .count {    
    color: #fe6a03;
    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: #fe6a03;
    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;
}

#quote-carousel .carousel-control {
    background: none;
    color: #fc856d;
    font-size: 1.3em;
    text-shadow: none;
    margin-top: 225px;
    opacity: 1;
    z-index: 2000;
}
#quote-carousel .carousel-control.left {
    left: -35px;
    top: -60px;
}
#quote-carousel .carousel-control.left i {
    color: #fff;
    background: #c6c6c6;
    border-radius: 50%;
    padding: 5px 12px;
    opacity: 1;
    display: none;
}
#quote-carousel .carousel-control.right {
    right: -35px;
    top: -60px;
}
#quote-carousel .carousel-control.right i {
    color: #fff;
    background: #c6c6c6;
    border-radius: 50%;
    padding: 5px 12px;
    opacity: 1;
    display: none;
}
#quote-carousel .carousel-control.left i:hover {
    color: #ea70a1;
}
#quote-carousel .carousel-control.right i :hover {
    color: #ea70a1;
}
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -50px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    cursor: pointer;
    border-radius: 50px;
    overflow: hidden;
    transition: all 0.4s;
    margin-right: 8px;
}
#quote-carousel .carousel-indicators .active {
    background: #ffffff;
    width: 10px;
    height: 10px;
    border-color: #fff;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner {
    min-height: 170px;
    border-radius: 10px;
        position: relative;
    width: 100%;
    overflow: hidden;
    top: -48px;
    z-index: 1;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.home-page {
    padding: 0 0 30px 0;
}
.single-post .ht-main-title {
    margin: 0px 0px;
    padding: 0;
}
.innerpage-whitebox{
    padding: 0 1em;
    margin-bottom: 10px;
}
#content-box h4{
    margin: 20px 0 5px 0; 
}
#content-box ul{
    padding: 0 0 0px 0;
    list-style: none;
    font-size: 18px;
    margin: 0;
}
#content-box ul li {
    margin: 15px 0 15px 30px;
    line-height: normal;
}
#content-box ul li:before {
       content: "\f046";
    font-family: 'Fontawesome';
    margin-right: 15px;
        margin-left: -24px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #fff;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
/*#content-box ul li:hover:before {
    transform: scale(1.4);
}
*/
.widget-area ul li:before {
    content:"\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #fe6a03;
    font-size: 10px;
     display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    display: none;
}
.widget-area ul li:hover:before {
    transform: scale(1.4);
}
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: 50px;
    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: 30px;
    height: 30px;
    line-height: 30px;
    font-weight: 500;
    text-align: center;
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    /*box-shadow: 0 10px 30px 0 #88828230;*/
}
.page_featured {
      margin: 0 4em;
    margin-bottom: 2em;
    padding: 10em 4em;
}
img.ht-page-header-img{
    width: 100%;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

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

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

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

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

.ht_left_sidebar #primary{
    float: right;
}

.ht_left_sidebar #secondary{
    float: left;
}

.ht-post-info{
    float: left;
    width: 80px;
    text-align: right;
}

.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;
    color: #222;
    font-size: 220px;
    letter-spacing: 10px;
    margin: 0;
    font-weight: 700;
    text-shadow: 2px 2px 0 #c9c9c9, -2px -2px 0 #c9c9c9;
}

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

.toggle-bar{
    display: none;
}

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

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

#back2Top {
    /* display: none; */
    position: fixed;
    bottom: 50px;
    right: 20px;
/*    padding: 4px;*/
    line-height: 22px;
    text-align: center;
    rotate: 180deg;
    font-size: 32px;
    /* transform: rotateY(180deg); */
    text-decoration: none;
    z-index: 99;
    width: 50px;
    height: 50px;
    transition: all 0.2s ease 0.2s;
    -moz-transition: all 0.2s ease;
}
#back2Top .round {
    position: relative;
    /*border: 3px solid #d33;*/
    background: #d33;
    width: 40px;
    height: 40px;
    border-radius: 8px;
}
#back2Top span {
    z-index: 999;
    height: 3px;
    margin:1px;
    width: 15px;
    background: #3ff;
    transition: 0.4s ease;
}
#back2Top span:first-child {
    display: block;
    position: absolute;
    transform: rotate(45deg);
    left: 20%;
    bottom: 30%;
}
#back2Top span:nth-child(2) {
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    left: 40%;
    bottom: 30%;
}
#back2Top span:nth-child(3) {
    display: block;
    position: absolute;
    transform: rotate(45deg);
    left: 20%;
    bottom: 50%;
}

#back2Top span:nth-child(4) {
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    left: 40%;
    bottom: 50%;
}

#back2Top .round:hover span:nth-child(1) {
    transform: rotate(-135deg);
}
#back2Top .round:hover span:nth-child(2) {
    transform: rotate(135deg);
}
#back2Top .round:hover span:nth-child(3) {
    transform: rotate(225deg);
}

#back2Top .round:hover span:nth-child(4) {
    transform: rotate(-225deg);
}
/*end*/
#innerpage-box p {
    font-size: 18px;
    line-height: 35px;
    padding: 20px 0;
}
.widget-area ul ul {
        margin-top: 5px;
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
main#innerpage-box li {
    font-size: 20px;
    line-height: 30px;
}
main#innerpage-box .widget li {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 12px;
}
/*.sidebar_list {
    margin-top: 2em;
}*/
div#secondary caption {
    padding-top: 12px;
    padding-bottom: 12px;
}
div#secondary .widget_calendar table {
    margin: 0;
    padding: 0;
}
.widget_calendar tfoot tr td a {
    border: none;
    padding: 0px;
    padding: 6px 20px;
    -moz-transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.widget-area .widget_rating_filter ul {
    list-style: none;
    padding: 12px;
    margin: 0;
    border: 1px solid #eaeaea;
}
.widget-area .widget_rating_filter ul li {
    border-bottom: none;
}
.widget-area .woocommerce ul.cart_list li, .widget-area .woocommerce ul.product_list_widget li {
    padding: 12px 12px 12px;
}
.widget-area .woocommerce ul.product_list_widget li a {
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 0px 0 8px;
}

.widget-area .woocommerce ul.cart_list li img, .widget-area .woocommerce-page ul.cart_list li img, .widget-area .woocommerce ul.product_list_widget li img, .widget-area .woocommerce-page ul.product_list_widget li img {
    width: 74px;
    height: 74px;
}

.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}
.widget-area del span.woocommerce-Price-amount.amount {
    font-size: 14px;
    color: #666;
}
.widget-area .woocommerce ul.product_list_widget li img:hover {
    opacity: 0.8;
}
.widget-area .woocommerce .widget_shopping_cart_content p {
    padding: 12px;
    margin: 0;
    border: 1px solid #eaeaea;
    margin-top: 15px;
}
.woocommerce .woocommerce-product-rating .star-rating {
    height: 3em;
}
.woocommerce .woocommerce-product-rating .star-rating {
    margin: .5em 4px 0 0;
    float: left;
}

.single_post i.fa.fa-calendar-o {
    padding-right: 10px;
}
/*div#commentsAdd .comment-form [class*="comment-form"] {
    width: 100%;
}*/
main#innerpage-box #comments li.comment {
    background: transparent;
    border: 0;
}
.woocommerce ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price del {
    font-size: 15px;
}
.single-productpage h2.woocommerce-loop-product__title {
    line-height: 33px;
    word-break: break-word;
}


main#innerpage-box div#commentsAdd textarea#comment {
    background: transparent;
}
div#respond textarea#comment {
    background: transparent;
}
div#comments input[type="submit"] {
    padding: 10px 20px;
    border-radius: 5px;
    height: 50px;
}
main#innerpage-box .woocommerce-product-search .search-field {
    border: 1px solid #e9e7e7;
    background: transparent;
}
.woocommerce div.product .woocommerce-tabs .panel {
    background: transparent !important;
        border: none !important;
}
div#secondary .social-profile-icons ul li i {
    padding: 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 page */

#innerpage-box .inner-blog-post{ margin: 0em 0em 2em; padding: 0 30px 0 0;}
#innerpage-box .inner-blogpost { position: relative;}
main#innerpage-box .ht-blog-thumbnail { overflow: hidden; position: relative;}

#innerpage-box .blog-date {
    font-size: 15px;
    padding: 1px 10px 2px 4px;
    position: absolute;
    border-radius: 0px;
    top: 10px;
    z-index: 1;
    background: #fff;
    overflow: hidden;
    text-align: center;
    transition: all 0.2s ease-in-out;
}
#innerpage-box .blog-date ul {margin: 0;padding: 0;}
#innerpage-box .blog-date ul li{
    list-style: none;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    padding: 2px 1px ;
    text-transform: lowercase;
}
#innerpage-box .blog-date li.dte {
    background: #d33;
    margin-right: 4px;
    color: #fff ;
    font-weight: 500 !important;
    padding: 2px 6px !important;
}

main#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
    height: 256px;
    transform: scale(1);
    transition: all 1s ease 0s;
}
#innerpage-box .inner-blogpost-info { padding: 10px 10px 10px 0; position: relative;}
main#innerpage-box #blog-box h2 {
    margin: 0 0 10px 0px;
    /*font-size: 23px;*/
    font-weight: 500;
    word-break: break-word;
    padding: 0;
    line-height: 1.6;
}
#innerpage-box .inner-blog-excerpt {
    margin-bottom: 24px;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    word-break: break-word;
    margin: 12px 0 18px;
}
#innerpage-box .inner-blogpost-info .readmore1 a{
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
    outline-offset: 9px;
    padding: 0px 0px;
    color: #000;
    transition: all 0.5s ease-in-out;
}
#innerpage-box .inner-blogpost-info .readmore1 a:hover{ 
    letter-spacing: 1px;
    transition: all 0.5s ease-in-out;
}

/*--------------------------------------------------------------
## Inner Page Heading
--------------------------------------------------------------*/

.single main#innerpage-box h1,
.single main#innerpage-box h2,
.single main#innerpage-box h3,
.single main#innerpage-box h4,
.single main#innerpage-box h5,
.single main#innerpage-box h6{
    word-break: break-word;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 40px;
}

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

 #innerpage-box .widget-area .widget-title {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    background-color: #fff;
    text-transform: capitalize;
    margin: 0 0 20px 0;
    /*border-bottom: 2px solid #e5e5e5;*/
    position: relative;
    display: block;
    text-align: left;
    border-radius: 0;
    padding: 20px 30px 20px 30px;
    /*border-left: none;*/
}

main#innerpage-box .widget-area .tagcloud a {
   margin: 0;
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
}
.widget-area .tagcloud {
    list-style: none;
    padding: 10px;
    margin: 0;
    border: 1px solid #eaeaea;
}
.widget-area .textwidget {
    border: 1px solid #eaeaea;
    padding: 10px;
}
.widget-area li span.post-date {
    margin-bottom: 1em;
    position: relative;
    display: list-item;
}
.widget-area .widget_media_image img {
    padding: 10px;
    margin: 0;
    border: 1px solid #eaeaea;
}
#secondary .gallery-columns-3 {
     padding: 10px;
    margin: 0;
    border: 1px solid #eaeaea;
}
#secondary .gallery-columns-3 .gallery-item a{
    padding: 0;
}
.widget-area div#calendar_wrap {
    padding: 0px 15px 15px;
    margin: 0;
    border: 1px solid #eaeaea;
}
.widget_calendar table {
    border-collapse: separate;
    width: 100%;
}
/*.widget-area form#searchform*/
.widget-area .woocommerce-product-search {
    width: 100%;
    border: 1px solid #eaeaea;
    padding: 10px;
}
.widget-area ul ul li a:before {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f105";
    margin: 0 5px 0;
}
.widget-area ul ul {
    border-radius: 0;
    border:none;
}
.widget-area ul ul li {
    padding-left: 10px;
    border-bottom: none;
}
.widget-area ul ul li a {
    padding: 0;
}
.widget-area ul ul li.current_page_item > a,
.widget-area ul ul li.current_page_item > a:hover{ background:none; }
.widget_calendar table thead tr th {
    font-size: 12px;
    padding: 10px;
    text-align: center;
    border: none;
    color: #fff;
}
.widget_calendar table tbody td {
    font-size: 13px;
    padding: 6px 5px;
    text-align: center;
    background-color: transparent;
    border: none;
    color: #444;
}
.widget_calendar tfoot tr td {
    border: none;
    padding: 0px;
}
/*--------------------------------------------------------------
## Odometer CSS
--------------------------------------------------------------*/
.odometer.odometer-auto-theme, 
.odometer.odometer-theme-default {
    display: block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, 
.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

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

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

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

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

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

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

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

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

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

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

.woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt:disabled[disabled], 
.woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
.woocommerce a.button.alt.disabled, 
.woocommerce a.button.alt.disabled:hover, 
.woocommerce a.button.alt:disabled, 
.woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt:disabled[disabled], 
.woocommerce a.button.alt:disabled[disabled]:hover, 
.woocommerce button.button.alt.disabled, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, 
.woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt:disabled[disabled], 
.woocommerce button.button.alt:disabled[disabled]:hover, 
.woocommerce input.button.alt.disabled, 
.woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled, 
.woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt:disabled[disabled], 
.woocommerce input.button.alt:disabled[disabled]:hover{
    background: #fe5722;
    border-color: #fe5722;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
    line-height: 40px;
    font-size: inherit;
    padding: 0;
}
.select2-container .select2-choice{
    border: 1px solid #EEE;
    font-size: 0.9em;
    color: inherit;
    border-radius: 0;
}
.select2-results{
    font-size: 0.9em;
    color: inherit;
}
.select2-drop-active{
    border-color: #EEE;
}
.select2-drop.select2-drop-above.select2-drop-active{
    border-color: #EEE;
}
.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message{
    border-top-color: #fe5722;
    font-size: 0.9em;
    margin-bottom: 15px;
}
.woocommerce-error:before, 
.woocommerce-info:before, 
.woocommerce-message:before{
    color: #fe5722;
}
#content-box .woocommerce-error li,#content-box .woocommerce-info li, #content-box .woocommerce-message li{
      padding: 0em 2em 0em 3.5em !important;
}

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

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

#customer_details{
    margin-bottom: 40px;
}

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

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

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

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

.woocommerce a.remove{
   
    font-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;
}


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

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

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

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

main#innerpage-box .woocommerce-product-details__short-description ul li {
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    margin-bottom: 7px;
    line-height: 1.4;
    list-style: none;
}
.woocommerce div.product .woocommerce-tabs .panel {
    background: transparent !important;
    border: none !important;
    box-shadow: none;
}
/*===================== responsive ==========================*/

@media screen and (max-width: 1440px) and (min-width: 993px){
    
}

@media screen and (max-width: 1299px){
header .h-btn a{display: block;padding: 10px 4px;}
.navigation .mainmenu>li>a { font-size: 16px !important; padding: 4px 7px 10px 5px !important;}
.feature-area .f-bx {  padding: 0 8px;}
.feature-area .fea-title { font-size: 24px;}
.feature-area .fea-single { padding: 10px 2px;}
.feature-area .fea-single p {font-size: 15px;line-height: 22px;}
#about .section-title h2 { font-size: 30px;}
#about .about-area-data h4 {font-size: 17px;}
#about .about-area-data p {font-size: 14px;line-height: 22px;}
#about .hi-icon span { font-size: 40px;}
#about .newvbox { right: 0%;}
#contact .contact-l-block h3 { font-size: 20px;}
#contact .contact-l-block h2 { font-size: 50px;}
#contact .contact-l-block p{padding-right:0; font-size: 16px;}
#contact .cont-label { font-size: 20px;}
.blog-area .blog-post {  padding: 0 8px;}
.blog-area .inner-area-title { font-size: 22px; line-height: 1.3;}
#team .single-team-img img { height: 430px;}
.pricing-area .sp-bx {  padding: 0 10px;}
.pricing-area .single-pricing { margin: 0 0px 1em;}
.pricing-area .single-pricing .plan-title {font-size: 20px;}
.pricing-area .currency-price { font-size: 44px;}
.pricing-area .currency-price span {font-size: 16px;}
.pricing-area ul.pricing-list li {font-size: 16px;}
.pricing-area ul.pricing-list { margin: 0; }
.pricing-area .p_bxinn { padding: 0 20px 0 20px;}
.pricing-area .pc-btn a {font-size: 18px;}
#innerpage-box .cont-dbx .dbxinn { padding: 10px 8px;}
#ht-contactus-wrap .titlebx h2 {  padding: 20px 0% 10px 0;}
#ht-contactus-wrap .titlebx p { margin: 2px 0% 24px 0 !important;}
}

@media screen and (max-width: 1199px){
.slider_section .slider-content-box { width: 62%;}
.slider_content { padding: 1em 1em 1em 1em;}
.slider_section .title { font-size: 44px;}
.slider_section .sub-title{padding: 0 2% 0 0;}
.slider_section .sliderimg {width: 38%;}
.slider_section .owl-nav { right: -6%;}
#innerpage-box .single-service-bx { padding: 0 4px;}

}


@media screen and (min-width: 1024px) and (max-width: 1300px){
.page-template-default #innerpage-box .service_inbox .title {margin: 0;}
#innerpage-box .ts-main-area ul {left: 12px;}
.p-single-bx {margin: 0 3em 3em;}
.about-exp-area {left: -20px;}
.about-btn a {padding: 25px 25px;font-size: 14px;}
#innerpage-box .lz-gallery-images img { height: 255px;}
.triangle-bg-lg, .triangle-bg-lg:before, .triangle-bg-lg:after { width: 30em; height: 30em;}
.about-share ul li a { width: 28px; height: 28px; line-height: 30px;}
.section-text p { font-size: 16px; line-height: 24px;}
.widget_calendar table tbody td {font-size: 10px; padding: 6px 5px;}
div#secondary .widget_calendar table thead tr th { font-size: 10px; padding: 5px 0px;}
}

@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%;}
header.site-header span.text, .single-header-info span.theme-color{font-size: 11px;}
header.site-header .d-flex, div#navbarNavDropdown { margin: 0 0%;}
header.site-header .list-inline.m-a0{ padding-left: 0px !important;}
header.site-header .text-bx.padding0{ padding-left: 15px;}
header.site-header input[type="search"] { width: 100%;}
.blog-img-area img { left: 0em;}
.blog-img-area:before { border-radius: 0 0 500px 0;}
.blog-img-area:after {right: 0px; border-width: 0px 0 135px 135px;}
.blog-img-in:after {
    right: -2px;
    right: -56px;
    border-width: 0px 0 138px 150px;
    top: -1px;
}
}


@media (max-width: 992px){

.about-exp-area { left: -12px;}
.featured-single-area { padding: 3em 0em 0 0em;}
.contact-detail { top: 1em;}
div#subject { padding-top: 3em !important;}
#innerpage-box .lz-gallery-images img { height: 245px;}
.navigation .mainmenu li.current_page_item a:before, .current_page_item > a:before, 
.navigation .mainmenu li a:hover:before{ display: none;}
}

@media screen and (max-width: 991px){
.ht-main-title { font-size: 44px !important;}
.breadcrumbbox span { font-size: 16px;}
.top-bar-head {  margin-top: 0em;padding:8px 0;position: relative;}
.top-bar-head { margin-top: 0em; }
header .h-btn{ width: 22%;}
header .m-media { width: 24%;}
header .logo-box { width: 34%;}
header .main-head { width: 20%;order: 4;}
.header-menu { padding: 1px 0; float: right;}
.mob-media{display: block;}
.slider_section .slconbx { padding: 1em 0;}
.slider_section .title {font-size: 30px;padding-bottom: 0px;}
.slider_section .sub-title {font-size: 16px;margin-top: 4px;}
/*.slider_section{height: 550px;}*/
.slider_section .sliderbgimg img{height: 100%;}
.slider_section .sliderimg img { height: 450px;}
.slider_section .slider-btn a{font-size: 16px; padding: 10px 4px 10px 12px;}
.slider_section .owl-nav { display: none;}
#feature{padding: 1em 0 !important;}
.feature-area .fea-icon span { font-size: 36px;}
.feature-area .fea-title { margin: 8px 0 8px 0;}
#about .abtimgbx{width: 100%;padding: 0;}
#about .aboutarea-img img { width: auto; height: auto;}
#about .video-img img { width: 136px; height: 156px;}
#about .btmimg { margin-top: 0; margin-left: 0;}
#about .contentbx{width: 100%;padding: 0;margin-top: 1em;}
#about .aboutus-post-wrap { margin-bottom: 0;}
#about .hi-icon span { font-size: 32px;}
#about .aboutus-single { margin: 0em 0 10px 0;}
#about .section-title h2 { margin: 10px 0; }
#about .section-title p {line-height: 1.6;}
#about .about-area-data h4 {font-size: 19px;}
#about .about-area-data p { margin-bottom: 5px;}
#about .hi-icon { width: 10%;}
#about .about-area-data { width: 90%;}
#service .serhedimg{display: none;}
#service .section-title-area {  margin-bottom: 1em;}
#contact .contact-l-block {  padding: 0 1em 10px 0;}
#contact .contact-l-block h2 {font-size: 30px;margin: 10px 0 10px;}
#contact .dbx { margin: 1em 0 0em 0;}
#contact .d-bx2, #contact .d-bx1 ,#contact .d-bx3{ width: 100%;}
#ourvideo-section .video-box { padding: 12em 0 !important;}
#testimonials .testimonials-single-area { padding: 0.5em 0em 0em 0em;}
#testimonials .owl-dots{display: none;}
#testimonials .ts-main-area { padding: 0 0 0em 0;}
#testimonials .inndata {padding: 1em 1em 1em 1em;}
#testimonials .ts-area-c p{font-size: 16px;}
#team .single-team{width: 50%;}
#team .single-team { padding: 0 8px 0;}
#gallery .lz-gallery-images {margin-bottom: 20px;}
#gallery .gallery-main-box { gap: 20px;}
.bx-controls-direction {   display: none !important;}
.slider-btn { margin-top: 0em;}
#team .section-title-area, .pricing-area .section-title-area,
#service .single-service-bx,
.blog-area .section-title-area,#gallery .section-title-area {  margin-bottom: 1em;}
.blog-area .section-title h4,#team .section-title h4, .pricing-area .section-title h4,
#service .section-title h4,#testimonials .section-title h4,#gallery .section-title h4 { margin: 0 0 4px 0;}
.blog-area .section-title h2,#team .section-title h2, .pricing-area .section-title h2,
#testimonials .section-title h2,#service .section-title h2,#gallery .section-title h2 {font-size: 30px;}
.pricing-area .sp-bx:nth-child(2) .simg{display: none;}
.pricing-area .sp-bx:nth-child(2){top:0;}
.pricing-area .currency-price { margin: 4px 0 30px;}
#team,.pricing-area,#about,#gallery,#service,#testimonials,#contact,
#blog{ padding: 2em 0 2em 0em !important;}
#pricing .pricehedimg{display: none;}

#innerpage-box .ginnimg { width: 50%; }
#innerpage-box .inner-t-area{ margin: 0em 10px;}
#innerpage-box .ts-thumbbx{width: 30%;}
#innerpage-box .tsconbx{width: 70%;}
#innerpage-box .team-text h4 {font-size: 24px;}
#innerpage-box .single-team{width: 50%;}
#content-box .faqimg{width: 40%; }
#content-box .faq { width: 60%;}
#innerpage-box .single-event-bx {  padding: 0 4px;}
#innerpage-box .single-service { margin-bottom: 15px;}
#ht-contactus-wrap .conbx h3 { font-size: 22px;}
#ht-contactus-wrap .titlebx h4 {font-size: 22px;}
#ht-contactus-wrap .titlebx h2 {  font-size: 30px;}
#ht-contactus-wrap .contact_area { margin-bottom: 1em;}

.footer-area .top-area{padding: 0em 0 !important;}
.footer-area .bottom-area { padding: 10px 20px;}
.single-footer-2,.single-footer-3,.single-footer-4,.single-footer-5{width: 50%;margin-top:1em; }
}

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

@media screen and (max-width: 768px){
.single-productpage .innerpage-whitebox,
.single-productpage #sidebars { margin-top: 00px; overflow: hidden;}
.ht-footer.ht-footer1,
.ht-footer.ht-footer2,
.ht-footer.ht-footer3,
.ht-footer.ht-footer4 {  width: 100% !important;}
.ht-main-navigation li{   padding-right: 00px;}
img.ht-page-header-img{ height: 275px;}
.ht-site-title a, .site-title a{ top: 0 !important;}
body.admin-bar .navigation { top: 45px;}
}

@media screen and (min-width: 810px) and (max-width: 825px){
.top-bar-head { padding: 10px; }
}



@media screen and (max-width: 768px){
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li{ margin-bottom: 10px;}
.woocommerce .widget_price_filter .price_slider_amount .button{ margin-bottom: 15px;}
.ht-main-navigation a{ padding: 8px 17px;}
.ht-section-title,
.ht-section-tagline{ width: auto;}
.ht-top-footer{ margin-left: 0;}
.ht-footer{width: auto;margin: 0 0 30px;float: none;}
.ht-footer:last-child{   margin-bottom: 0;}
#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;}*/

}


@media screen and (max-width: 650px){
/*.slider_section { padding: 1em 0 0 0;height: auto;}*/
.slider_section .sliderimg{width: 100%;order: 1;}
.slider_section .slider-content-box{width: 100%;order: 2;}
.slider_content { padding: 1em 0em 1em 0em; }
/*.slider_section .sliderimg img{width: 300px !important;height: auto;}*/
.slider_section .img-border{display: none;}
.slider_section .slbx { margin: 0 0 10px 0;}
}

@media screen and (max-width: 599px){
    header .logo-box { width: 40%;}
    header .m-media{width: 24%;}
    header .social-media li a { margin: 8px 4px;}
    header .h-btn { width: 22%;}
    header .h-btn a{font-size: 12px;}
    header .main-head { width: 14%;}
}

@media screen and (max-width: 565px){
    .blog-area .blog-post,#innerpage-box .single-service-bx,
    #service .single-service-bx { width: 100% !important; }
    #testimonials .section-title h2,#team .section-title h2,.pricing-area .section-title h2,
    #service .section-title h2{ font-size: 24px; }
}

@media screen and (max-width:450px){
    header .logo-box { width: 40%;}
    header .m-media{width: 24%;}
    header .h-btn { width: 22%;}
    header .main-head { width: 14%;}
    .feature-area .f-bx { width: 100%;}
    #gallery .gallery-main-box {column-count: 1 !important;}
    #innerpage-box .ginnimg { width: 100%;}
    #innerpage-box .ts-thumbbx{width: 100%;}
    #innerpage-box .tsconbx { width: 100%; padding:0; margin-top:1em; }
    #innerpage-box .ts-area-c p {font-size: 16px;padding: 0.5em 0 0 0;}
}

@media screen and (min-width: 320px) and (max-width: 425px){
.page-main-header {padding: 3em 0 !important;}
header .logo-box {   width: 60%;}
header .m-media { width: 40%;  order: 4;}
header .social-media { text-align: right;}
header .h-btn { width: 60%; margin-top:1em; order: 3;}
header .main-head { width: 40%; order: 2}
.slider_section .title { font-size: 24px;}
.comment-form-author,
.comment-form-email{ margin-right: 0%; width:100%;}

}

/*@media screen and (min-width: 376px) and (max-width: 433px){
.page-template-home-template.ht-sticky-header .site-header {
    margin-top: -6em;
}
}*/
@media screen and (min-width: 320px) and (max-width: 375px){
/*.page-template-home-template.ht-sticky-header .site-header {  margin-top: -9em;}*/
header .logo-box {   width: 70%;}
header .main-head { width: 30%; order: 2}
header .h-btn { width: 60%; margin-top:4px; order: 3;}
header .m-media { width: 40%;  order: 4;}
header .social-media { text-align: right;}

}


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

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



.header-transparent .is-fixed .main-bar h1.ht-site-title {position: relative;top: 60px;text-align: center;}
header.site-header span.text, 
.single-header-info span.theme-color {font-size: 14px;}
.bx-controls-direction { display: none;  }
header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0% !important; }
div#navbarNavDropdown{  margin: 0%; }
.ht-site-description{padding-top: 0; }

.header-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;}
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: 767px){
#innerpage-box { padding: 1em 0;}
.feature-area .f-bx{width: 50%;}
.blog-area .blog-post,#innerpage-box .single-service-bx,
#service .single-service-bx {padding: 0 4px; width: 50%;float: left;}
#testimonials .tshedimg {  right: 0px;}
#gallery .gallery-main-box { column-count: 2;}
.feature-area .fea-title {font-size: 20px;}
#ourvideo-section .video-box { padding: 9em 0 !important;}
.page-main-header { padding: 4em 0 !important;}
.ht-main-title{ font-size: 30px !important;}
.breadcrumbbox .button.top-bttn {  padding: 10px 0px 7px 0px;}
.faq_tp h4 { margin: 10px 0 10px !important;}
.faq_tp .faq-heading{ font-size: 28px;}
#ht-contactus-wrap .address-c-box{width: 100%;}
#ht-contactus-wrap .con-fmbx{width: 100%;}
#innerpage-box .cont-dbx .dbxinn{width: 100%;margin: 1em 0;}
.innerpage-whitebox{padding: 0;}
}

@media screen and (max-width: 640px){
.slider_gradiant { right: 0%;}
.about-exp-area { left: -12px; width: 110px; height: 110px; font-size: 11px;}
.about-exp-area b { font-size: 22px;}
.lz-gallery-images img { height: 400px;}
/*#contact .ht-contact-member-wrap input[type="submit"] {  padding: 15px 40px; font-size: 13px;}*/
.p-single-bx {margin: 0 0em 1em;}
.blog-img-in:after { border-width: 0px 0 75px 50px; top: -2px;}
.blog-img-area:after { border-width: 0px 0 70px 85px;}
.tp-loop-wrap.rs-wave {  min-width: 620px !important;}
.slider-btn { margin-top: 0.5em;}

.aboutarea-dotimg { right: 81px;bottom: -28px;  width: 200px;}
.appont-lsingle {   width: 100%;}
.woocommerce .woocommerce-product-rating .star-rating {  height: 4em;}
.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;}
.header-right-border { left: 30px; }
.header-content-area { padding-right: 30px;}
header.site-header span.sb-icon-search { right: 12px;}
.section-title-area {margin-bottom: 2em;}
.footer-area .footer-share { margin-top: 1em;}
.footer-area .bottom-area { text-align: center;}
.header-transparent .highlightbox {
    left: 10px;
    height: 45% !important;
    top: auto;
    bottom: 50px;
    border-radius: 15px;
    width: 96%;
}
}

@media screen and (max-width: 575px){
#about .hi-icon { width: 16%;}
#about .about-area-data { width: 84%; }
#about .aboutus-post-wrap { margin-bottom: 10px;}
#about .signbx {width: 40%;}
#about .infobx { width: 60%; }
#about .infobx h6 {font-size: 20px; margin: 6px 0 8px 0;}
#about .infobx p {font-size: 15px;}
#about .flow-img img { margin-top: 0;scale: 1;right:0; }
#ourvideo-section .video-box {  padding: 6em 0 !important;}
#contact .contact-l-block{width: 100%;}
#contact .appont-mg { width: 100%;}
#about, #gallery, #service, #testimonials,#contact, #team,
#blog{padding: 1em 0 !important;}
.single-footer-2,.single-footer-3,.single-footer-4,.single-footer-5{width: 100%; margin-top: 1em;}
footer#footer.footer-area .widget-title, footer#footer.footer-area h4 { margin-bottom: 10px;}
.footer-area li{ margin-bottom: 6px;}
#content-box .faqimg{width: 100%;margin-bottom:1em; }
#content-box .faq { width: 100%;}
}


@media screen and (max-width: 520px){
#testimonials .tshedimg{display: none;}
#newarrival .na_area { width: 100%;}
.total-count .count {
    right: 15px;
    width: 15px;
    height: 15px;
    line-height: 7px;
}
.total-count img { width: 15px; height: 20px;}
.total-count { padding: 18px 25px;}
.img-slide-responsive { right: auto; }
.top-bar-head .head-menu {  padding-right: 0em;}
.s-footer {margin-bottom: 1em;}
.s-footer.single-footer-1 { margin-bottom: 0; padding-bottom: 0;}
body.page-template-default main#innerpage-box h6.ts-area-title { margin-top: 10px;}
.contact-form-area { padding: 1.5em 1.5em;}
#innerpage-box .single-team{width: 100%;}
#team .single-team{width: 100%;}
}


@media screen and (min-width: 320px) and (max-width: 475px){
.ht-site-description{ font-size: 12px;}
#about .section-title h2 { font-size: 21px;}
#about .signbx {width: 100%;padding: 0;}
#about .infobx { width: 100%;padding:0; }
.page_featured { margin: 0 2em; margin-bottom: 1em; padding: 3em 4em;}
body.page-template-default main#innerpage-box h1 { font-size: 25px !important;}
#innerpage-box .lz-gallery-images { width: 100%;}
#innerpage-box .lz-gallery-images img { height: 235px;}
.header-inner-border { right: -28px;}
.header-outer-l-border { left: -5px;}
.header-right-border { left: 31px;}
.ht-site-title a, .site-title a { font-size: 20px;}
.ht-site-title, .site-title { margin: 0 0 0px;}
#ht-contactus-wrap textarea { height: 100px;}
#ht-contactus-wrap .contact-mapbox iframe { height: 250px;}
}

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


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

.footer-area .footerlayer-3{bottom: 10%;}
.footer-area .footerlayer-2{bottom: 40%;}
.footer-area .footerlayer-1{top: 2%;left: 35.3%;}
.footer-bottom-area ul li { margin: 0 10px;}
.footer-text, .footer-area li{font-size: 16px;}
.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 input[type="submit"]{right: 0;}
header.site-header span.sb-icon-search { right: 12px;}
.footer-area .fs-media li a, .footer-area .social-profile-icons ul li a { font-size: 18px;margin: 0 6px;}

}

@media screen and (max-width: 450px){
    .feature-area .f-bx {  width: 100%;}
    #ourvideo-section .video-box { padding: 5em 0 !important;}
    #about .newvbox {
    right: 9%;
    margin-top: 0;
    position: relative;
}
}

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

.wcu-single-top {padding: 0 5px;}
.lz-gallery-images img {height: 300px;}
.blog-img-in:after { border-width: 0px 0 75px 30px;}
.blog-img-area:after { border-width: 0px 0 70px 39px;}
.tp-loop-wrap.rs-wave { min-width: 360px !important;}
#innerpage-box .lz-gallery-images img { height: 215px;}

}

main#innerpage-box .tagcloud a {
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    padding: 7px;
    display: inline-block;
}
div#secondary select option {  background: transparent;}
body.home.blog .page-main-header img { display: none;}
.woocommerce ul.cart_list li, 
.woocommerce ul.product_list_widget li{ padding: 5px 0;}
h1.product_title.entry-title {  word-break: break-word;}
#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;}