/*Theme Name: Product Industry Free
Theme URI: https://luzuk.com/demo/product-industry/
Author: luzuk Themes
Author URI: www.luzukthemes.com/
Description:Industrial Products WordPress Theme is This feature-rich, refreshing, versatile and wonderful WordPress theme is an ideal alternative to diagram an overall performance cantered internet site for more than one purposes like company, construction, energy, factory, gas, industrial, Industrial marketing, industry, machine, manufacturing, materials, oil, petroleum, plumbing, small scale enterprise and different appropriate websites. It has an attractive sketch accompanied with youthful colors and fashionable fonts making up a perfect website. It offers you several preferences of layouts, header and footer patterns for developing an awesome searching internet site in simply a be counted of minutes. The Industrial Products WordPress Theme, which is whole in its own, is well suited with plugins to consist of different functionality. It is a cutting-edge theme with responsive layout, cross-browser compatible, multilingual, web optimization ready, RTL writing supportive and linked with social media. Industrial Products WordPress Theme has customization option it’s a principal feature; from header and footer style to colour, background, menu, emblem and font, the whole thing can be personalized to go well with your brand. The expert has designed many internets site-oriented sections like gallery, testimonial section, subscriber form, current blogs and other. These sections can be enabled or disabled in accordance to your requirements.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: product-industry-free
Tags: two-columns, right-sidebar, left-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-image-header, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, news, portfolio
*/

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
    margin: 0;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    text-decoration: :none;
}
a:active,
a:hover {
    outline: 0;
    text-decoration:none;
}

a {
    outline: 0 none;
    text-decoration: none;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    margin: 0 2px;
    padding-top: 15px;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding:0px;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #444;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 300;
    line-height: 1;
    font-family: 'Oswald', sans-serif;
}
h1{
    font-size: 28px;
    margin-bottom: 15px;
}
h2{
    font-size: 26px;
    margin-bottom: 15px;
}
h3{
    font-size: 30px;
    margin:20px 0 15px 0;
}
h4{
    font-size: 22px;
    margin-bottom: 10px;
}
h5{
    font-size: 20px;
    margin-bottom: 10px;
}
h6{
    font-size: 18px;
    margin-bottom: 10px;
}
p {
    margin:0 0 15px;
}

dfn,
cite,
em,
i {
    font-style: italic;
}


/*.wp-block-quote:not(.is-large):not(.is-style-large) {
    padding-left: 1.7em !important;
}*/
#innerpage-box blockquote p{ margin: 0;font-weight: 400;font-style: normal;}
.wp-block-pullquote cite {
   position: absolute;
    font-size: 20px;
    font-weight: 600;
    left: 0;
    right: 1em;
    bottom: 1em;
    padding: 0.6em 1.2em 0.5em;
    font-style: normal;
    text-align: right;
    background-image: linear-gradient( 110deg,#0F2B5B 73%,#FF5E00 10%);
}
blockquote {
    background-color: #f2f2f2;
    position: relative;
    clear: both;
    margin: 30px 0px;
    padding: 20px 20px;
    font-size: 16px;
    color: #212121;
    font-style: italic;
    font-weight: 400;
    border: 1px solid #d33;
    text-align: left;
}
blockquote:before {
    content: "\f10d";
    font-family: 'FontAwesome';
    position: absolute;
    top: -22px;
    font-size: 32px;
    left: 8px;
    clear: both;
    display: none;
}
blockquote:after {
    content: "\f10e";
    font-family: 'FontAwesome';
    position: absolute;
    bottom: -22px;
    font-size: 32px;
    right: 8px;
    clear: both;
    display: none;
}
q:before,
q:after {
    content: "";
}
/*.wp-block-image img {
    max-width: 100%;
    width: 100%;
}*/
pre {
    background: #eee;
    /*font-family: "Courier 10 Pitch", Courier, monospace;*/
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
    max-width: 100%;
    overflow: auto;
    padding: 15px;
}
code,
kbd,
tt,
var {
    /*font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;*/
    font-size: 15px;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
big {
    font-size: 125%;
}
select {
    border: 1px solid #EEE;
    height: 40px;
    padding: 3px 40px 3px 8px;
    background-color: transparent;
    line-height: 100%;
    outline: 0;
    background-image: url(images/arrow.png);
    background-position: right;
    center: ;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.pd-0{ padding: 0;}
.pd-1{ padding: 5px;}
.pl-0{padding-left:0 ;}
.pl-1{padding-left: 1em;}
.pd-4{padding: 0 2em;}
.justify-content-center { -ms-flex-pack: center!important; -webkit-box-pack: center!important; text-align: center;justify-content: center!important;}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

blockquote,
q {
    quotes: "" "";
        -moz-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    -webkit-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}
ul,
ol {
    margin: 0 0 15px 20px;
    padding: 0;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 15px;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 15px 15px;
}
img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
    vertical-align: middle;
}
table {
    margin: 0 0 15px;
    width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
    color: red;
    z-index: 1;
    position: relative;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #fe5722;
    padding: 10px 20px;   
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
        font-size: 16px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    /*background: #2d2d2d;*/
    opacity: 1;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #404040;
    border: 2px solid #EEE;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    vertical-align: top;
}
.widget.widget_categories select, {
    border: 1px solid #EEE;
    height: 40px;
    padding: 3px 40px 3px 8px;
    line-height: 100%;
    outline: 0;
    background-image: url("images/arrow.png");
    background-position: right; center;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
    padding: 10px 8px;
    width: 100%;
}
textarea {
    padding: 8px;
    width: 100%;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #d5a8e9;
    text-decoration: none;
    transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    -webkit-transition: all 0.3s ease; 
}
a:focus {
    outline: 0;
}
a:hover,
a:active {
    outline: 0;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    border-radius: 10px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    border-radius: 10px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {  margin: 0 0 15px;}
/* Make sure select elements fit in widgets. */
.widget select {   max-width: 100%;  width: 100%;}
/* Search widget. */
.widget_search .search-submit { display: none;}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.widget-area .widget-title{
    padding: 5px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #6d6d6d;
    margin: 0;
    position: relative;
    display: block;
    /*text-transform: uppercase;*/
    margin: 0 0 12px;
    background: #f72985;
    color: #fff;
    border-radius: 20px 0 20px;
    text-align: center;
    font-weight: 600;
}

.widget-area ul{
    list-style: none;
    padding: 0px 3px;
    margin: 0;
    /*border: 1px solid #eaeaea;*/
    border-bottom: none;
}
.widget-area .social-profile-icons ul li {  display: inline-block;}
.widget-area .social-profile-icons ul li:before {  display: none;}
.widget-area ul ul{  margin-top: 5px;}
.widget-area ul ul li{ padding-left: 10px;}
.widget-area ul ul li:last-child{  border-bottom: 0;  padding-bottom: 0;}
.widget-area li{
    line-height: normal;
    margin: 0;
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
    padding: 6px 0px 6px 25px;
}
.widget-area li.recentcomments {padding:5px 10px 5px 25px;}
.widget-area a{
    text-decoration: none;
    font-size: 19px;
    color: #404040;
    display: inline-block;
    padding: 1px 0;
    font-weight: 400;
    line-height: 35px;
    margin: 0;
}
.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}
.widget-area .widget{ margin-bottom: 5em; position: relative;z-index: 1;}
#innerpage-box .widget-area .wp-block-latest-posts__list {padding: 0 2px;}

/*--------------------------------------------------------------
## Bullet Point
--------------------------------------------------------------*/

/*main#innerpage-box #sidebars .widget-area li:before{
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f192";
    padding-right: 1em;
}*/
/*main#innerpage-box .widget-area .tagcloud a:before{
    display: none;
}*/
#secondary .widget_nav_menu li a:before,
#secondary .widget_recent_entries li a:before,
#sidebars .widget_nav_menu ul li a:before,
#sidebars .widget_recent_entries ul li a:before {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f192";
    margin: 0 9px 0 0;
}
#content-box ul li:before {
    content: '';
    position: absolute;
    left: 0em;
    font-family: 'FontAwesome';
    float: left;
    color: #0074D9;
}
#secondary .widget-area .tagcloud,
#sidebars .widget-area .tagcloud{padding: 0 1em;}
.wp-block-pullquote blockquote{
    padding: 2em 1em 5em 1.5em;
    border: none;
    box-shadow: 0px 10px 20px #00000029;
    margin: 8em 1.5em 0 0;
}
/*--------------------------------------------------------------
## Sidebar Area
--------------------------------------------------------------*/
.widget-area { position: relative;/* overflow: hidden;*/}
#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: 15px 5px;
    font-size: 16px;
    display: inline-block;
    border-radius: 30px;
    padding: 12px 5px 12px 22px;
    height: 51px;
    line-height: 1.2;
    background-color: transparent;
    text-align: left;
    font-weight: 400;
}
#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;}

#secondary select#archives-dropdown-3 {left: 0px !important;margin: 18px 5px 30px 5px ! important;}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.author-email-url{
    margin-left: -2%;
}
#comments a:hover{
    color:#2d2d2d;
}
#commentsAdd a:hover{
    color:#2d2d2d;
}
#content-box a :hover{
    /*color:#2d2d2d;*/
}
/*#content-box a i{
    color: #fff;
}*/
#commentsAdd input[type="submit"]{
    background: #fc226a;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 50px;
    font-size: 16px;
}
#commentsAdd input[type="submit"]:hover{
    border-radius: 5px;
    opacity: 1;
}
#content .tags a {
    margin: 0 12px;
    border: 1px solid #000;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 15px;
    border-radius: 8px;
    line-height: 40px;
}
#comments .comment-author img{border-radius: 50%;}
#comments span.fn {
    position: absolute;
    top: 17px;
}
.comment-form-author,
.comment-form-email,
.comment-form-url{
    float: left;
    margin-left: 2%;
    width: 31.33333%;
}
#content p{margin-bottom: 30px;}
.inner_contentbox .socialMedia ul{margin-left: 0;}
.inner_contentbox .socialMedia ul li{
    display: inline-block;
    position: relative;
    padding-left: 8px !important;
}
.inner_contentbox .socialMedia ul li a{background: none !important;}
.inner_contentbox .socialMedia ul li:before{display: none !important;}
.inner_contentbox .socialMedia{float: right;}
.inner_contentbox .socialMedia ul li a i {
    background: none !important;
    border: 2px solid #d33;
    color: #000;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 16px;
    margin: 8px 0;
}
.author-email-url input{
    width: 100%;
}
.comment-form .form-submit{
    margin-bottom: 0
}
h3#reply-title,
h3.comments-title{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
h3#reply-title:after,
h3.comments-title:after{
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 30px;
    background: #fe5722;
    height: 2px;
}
.logged-in-as,
.comment-notes{
    font-size: 0.9em;
}
/*================== New ==========================*/
div#commentsAdd {
    margin-top: 1em;
    border-top: 3px solid #000;
    padding: 2em 1em 2em 2em;
    box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
}
div#commentsAdd h1 span {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
}
.commentmetadata span.reply {
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 12px;
    line-height: 20px;
    color: #222;
    font-weight: 500;
    background: #ccc;
    padding: 7.5px 32px;
    text-align: center;
    border-radius: 25px;
    /*text-transform: uppercase;*/
    z-index: 1;
}

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

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

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

.page-content #searchform input[type="submit"] {
    margin-top: 15px;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 15px;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 13.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}
.ht-gallery-member-image {
    position: relative;
    overflow: hidden;
}
/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/

div#secondary input[type="submit"] {
    margin: 0 auto;
    top: 15px;
    display: block;
    position: relative;
    text-align: center;
    padding: 12px 35px !important;
    border-radius: 35px!important;
    z-index: 999 !important;
    overflow: hidden;
    border: none;
    box-shadow: none;
}
/*div#secondary input[type="submit"]:after,
.wp-block-search__button:after {
    position: absolute;
    top: 7px;
    font-size: 18px;
    right: 0px;
    color: #010101;
    background-repeat: no-repeat;
    height: 38px;
    width: 38px;
    content: "\f002";
    font-family: 'Fontawesome';
    text-indent: -10px !important;
}*/
#sample-heading-here:after {display: none !important;}
.section-title{
    margin-bottom: 2.5em;
    position: relative;
}
.section-title h2 {
   position: relative;
    word-break: break-word;
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 15px;
}
.inner-area-title {    
    font-size: 23px;
    font-weight: 500;
    word-break: break-word;
}
.section-area-text {    
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    word-break: break-word;
}
.textcenter{  text-align: center;}

:hover{
    -webkit-transition-duration: 1s;
  
    -moz-transition-duration: 1s;
  
    -o-transition-duration: 1s;
  
    transition-duration: 1s;
}

section .darkbox{  padding:3em 0;  background: rgba(0,0,0,0.6)}
.padding0{ padding: 0;}
.ht-section-title-tagline{ margin-bottom: 3em;}
.ht-section-title{
    font-size: 33px;
    color: #323232;
    margin: 0 auto;
    font-weight: bold;
    line-height: 60px;
    word-break: break-word;
    position: relative;
}
.darkbox .ht-section-tagline{
    font-size:16px;
    width: 70%;
    margin: 0 auto 0;
    color:#fff;
}
.ht-main-title{
    position: relative;
    margin: 0 0 0.5em;
    letter-spacing: 0px;
    font-weight: 700;
    background: #fff;
    padding: 8px 38px;
    z-index: 1;
}
.ht-main-title:before{
    content: "";
    background: #FF5E00;
    width: 40px;
    /* height: 50px; */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    clip-path: polygon(0 0, 35% 0, 84% 100%, 0% 100%);
    transition: all 0.3s ease;
}
.category .ht-main-title {  margin: 0 0 1.5em;}
.ht-site-title, .site-title{
    font-weight: 600;
    font-size: 32px;
    line-height: 1;
    padding: 1em 0 0.2em;
}
.ht-site-title a, .site-title a{ text-decoration: none;color: #4a4a4a;}
.ht-site-description{
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    margin: 0px 0 0 0;
}
#total-breadcrumbs{
     font-size: 15px;
    margin: 0;
    color: inherit;
    display: block !important;
    text-align: center;
    padding: 0px 0 2.5em;
}
.single-productpage .innerpage-whitebox { margin-top: 0; padding: 1em;}
.single-productpage #sidebars {   margin-top: 20px;}
.single-productpage .ht-main-title {  padding: 20px;}
.woocommerce ul.product_list_widget li img{ margin: 0 15px 0px 0;}
.woocommerce .woocommerce-breadcrumb a,
#total-breadcrumbs a{ color: #000;}
.woocommerce .woocommerce-breadcrumb a:hover,
#total-breadcrumbs a:hover{ color: #fe5722;}
.taxonomy-description,
.term-description{ margin-bottom: 15px; padding: 0px 25px 25px 25px;}
.taxonomy-description p:last-child,
.term-description p:last-child{  margin-bottom: 0;}
/*======= side bar ===========*/
.woocommerce .widget_price_filter .price_slider_amount {
    text-align: center !important;
    padding: 0 2px !important;
    
}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
.breadcrumbbox { position: relative; padding: 0.4em 0 2.5em;z-index: 1;}
.breadcrumbbox span{ color:#000; margin:0 6px;}
header .woocommerce-breadcrumb,
.breadcrumbbox .button {
    background: #6e6e6e;
    padding: 6px 15px !important;
    display: inline-block !important;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    position: relative;
    margin-left: 3em;
    z-index: 1;
}
header .woocommerce-breadcrumb:before,
.breadcrumbbox .button:before{
    content: "";
    background: #FF5E00;
    width: 85px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
    transition: all 0.3s ease;
}
header .woocommerce-breadcrumb,
.breadcrumbbox .button span.treeEnd {
    margin-left: 21px;
    font-weight: 600;
}
/*===========================================
## Search & cart icon
======================================*/
.sitenav .search-icon{ position: absolute; right: 0; top: 20px; cursor: pointer; padding: 0;}
.sitenav .search-icon i{
    margin: 0;
    font-size: 16px;
    color: #fff;
    background: #ac8e50;
    padding: 13px 15px;
    border-radius: 50%;
}
.sitenav .search-bar { display: none; position: absolute; bottom: 16px; z-index: 200; right: 13%;}
.sitenav .search-bar input{display:inline-block;}
.sitenav .search-bar input[type="text"]{ 
   width:100%;
   background: rgba(33, 33, 33, 0.8);
   color:#fff;
   border:none;
}
.sitenav .search-bar input[type='submit']{ background: #000;color: #000;width: 15%;padding: 0;}

/*----------------------------------------*/
/*  01. Header Area
/*----------------------------------------*/
header .nav-menus{display: none;}
.page-main-header .overlay1 {
    background: red;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    opacity: 0.1;
}
.resp_header_logo {  display: none;}
.overlap-header { position: relative; top: 0px;}
.page-main-header{
    position: relative;
    overflow: hidden;
    /*background: #fe5722;*/
    color:#fff;
    clear: both;
   /* background: linear-gradient(0deg,#8972ea,#516ced 80%) no-repeat;*/
}
.lower-header .header-social-links {  margin: 20px 0;}
.header-transparent .resp_head_box {  padding: 12px 0 15px;}
.header-seo.header-transparent .is-fixed .main-bar p.ht-site-description { display: none;}
.resp_header_btn p {  display: none;}
.header-right .single-header-info {  text-align: right;}

header.site-header li {display: inline-block; list-style-type: none;}
.single-header-info li:nth-of-type(2n):before {
    content: "|";
    padding: 0px 1px 0px 1px;
    color: #ffffff;
    font-weight: 600;
}
/*.logo {  padding:1.2em 5px 0 5px;}*/
.logobox img{ position: relative;}
/*.navigation .mainmenu ul.sub-menu li a:after { background: #090909;}*/
header.site-header .main-dispaly.padding0 {  padding-right: 0;}

/* top-header
-------------------------------------------------------------- */
header .htop {position: relative;padding: 1.3em 1em 1em 4.7em; }
header .hphone i{font-size: 22px; padding-right: 8px; top: 2px; position: relative;}
header .head-contact .tooltiptext{display: none;}
header .hphone{font-size: 28px;font-weight: 500;}
header .head-text p {
    font-size: 20px;
    font-weight: 600;
    padding-top: 10px;
    margin-bottom: 10px;
}
/*header .head-contact {
    clip-path: polygon(16% 0, 100% 0%, 100% 100%, 0% 100%);
}*/
header .head-contact h4 {
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 2px;
}
header .head-contact i {
    position: absolute;
    color: #fff;
    background: #FF5E00;
    font-size: 53px;
    width: 84px;
    height: 84px;
    line-height: 87px;
    text-align: center;
    border-radius: 50%;
    left: -24px;
    top: 6px;
    z-index: 9;
    box-shadow: 0px 1px 56px -10px rgb(61 60 61 / 55%);
}
/*header .share-btn li{
    display: inline-block;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    text-align: center;
    margin: 0 4px;
    position: relative;
    overflow: hidden;
}*/
/*header .share-btn li a{
    border-radius: 50%;
    width: 46px;
    line-height: 46px;
    height: 46px;
    font-size: 20px;
    display: block;
    color: #fff;
    box-shadow: 0 0px 4px 1px rgb(63 78 100 / 15%);
    background: #ffffff15;
    backdrop-filter: blur(1px);
    transition: all 0.5s;
}*/

/*header .share-btn li i{font-weight: 600;}*/

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

header.site-header span.text,
.single-header-info span.theme-color {
    font-size: 14px;
    font-weight: 600;
    word-break: break-word;
}
.menu-content {padding-right: 2.5em;}
.navigation .mainmenu{ 
    position:relative; 
    z-index:9999; 
    vertical-align:middle; 
    float: none;
}
.navigation .mainmenu li{ 
    display:inline-block; 
    position:relative; 
    line-height:normal; 
    padding: 0 15px;
}
.navigation .mainmenu li a{ 
    display:block; 
    text-align:center; 
    /*color:#ffffff; */
    position:relative; 
}

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.navigation .mainmenu ul.sub-menu li { 
    list-style-type: none;transition: all 0.5s;
    /*border-bottom: 1px solid #f1f1f1;transition: all 0.5s;*/
    /*border-radius: 10px;*/
    padding: 0;
}
.navigation .mainmenu li:hover ul.sub-menu{
    text-align: left;
    transition: all 0.5s;
    animation: pulse .8s ease-in-out;
}
/*.navigation .mainmenu li:hover ul.sub-menu{
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    transition: all 0.5s;
}*/

ul.sub-menu{
   /* display:none;*/
    z-index:9999;
    position:absolute;
    left:-9999px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    left: 0;
    text-align: left;
    background: #9bb70d;
    min-width: 250px;
    z-index: 999;
    padding: 0px;
    margin-top: 0px;
    box-shadow: 0px 5px 30px rgba(0,0,0,0.13);
}
.navigation .mainmenu li ul li{
    display:block; 
    position:relative; 
    float:none; 
    line-height:18px; 
    margin-left:0; 
    margin-right:0; 
    -webkit-transform: skew(0deg); 
    -ms-transform: skew(0deg); 
    transform: skew(0deg); 
    /*box-shadow: 0 0 6px rgba(0,0,0,0.15);*/
}
.navigation .mainmenu li ul li a{
    display:block; 
    padding: 5px 0px;
    position:relative;
    top:0; 
    text-align:left; 
    z-index: 1;
}
.navigation .mainmenu li:hover ul.sub-menu li {
    opacity: 1;
    visibility: visible;
}
.navigation .mainmenu ul.sub-menu li a {
    font-size: 14px;
    position: relative;
    color: #3b3fb2;
    font-weight: 600;
    margin-right: 25px;
}
.navigation .mainmenu ul.sub-menu li a:hover {
    background: #fff;
    z-index: 200;
}
.navigation .mainmenu ul.sub-menu li a {
    list-style-type: none;
    font-size: 13px;
    font-weight: 400;
    padding: 12px 8px 12px 20px;
    display: inline-block;
    width: 100%;
    margin: 0px;
}
.ht-sticky-header .header-transparent {
    position: fixed;
    left: 0;
    right: 0;
}

/* = Navigation 3rd level css
-------------------------------------------------------------- */
/*.page-template-default .navigation .mainmenu li a{color:#fff;}*/
/*.navigation .mainmenu li:hover ul li:hover > ul{
    display:block; 
    position:absolute; 
    left: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: 14px;
    /*    transition: all 0.5s ease 0s;*/
    font-weight: 400;
    position: relative;
}

.header.site-header ul.sub-menu li a{   
    display: block;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    line-height: 1.4em;
    letter-spacing: .05em;
}

ul.sub-menu, 
header.site-header ul.sub-menu {
    background-color: #000;
    /*overflow: hidden;*/
    border: 7px solid #d33;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}
.navigation .mainmenu ul.sub-menu li.current_page_item a, 
.navigation .mainmenu ul.sub-menu li:hover a{background-color: #f2f2f2;transition: all 0.3s;}
.navigation .mainmenu ul.sub-menu li:hover a{padding: 12px 8px 12px 40px;transition: all 0.3s;}
 .header.site-header ul.sub-menu li a:before {
        content: "\f275";
    position: absolute;
    top: 50%;
    margin-top: -0.6em;
   left: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
}
.header.site-header ul.sub-menu li:hover a:before { margin-left: 14px; opacity: 1;}
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: 99999;
    position: absolute;
    width: 100%;
    background: none;
}

.site-header ul,
.site-header ol {
    margin-bottom: 0;
}
/*without top bar*/
.extra-nav {
    float: right;
    padding: 26px 0;
    position: relative;
    z-index: 9;
}
.extra-nav .site-button-link{
    font-size:15px;
}
.extra-nav .extra-cell {
    display: inline-block;
    margin-left: 10px;
}
@media only screen and (max-width: 767px) {
    .extra-nav {
        margin-right: 15px;
    }
}
@media only screen and (max-width: 480px) {
    .extra-nav {
        margin: 0 1px 0 0;
        text-align: right;
    }
}
.new-page{
    padding: 2px 5px;
    font-size: 10px;
    background: #ff0000;
    color: #fff;
    border-radius: 4px;
    vertical-align: middle;
    margin-left: 2px;
}
.new-page.menu-new{
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 3px 4px;
    line-height: 10px;
}

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

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

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

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation { margin: 0 0 15px; overflow: hidden;}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous { float: left; width: 50%;}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.navigation .mainmenu {
    transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -webkit-transition: padding 0.3s ease;
}
.navigation .mainmenu.ht-menu { display: block !important;}
.navigation .mainmenu li { position: relative;}
.navigation .mainmenu li a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  padding: 2px 0;
}
/*.navigation .mainmenu li:after{
  content: '';
  position: absolute;
  width: 0; height: 4px;
  display: block;
  margin-top: 5px;
  right: 0;
  background: #FF5E00;
  transition: width .2s ease;
  -webkit-transition: width .2s ease;


  content: '';
    background: #FF5E00;
    height: 5px;
    width: 100%;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: -1;
    transition: all 0.3s ease 0s;
}
.navigation .mainmenu li:hover:after{
  width: 100%;
  left: 0;
  background: #FF5E00;
   transition: width .2s ease;


   opacity: 1;
  bottom: -10px;
}*/
.navigation .mainmenu li:after{
   background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  width: 0;
  height: 5px;
  left: 50%;
  bottom: -5px;
  position: absolute;
  background: #FF5E00;
  border-radius: 0 0 90px 90px;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
  
}
.navigation .mainmenu li:hover:after{
  width: 100%; 
  left: 0; 
}
.navigation .mainmenu li.current_page_item:after, .current_page_item:after{
  bottom: 0;
  content: "";
  display: block;
  width: 100%; 
  height: 5px;
  left: 0; 
  bottom: -5px;
  position: absolute;
 /* background: #FF5E00;*/
   border-radius: 0 0 90px 90px;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
}
.navigation .mainmenu ul.sub-menu li:after{background: none;}
.sf-arrows .sf-with-ul { padding-right: 0em !important;}

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

i.flaticon-phone-call.m-r5, 
i.ti-location-pin.m-r5 {
    margin-right: 12px;
}

/* = Navigation sticky header css
-------------------------------------------------------------- */
.mobi1{display: none;}
.site-navigation {display: inline-block;}
.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;}

/*----------------------------------------*/
/*  02.Slider Area
/*----------------------------------------*/
.slider_section{  position: relative; overflow: hidden;}
.slider_section .slider_gradiant {
    position: absolute;
    left: 0;
    right: 0%;
    top: 0;
    bottom: 0;
   /* background: #000;*/
   background: transparent linear-gradient(90deg, #0F2B5B 0%, #0F2B5B 34%, #00000000 62%, #00000000 100%) 0% 0% no-repeat padding-box;
    opacity: 0.5;
    width: 100%;
}
.ht-slide{ position: relative;}
.ht-slide img{  width: 100%;}
.slider_content {
    position: absolute;
    top: 32%;
    left: 45%;
    width: 550px;
    margin-left: -550px;
    opacity: 1;
    text-align: left;
    z-index: 99;
}
.slider_section .title {
    font-size: 55px;
    font-weight: 700;
    padding-bottom: 0px;
    word-break: break-word;
    padding: 0px 0px;
    display: inline-block;
    line-height: 70px;
}
.slider_section .sub-title {font-size: 19px;
    font-weight: 400;
    padding: 1em 0 1em;
    line-height: 1.5;}
/*==============slider btn==========================*/
.slider-btn { text-align: left;}
.slider_section a.btn {
    padding: 8px 54PX 8px 11px;
    overflow: hidden;
    position: relative;
    border: none;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    top: 0px;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
    z-index: 9;
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);
}
.slider_section a.btn:after{
    content: "";
    /*background:#FF5E00;*/
    width: 38px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    clip-path: polygon(40% 0, 100% 0%, 100% 100%, 0% 100%);
    transition: all 0.3s ease;
}
.slider_section a.btn:hover:after{
    background:#FF5E00;
    clip-path: polygon(0 0, 69% 0, 84% 100%, 0% 100%);
    width: 100%;
}
.slider_section a.btn span {  position: relative;z-index: 1;  }
.slider_section a.btn span:after {
    content: "\f105";
    position: absolute;
    font-family: 'FontAwesome';
    top: -3px;
    right: -40px;
    font-size: 1.4em;
    font-weight: 500;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: #000;
    color: #fff;
     -webkit-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);
    transition: all 0.3s ease;
}
.slider_section a.btn span:hover:after{
    right: -50px;
     transition: all 0.3s ease;
}
.slider_section .bx-wrapper .bx-controls-direction a{
    display:block;
    font-weight: 600;
    margin: 0;
    z-index: 999;
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    line-height: 49px;
    font-size: 50px;
    color: #f3da1f;
    background: #1e212a;
    border-radius: 0%;
    overflow: hidden;
    position: absolute;
    top: 48%;
    border-radius: 50%;
    outline: 0;
}
button[type=submit]:hover::before {
    background-color: #03a9f4;
    animation: loadingWave 4s linear;
}
.slider_section .bx-wrapper .bx-prev { left: 11%;}
.slider_section .bx-wrapper .bx-next {  right: 11%;}
.slider_section .bx-wrapper .bx-controls-direction a.bx-prev:after {
    content: "\f104";
    font-family: FontAwesome;
    margin: 0 auto;
    text-align: center;
    z-index: 999;
    font-size: 48px;
    font-weight: 500 !important;
    position: absolute;
    top: 0px;
    left: 14px;
}
.slider_section .bx-wrapper .bx-controls-direction a.bx-next:after {
    content: "\f105";
    font-family: FontAwesome;
    margin: 0 auto;
    text-align: center;
    z-index: 999;
    font-size: 48px;
    font-weight: 100 !important;
    position: absolute;
    top: 0px;
    right: 14px;
}
.slider_section .bx-wrapper .bx-controls-direction a.bx-prev,
.slider_section .bx-wrapper .bx-controls-direction a.bx-next{ 
    display: block;
    opacity: 1;
    text-indent: inherit;
    font-size: 0;
}

/*----------------------------------------*/
/* features Section
/*----------------------------------------*/
#features-section .features-inn,
#features-section{position: relative;background: #F6F2ED;}
#features-section .mem-inn {
    position: relative;
    margin: 2px 2px 1em 2px;
    transition: all 0.5s;
    padding: 20px 30px 10px 62px;
    box-shadow: 0px 0px 22px #0000001A;
}
#features-section .sec-icn span{
   position: absolute;
   overflow: hidden;
    top: 13px;
    left: -1em;
    font-size: 45px;
    font-weight: 500;
    transition: all 0.5s ease;
    text-align: center;
    background: #000;
    color: #fff;
    width: 93px;
    height: 93px;
    line-height: 92px;
    border-radius: 50%;
    box-shadow:#0F2B5B 4px 2px 13px 0px;
    z-index: 1;
}
#features-section .sec-icn .fea-icnovly{
    content: "";
    background: #0f2b5b;
    height: 100%;
    width: 0;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 50%;
    z-index: -1;
    transition: all 0.3s ease 0s;
}
#features-section .mem-inn:hover .fea-icnovly{width: 100%;}
#features-section .sumo {
    position: relative;
    padding: 0 2.5em;
}
#features-section .sumo:nth-child(even) .sec-icn span{background: #0F2B5B;}
#features-section .sumo:nth-child(odd) .sec-icn span{background: #F65A00;}
#features-section .features-content {
    position: relative;
    padding:0 0px;
}
#features-section .features-content h3{
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    transition: all 0.5s ease;
    position: relative;
    margin: 0;
}
#features-section p  {
    position: relative;
    font-size: 14px;
    font-weight: 300;
    padding: 5px 0 5px;
    line-height: 24px;
    margin: 0;
}
#features-section a.fea-text{
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: #F65A00;
    display: inline-block;
}
/*----------------------------------------*/
/*   Service Area
===========================
/*----------------------------------------*/
.service-area .inn-single-service-bx { display: none;}
#service { position: relative;}
.service-area .section-title {margin-bottom: 4em;}
.service-area .single-service-bx { padding: 0 2em; margin-bottom: 6em; position: relative;}
.service-area  .single-service{position: relative;transition: all 0.5s ;}
/*===img===*/
.service-area .service-icon { position: relative;box-shadow: 0px 5px 20px #00000029;}
.service-area .service-img {position: relative;overflow: hidden;}
.service-area .service-icon .service-img:before,
.service-area .service-icon .service-img:after{
    content: "";
    width: 200%;
    height: 50%;
    background: #0F2B5B;
    opacity: 0.5;
    position: absolute;
    top: -100%;
    left: -4%;
    transform: rotate(45deg);
    transition: all 0.5s ease 0s;
}
.service-area .service-icon .service-img:after{
     width: 186%;
    transform: rotate(44deg);
    top: auto;
    left: auto;
    bottom: -100%;
    right: -4%;
}
.service-area .single-service:hover .service-img:before{ top: 0; }
.service-area .single-service:hover .service-img:after{ bottom: 0; }
.service-area .service-icon img { 
    width: 100%; 
    height: 450px;
    box-shadow: 0px 2px 30px -12px rgb(122 118 118);
    transition: all .7s linear;
}
/*===end img===*/
.service-area .sertxbx{
    position: absolute;
    overflow: hidden;
    padding: 12px 10px 10px;
    right: -2em;
    bottom: -1.8em;
    margin: 0 0.4em 0 3.5em;
    box-shadow: 0px 3px 6px #00000029;
}
.service-area .sertxbx:before{
    content: "";
    background: #0F2B5B;
    width: 70px;
    position: absolute;
    top: -1px;
    left: 0;
    bottom: 0;
    z-index: 0;
    clip-path: polygon(0 0%, 60% 0, 100% 100%, 0% 100%);
    transition: all 0.3s ease;
}
.service-area .single-service:hover .sertxbx:before{
     background: #FF5E00;
     transition: all 0.3s ease;
}
.service-area  .service-detailbx {
    position: relative;
    padding: 0 0 0 3em;
    z-index: 1;
}
.service-area h4 {
    font-size: 20px;
    font-weight: 600;
    /*margin:30px 0 20px 0;*/
}
.service-area p {     
    padding: 0 0 0 8px;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 8px;
    line-height: 1.6;
}
.service-area .serbtn {position: absolute;right: 0;bottom: -3.1em;}
.service-area .serbtn a{
    position: relative;
    overflow: hidden;
    text-align: center;
    background: #f72985;
    color: #3ff;
    font-weight: 600;
    padding: 8px 50px 8px 15px;
    text-decoration: none;
    font-size: 17px;
    z-index: 1;
    box-shadow: 0px 0px 20px -12px rgb(122 118 118);
    transition: all 0.2s ease 0s;
    transition: color 0.2s;
}
.service-area .serbtn a:after{
    content: "";
    background:#FF5E00;
    width: 32px;
    /*height: 50px;*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    clip-path: polygon(40% 0, 100% 0%, 100% 100%, 0% 100%);
    transition: all 0.3s ease;
}
.service-area .serbtn a:hover:after{
    background:#FF5E00;
    clip-path: polygon(0 0, 69% 0, 84% 100%, 0% 100%);
    width: 100%;
}
.service-area .serbtn a span {  position: relative;z-index: 1;  }
.service-area .serbtn a span:after {
    content: "\f105";
    position: absolute;
    font-family: 'FontAwesome';
    top: -3px;
    right: -37px;
    font-size: 1.5em;
    font-weight: 500;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    color: #0F2B5B;
    -webkit-box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 75%);
    transition: all 0.3s ease;
}
.service-area .serbtn a span:hover:after{
    right: -45px;
     transition: all 0.3s ease;
}

/*----------------------------------------*/
/*   Counter Area
/*----------------------------------------*/
.counter-area {position: relative;   z-index: 1;}
.counter-area .counter-single-area{    
    position: relative;
   /* top: 8em;*/
    box-shadow: 0px 19px 6px -3px #00000029;
}
.counter-area .c-brd:after{
    content: '';
    position: absolute;
    border: 5px solid #FE5D00;
    left: 0;
    right: 0;
    bottom: -24px;
}
.counter-area .counter-post-boxes {
    position: absolute;
    padding: 0 0 30px;
    bottom: 0;
    margin-bottom: -7.8em;
    background: #fff;
}
/*.counter-area .counter-post-boxes:before{
    content: "";
    position: absolute;
    border-bottom: 5px solid #FE5D00;
}*/
.counter-area .single-top{position: relative;}
.counter-area .cd-single {
    position: relative;
    z-index: 5;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
    padding: 30px 24px 50px;
    transition: all 0.4s ease 0s;
}
.counter-area .single-top:after {
    content: '';
    position: absolute;
    overflow: hidden;
    border: 8px solid;
    right: 0em;
    top: 5em;
    border-radius: 50%;
    text-align: right;
}
.counter-area .single-top:nth-last-child(3):after{
    display: none;
}
/*.counter-area .cd-single:hover{
    box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
}*/
/*.counter-area .cd-single:before,
.counter-area .cd-single:after{
    content: "";
    width: 100%;
    height: 90%;
    opacity: 0.3;
    border-top: 2px solid #FE5D00;
    border-left: 2px solid #FE5D00;
    position: absolute;
    top: 5%;
    left: 0%;
    transform: scale(0);
    transform-origin: 0 0 0;
    transition: all 0.5s ease 0s;
    z-index: -1;
}
.counter-area .cd-single:after{
    border-bottom: 2px solid #FE5D00;
    border-right: 2px solid #FE5D00;
    transform-origin: 100% 100% 0;
}
.counter-area .cd-single:hover:before,
.counter-area .cd-single:hover:after{
    transform: scale(1);
}*/

/*.counter-area .single-top:last-child:after{
     display: none !important;
     opacity: 0;
     border: 0px solid transparent !important;
     border:none !important;
}*/
.counter-area .cd-icon {position: relative;text-align: left;}
.counter-area .cd-icon span{
    position: relative;
    font-size: 40px;
    width: 66px;
    height: 66px;
    line-height: 66px;
    background: #fff;
    border-radius: 50px;
    text-align: center;
    box-shadow: -5px -4px 20px 1px #00000029;
}
/*.counter-area .cd-icon span:after{
    content: '';
    position: absolute;
    top: 1px;
    right: -3px;
    width: 69px;
    height: 68px;
    border-radius: 50%;
    background: #000;
    z-index: -1;
   transition: all 0.5s ease 0s;
}*/
.counter-area .icn-inn:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 1px;
    border-radius: 52%;
    width: 69px;
    height: 69px;
    border: 4px solid #d33;
    border-left: none;
    border-top: none;
    /* background-color: #de1414f2; */
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    /* background-image: linear-gradient(90deg, rgb(77 219 13) 0%, rgb(24 52 220) 50%, rgb(240 212 18) 100%); */
    transition: all 0.5s ease 0s;
}
.counter-area .cd-single:hover .icn-inn:after{
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    transition: all 0.5s ease 0s;
}
@-webkit-keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}
/*.counter-area .cd-single:hover span:after{
    top: -3px;
    left: -3px;
    -webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
    transition: all 0.5s ease 0s;
}*/
.counter-area .cd-num {
    font-size: 49px;
    color: #fff;
    font-weight: 700;
    margin: 0;
    transition: all 1s ease 0s;
    margin-top: 5px;
}
.counter-area .cd-title {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    padding: 0;
    text-align: center;
    color: #389cf3;
    word-break: break-word;
}
.counter-area .count-box {
   position: relative;
    overflow: hidden;
}

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

.contact-area {position: relative;overflow: hidden;background: #ebecf1;}
.contact-area .contact-ovly{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.8;
    background: #000;
}
.contact-area  .section-title {margin-bottom: 2em;}
.contact-area .contactdetails {
    position: relative;
    padding: 1em 2em;
    background: #d33;
}
.contact-area .contactdetails:after{
   content: '\f105';
    font-family: "Fontawesome";
    position: absolute;
    right: -13px;
    top: 45%;
    font-size: 35px;
    font-weight: 300;
    width: 50px;
    height: 55px;
    line-height: 51px;
    color: #fff;
    background: #0F2B5B;
    border-radius: 50%;
    z-index: 9;
    text-align: right;
    padding: 0px 4px 0 10px;
}
.contact-area .contact-content {  margin-top: 0.8em;margin-right: 10px;}
.contact-area .contact-inn {
    position: relative;
    margin-left: -5px;
}
.contact-area .contact-content h4{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 6px;
}
.contact-area .contact-content a,
.contact-area .contact-content p{
    font-size: 19px;
    font-weight: 800;
    word-break: break-word;
    white-space: normal;
}
.contact-area .leftbx h3{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}
.contact-area .leftbx p {
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    padding-bottom: 12px;
    border-bottom: 2px solid #fff;
}
.contact-area  .contact-content .contact-icon i{
    position: relative;
    color: #FE5D00;
    font-size: 34px;
    margin-top: 6px;
    text-align: center;
}

.contact-area .contact-inn .contact-num p{font-size: 22px;}
.contact-area  .form-social {position:relative;text-align: right;}
.contact-area  .form-social:before{
       content: '';
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 0;
    border-top: 1px solid #fff;
    width: 72%;
}
.contact-area .contact-rightbox{    
    position: relative;
    padding: 4.5em 2.5em 2em 4em;
    opacity: 0.8;
}
.contact-area  .section-title h2{font-size: 40px;}

.contact-area .contact-r {position: relative;margin-left: 1em;}
.ht-inquiry-member-wrap input[type="text"], 
.ht-inquiry-member-wrap input[type="email"], 
.ht-inquiry-member-wrap input[type="url"], 
.ht-inquiry-member-wrap input[type="password"], 
.ht-inquiry-member-wrap input[type="search"], 
.ht-inquiry-member-wrap input[type="number"], 
.ht-inquiry-member-wrap input[type="tel"], 
.ht-inquiry-member-wrap input[type="range"], 
.ht-inquiry-member-wrap input[type="date"], 
.ht-inquiry-member-wrap input[type="month"], 
.ht-inquiry-member-wrap input[type="week"], 
.ht-inquiry-member-wrap input[type="time"], 
.ht-inquiry-member-wrap input[type="datetime"],
.ht-inquiry-member-wrap input[type="datetime-local"], 
.ht-inquiry-member-wrap input[type="color"],
.ht-inquiry-member-wrap input[type="file"],
.ht-inquiry-member-wrap textarea{    
        background: none;
    z-index: 2000;
    width: 98%;
    color: #fff;
    margin: 0 0 20px 0;
    border-radius: 0px;
    padding: 30px 3px 22px;
    font-size: 17px;
    border: 1px solid #fff;
    border-top: none;
    border-right: none;
    border-left: none;
    height: 40px;
    font-weight: 400;
    border-radius: 0px;
}
.ht-inquiry-member-wrap input[type="file"] {
    cursor: pointer;
    padding: 12px 20px;

}
.ht-inquiry-member-wrap select{
    border: none;
    z-index: 2000;
    width: 100%;
    color: #595959;
    border: 2px solid #fff;
    margin: 0 0 15px 0;
    border-radius: 0;
    padding: 16px 20px;
    font-size: 14px;
    height: 50px;
    background: none;
}
.ht-inquiry-member-wrap textarea {
    height: 130px;
    padding: 15px 3px 20px;
    margin: 0 ;
}

.ht-inquiry-member-wrap label{
    color:#fff;
    margin:0 0 1em;
    width: 100%;
}
.ht-inquiry-member-wrap { position: relative;}
.ht-inquiry-member-wrap input[type="submit"]{
   padding: 7px 60px 7px 20px;
    border-radius: 0;
    white-space: normal;
    font-weight: 700;
    font-size: 17px;
    background: #000;
    display: inline-block;
    margin-top: 2em;
    margin-bottom: 15px;
    box-shadow: none;
    z-index: 1;
    transition: all 0.2s ease 0s;
}
.ht-inquiry-member-wrap input[type="submit"]:hover{
    transition: all 0.2s ease 0s;
}
/*.ht-inquiry-member-wrap input[type="submit"]:after{
    content: "";
    background:#FF5E00;
    width: 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    clip-path: polygon(40% 0, 100% 0%, 100% 100%, 0% 100%);
    transition: all 0.3s ease;
}
.ht-inquiry-member-wrap input[type="submit"]:hover:after{
    background:#FF5E00;
    clip-path: polygon(0 0, 69% 0, 84% 100%, 0% 100%);
    width: 100%;
}*/
/*.ht-inquiry-member-wrap input[type="submit"] span {  position: relative;z-index: 1;  }*/
.ht-inquiry-member-wrap input[type="submit"]:before {
    content: "\f105";
    position: absolute;
    font-family: 'FontAwesome';
    top: -3px;
    right: -37px;
    font-size: 1.5em;
    font-weight: 500;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    color: #0F2B5B;
    -webkit-box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 75%);
    transition: all 0.3s ease;
}
.ht-inquiry-member-wrap input[type="submit"]:hover:after{
    right: -45px;
     transition: all 0.3s ease;
}
.ht-inquiry-member-wrap input[type="submit"]:hover {
    color: #222225;
    background: #fff;
}
.ht-inquiry-member-wrap div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: initial;
    background-image: url(../../images/ajax-loader.gif);
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}
.contact-area .form-call li{
    list-style: none;
    display: inline-block;
    margin-top: 40px;
}
.contact-area .form-call li a{
    position: relative;
    padding: 0px 8px;
    background: #d33;
    font-size: 27px;
    margin-left: 30px;
    border-radius: 4px;
   transition: all 0.3s ease 0s;
}
.contact-area .form-call li a:hover{ background: none;transition: all 0.3s ease 0s;}
.contact-area .form-call li a:hover i{
     transform: scale(1.4);
    transition: all 0.3s ease 0s;
}
.contact-area .form-call li a i{
    transition: all 0.3s ease 0s;
}
.contact-area .contact-brd {
    position: absolute;
    border: 5px solid #F65A00;
    left: 0;
    right: 0;
    bottom: 0.8em;
}
/*----------------------------------------*/
/*  About Area
/*----------------------------------------*/
#about { position: relative; overflow: hidden;background: #F6F2ED;}
#about .section-title{margin-bottom: 1em;}
#about .section-title h2{font-size: 41px;line-height: 1.3;margin-bottom: 1em;margin-top: 10px;}
#about .section-subtext p{font-size: 20px;font-weight: 500;margin-bottom: 4em;left: -7px;}
#about .about-area-data {text-align: left;margin-left: -2em;}
#about .about-area-data h4{font-size: 19px;margin: 10px 0 5px 0;font-weight: 700;}
#about .about-area-data p{font-size: 12px;font-weight: 300;padding: 0 6em 0 0;margin: 0;line-height: 1.6;}
#about .aboutus-post-wrap { margin-top: 1em;}
#about .aboutus-single {margin-bottom: 3em; padding: 0; transition: all .2s linear; text-align: center;}
#about .hi-icon {
    cursor: pointer;
    text-align: center;
    width: 70px;
    line-height: 72px;
    height: 70px;
    position: relative;
    border-radius: 50%;
    font-size: 23px;
    background: #d33;
    box-shadow: 0px 0px 20px -12px rgb(122 118 118);
    transition: all 0.2s ease 0s;
}

#about .hi-icon span{transition: all 0.2s ease 0s;}
#about .aboutus-single:hover .hi-icon{
    transition: all 0.5s;
    /*animation: lightSpeedIn .5s ease-in-out;*/
}
#about .hi-icon:after {
    content: "";
    width: 28px;
    border: 2px dotted #5c823f;
    border-right: none;
    border-top: none;
    margin: 0 auto;
    position: absolute;
    bottom: -26px;
    left: 0;
    right: 0;
    transform: rotate(90deg);
}
#about .about-bx:nth-last-child(2) .hi-icon:after{
    display: none;
}
/*#about .hi-icon:after {
    display: inline-block;
    cursor: pointer;
    position: relative;
    border: 2px dotted #d33;
    text-align: center;
    border-radius: 10px;
    content: "";
    position: absolute;
    text-align: center;
    left: 6px;
    right: 6px;
    top: 6px;
    bottom: 6px;
    transition: all .1s linear;
}*/
#about .aboutarea-img img{width: 100%; height: 455px;}
#about .about-right{position: relative;}
#about .about-right .about-left-bx:after{
    content: '';
    position: absolute;
    border: 1px solid #000;
    border-right: none;
    right: 5px;
    top: 0;
    bottom: 4px;
}
#about .about-detail-bx {
    position: absolute;
    background: #F65A00;
    padding: 1.8em 1em 1em;
    right: 2.5em;
    width: 510px;
    top: -3em;
    float: right;
    box-shadow: #00000012 4px 2px 13px 0px;
}
#about .about-detail-bx h4 {
    position: relative;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
}
#about .about-detail-bx .about-num h4{font-size: 36px;margin-top: 6px;}
#about .about-detail-bx .about-num{word-break: break-word;}
/*----------------------------------------*/
/*   team Area
/*----------------------------------------*/
#innerpage-box .our-team,
#team .inner-team{display: none;}
#team .section-title h2{margin-bottom: 45px;}
#team {position: relative;overflow: hidden;background: #F6F2ED;}
#team .our-team{
    position: relative;
    padding: 0 3px;
    z-index: 1;
    margin-bottom: 4em;
    transition: all .4s linear;
}
#team .single-team-img { position: relative; overflow: hidden;background-color: #b71540;}
#team .single-team-img:before{
    content: '';
    background-color: #b71540;
    height: 120%;
    width: 60%;
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom;
    position: absolute;
    left: 0;
    top: -2.8em;
    z-index: 1;
    transition: all 0.4s ease;
}
#team .our-team:hover .single-team-img:before{
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    opacity: 0.9;
    transform: rotate(-25deg) translateX(-10%) translateY(20%);
}
#team .our-team:hover .single-team-img img{ opacity: 0.6;  }
#team .team-text h4 {word-break: break-word;font-size: 27px;font-weight: 800; color: #FE8A00; margin-bottom: 5px;}
#team .team-text .team-designation{word-break: break-word;font-size: 18px;margin-bottom: 0px;font-weight: 400;}
#team .team-text{
    padding: 15px 22px 10px;
    z-index: 2;
    position: absolute;
    bottom: -2.3em;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 82%;
    text-align: left;
}
#team .teambx {padding-top: 7px;}
#team .single-team-img img{width: 100%;height: 350px;transition: all .7s linear;}
#team .team-social-icon {    
    position: absolute;
    text-align: center;
    bottom: 3em;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    transition: all .4s linear;
}
#team .team-social-icon a i{
    margin: 4px 6px;
    font-size: 22px;
    font-weight: 500;
    background: #f3f;
    color: #767779;
    width: 32px;
    height: 32px;
    line-height: 33px;
    text-align: center;
    transition: all .4s linear;
}
#team .team-social-icon a i:hover{
    transform: scale(1.3);
    background: none;
    transition: all .4s linear;
}

/*--------------------------------------------------------------
## Call Now Section  ##
--------------------------------------------------------------*/
#call-now-section{ position: relative;background: #F6F2ED;}
#call-now-section .call-topbrd{
    position: absolute;
    top: -5px;
    left: -5px;
    width: 70px;
    border: 5px solid #f25743;
    border-radius: 0 50px 50px 0;
}
#call-now-section .call-leftbrd{
    position: absolute;
    height: 60px;
    border: 5px solid #f25743;
    top: -1px;
    left: -5px;
    border-radius: 0 0 50px 50px;
}
#call-now-section .call-bottombrd{
    position: absolute;
    bottom: -7px;
    left: -5px;
    width: 70px;
    border: 5px solid #f25743;
    border-radius: 0 50px 50px 0;
}
#call-now-section .call-rightbrd{
    position: absolute;
    height: 65px;
    border: 5px solid #f25743;
    bottom: -1px;
    left: -5px;
    border-radius: 50px 50px 0 0;
}
#call-now-section .call-inn {
    position: relative;
    overflow: hidden;
}
#call-now-section .call-bx {
    position: relative;
    box-shadow: 0px 0px 36px -23px rgb(0 0 0 / 75%);
    display: flex;
}
#call-now-section .right-bx {
    position: relative;
    padding: 3em 5em 4em 6.5em;
}
#call-now-section .right-bx h2{
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 1.4em;
    line-height: 1.3;
}
#call-now-section .callph a{
    position: relative;
    color: #000;
    font-size: 33px;
    font-weight: 600;
    padding: 15px 30px 15px 50px;
    margin-left: 1em;
    transition: 0.5s;
}
#call-now-section .callph a i {
    position: absolute;
    background: #0F2B5B;
    font-size: 60px;
    font-weight: 500;
    width: 73px;
    height: 73px;
    line-height: 73px;
    border-radius: 10px;
    text-align: center;
    left: -33px;
    top: -20px;
    transition: 0.5s;
}
/*#call-now-section .callph a:hover i{transform: rotate(70deg);transition: 0.5s;}*/
#call-now-section .callph a:hover i{
    -webkit-animation: ZoomIn .3s alternate ease infinite;
    animation: ZoomIn .3s alternate ease infinite;
}
@keyframes ZoomIn {
  from { transform: rotate(0deg); }
  to   { transform: rotate(30deg); }
}
#call-now-section .titlebx {
    position: relative;
    overflow: hidden;
    z-index: 2;
    width: 100%;
    padding: 1.2em 1.5em 1.5em 3.7em;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    clip-path: path( "M551.216,0V362H111.647a10.07,10.07,0,0,1-8.7-4.973l-100.021-171a9.949,9.949,0,0,1,0-10.054l100.021-171A10.07,10.07,0,0,1,111.648,0Z");
}
#call-now-section .titlebx-shd1,#call-now-section .titlebx-shd2{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px;
    right: 0;
    background: #112B5C;
    opacity: 0.2;
    z-index: 0;
    clip-path: path( "M551.216,0V362H111.647a10.07,10.07,0,0,1-8.7-4.973l-100.021-171a9.949,9.949,0,0,1,0-10.054l100.021-171A10.07,10.07,0,0,1,111.648,0Z");
}
#call-now-section .titlebx-shd2{
    left: -20px;
    opacity: 0.2;
    z-index: 0;
}
#call-now-section .titletab:hover {transition: all 0.4s ease 0s; transform: rotate(35deg);}
#call-now-section .title{
    position: relative;
    top: 1.5em;
    font-size: 45px;
    color: #3ff;
    font-weight: 600;
}
#call-now-section .call-img{position: relative;overflow: hidden;}
#call-now-section .titlebx img{
    position: relative;
    width: 375px;
    height: 280px;
}
#call-now-section .call-rightbx{
    position: absolute;
    left: 9px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    border: 1px solid #ffffff8c;
}

/*#call-now-section .call-icon {
  position: absolute;
  top: 1em;
  margin: 1em auto;
  width: 3.5em; height: 5.5em;
  border-radius: 1em/ .5em;
  background: orange;
  transition: opacity .5s;
  cursor: pointer;
}*/
#call-now-section .call-iconbrd1{
    position: absolute;
    background: #fff;
    opacity: 0.3;
    width: 50%;
    height: 50%;
    top: 130px;
    left: 1.9em;
    z-index: -1;
    clip-path: path("M84.971,0a10,10,0,0,1,8.665,5.008l24.488,42.5a10,10,0,0,1,0,9.985l-24.488,42.5A10,10,0,0,1,84.971,105H36.029a10,10,0,0,1-8.665-5.008L2.877,57.492a10,10,0,0,1,0-9.985l24.488-42.5A10,10,0,0,1,36.029,0Z");
}
#call-now-section .call-iconbrd2{
    position: absolute;
    background: #FE5D00;
    opacity: 0.9;
    width: 50%;
    height: 50%;
    top: 137px;
    left: 2.1em;
    z-index: -1;
    clip-path: path("M 32.02564239501953 2 C 29.17559814453125 2 26.5203857421875 3.533554077148438 25.09615325927734 6.002212524414062 L 4.615386962890625 41.50221633911133 C 3.192741394042969 43.9681396484375 3.192741394042969 47.03184509277344 4.615386962890625 49.49776840209961 L 25.09613800048828 84.99777221679688 C 26.52037048339844 87.4664306640625 29.17559814453125 89 32.02562713623047 89 L 72.97434997558594 89 C 75.82440185546875 89 78.4796142578125 87.4664306640625 79.90384674072266 84.99777221679688 L 100.3846130371094 49.49776840209961 C 101.807258605957 47.0318603515625 101.807258605957 43.9681396484375 100.3846130371094 41.50221633911133 L 79.90384674072266 6.002212524414062 C 78.4796142578125 3.533554077148438 75.82440185546875 2 72.97434997558594 2 L 32.02564239501953 2 M 32.02564239501953 0 L 72.97434997558594 0 C 76.54817199707031 0 79.85031127929688 1.907203674316406 81.63621520996094 5.002769470214844 L 102.1169815063477 40.50276947021484 C 103.9011688232422 43.59536743164062 103.9011688232422 47.40463256835938 102.1169815063477 50.49721527099609 L 81.63621520996094 85.99721527099609 C 79.85031127929688 89.09279632568359 76.54817199707031 91 72.97434997558594 91 L 32.02562713623047 91 C 28.45182800292969 91 25.14968872070312 89.09279632568359 23.36376953125 85.99721527099609 L 2.883018493652344 50.49721527099609 C 1.09881591796875 47.40461349487305 1.09881591796875 43.59536743164062 2.883018493652344 40.50276947021484 L 23.36378479003906 5.002769470214844 C 25.14968872070312 1.907203674316406 28.45184326171875 0 32.02564239501953 0 Z");
}
#call-now-section .call-icon{
    position: absolute;
    padding: 0em;
    background: #FE5D00;
    width: 17%;
    height: 24%;
    top: 4.8em;
    left: 2.4em;
    clip-path: path("M60.979,0a10,10,0,0,1,8.658,5L86.108,33.5a10,10,0,0,1,0,10.007L69.637,72a10,10,0,0,1-8.658,5H28.021a10,10,0,0,1-8.658-5L2.892,43.5a10,10,0,0,1,0-10.007L19.363,5a10,10,0,0,1,8.658-5Z");
}
#call-now-section .call-icon i{
    position: relative;
    color: #fff;
    font-size: 44px;
    font-weight: 500;
    top: 15px;
}
#call-now-section .call-btnbrd {
    position: absolute;
    width: 107%;
    height: 18%;
    bottom: -13px;
    right: -16em;
    background: #FE5D00;
    opacity: 0.7;
    clip-path: path( "M38,2 L82,2 A12,12 0 0,1 94,10 L112,44 A12,12 0 0,1 112,56 L94,90 A12,12 0 0,1 82,98 L38,98 A12,12 0 0,1 26,90 L8,56 A12,12 0 0,1 8,44 L26,10 A12,12 0 0,1 38,2");
    z-index: -1;
}

/*----------------------------------------*/
/*  03. project Section
/*----------------------------------------*/
#project{position: relative;overflow: hidden;background: #F6F2ED;}
#project .single-project-bx-inn{display: none;}
#project .section-leftbx{margin-right: 2em;}
#project .section-title {margin: 1.5em 0 1em 0;}
#project .section-title h2 {
    border-left: 6px solid #FE5D00;
    padding: 5px 10px;
}
#project .section-subtitle h3{
    font-size: 40px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 10px;
}
#project .project-text p{
    font-size: 20px;
    font-weight: 400;
}
.project-btn {position: relative;margin: 3em 0 2em 0;}
#project .project-btn a{
    position: relative;
    overflow: hidden;
    text-align: center;
    background: #f72985;
    color: #3ff;
    font-weight: 700;
    padding: 8px 54px 8px 10px;
    text-decoration: none;
    font-size: 17px;
    z-index: 1;
    box-shadow: 0px 0px 20px -12px rgb(122 118 118);
    transition: all 0.2s ease 0s;
    transition: color 0.2s;
}
#project .project-btn a:after{
    content: "";
    background:#FF5E00;
    width: 35px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    clip-path: polygon(40% 0, 100% 0%, 100% 100%, 0% 100%);
    transition: all 0.3s ease;
}
#project .project-btn a:hover:after{
    background:#FF5E00;
    clip-path: polygon(0 0, 69% 0, 84% 100%, 0% 100%);
    width: 100%;
}
#project .project-btn a span {  position: relative;z-index: 1;  }
#project .project-btn a span:after {
    content: "\f105";
    position: absolute;
    font-family: 'FontAwesome';
    top: -3px;
    right: -40px;
    font-size: 1.5em;
    font-weight: 500;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    color: #0F2B5B;
    -webkit-box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 75%);
    transition: all 0.3s ease;
}
#project .project-btn a span:hover:after{
    right: -45px;
     transition: all 0.3s ease;
}
#project .single-project-bx {
    position: relative;
    padding: 0 0em 1.5em 1.5em;
}
#project .single-project {
    position: relative;
    overflow: hidden;
    transition: all 0.5s ;
}

#project .project-title-box{
    z-index: 1;
    transition: all 0.3s;
    position: absolute;
    bottom: 0px;
    right: 13px;
}
#project .project-icon{overflow: hidden;position: relative;}
#project .project-link{display: none;}
#project .single-project h4{
    font-size: 18px;
    font-weight: 600;
    padding: 10px 42px 10px 10px;
    transition: all 0.3s ease;
    background-image: linear-gradient( 251deg,#112B5C 13%,#FE5D00 10%);
}
#project .single-project:hover h4{
    color: #112B5C;
     transition: all 1s ease;
}
/*=========== img =================*/
#project .project-icon img{
    transition: all 0.5s ease 0s;
    width: 100%;
    height: 215px;
}
#project .single-project:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4;
    z-index: 1;
    transform-origin: left center 0;
    transition: all 0.5s ease 0s;
}
#project .single-project:hover:before{
    transform: rotateY(90deg);
}
/*#project .single-project:before,
#project .single-project:after{
    content: "";
    width: 200%;
    height: 87%;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: -9px;
    transform: rotate(38deg);
    transition: all 0.5s ease 0s;
    z-index: 1;
}
#project .single-project:after{
    width: 200%;
    height: 84%;
    transform: rotate(38deg);
    top: auto;
    left: auto;
    bottom: 0;
    right: -4%;
    z-index: 0;
}
#project .single-project:hover:before{ top: -100%; }
#project .single-project:hover:after{ bottom: -100%; }*/
/*----------------------------------------*/
/* Testimonials Area
/*----------------------------------------*/
#testimonials{position: relative;overflow:hidden;}
#testimonials .testimonials-single-area{position: relative;margin-top: 12px;}
#testimonials .tetimonoal-area {
    position: relative;
    padding: 0em 1.2em;
    margin: 10px 0 50px;
}
.testimonials-area .ts-area-single {
    position: relative;
    padding: 1em 1em 2.3em 0.6em;
    transition: all 0.3s ease 0s;
    box-shadow: 0px 3px 20px #00000033;
}
.testimonials-area .ts-area-single:hover{transition: all 0.3s ease 0s;}
.testimonials-area .ts-area-thumb {
    position: relative;
    transition: all 0.3s ease 0s;
}
.testimonials-area .ts-area-thumb img {
    position: relative;
    border-radius: 50%;
    height: 113px;
    width: 113px !important;
    border: 14px solid #FE5D00;
    transition: all 0.3s ease 0s;
}
.testimonials-area .tetimonoal-area:hover .ts-area-thumb img{
    border-color: #000;
    transition: all 0.5s ease 0s;
}
.testimonials-area .ts-area-thumb:before{
    position: absolute;
    z-index: 0;
    content: '';
    bottom: -14px;
    right: 2.9em;
    border-style: solid;
    border-width: 9px 8px 0 8px;
    border-color: #FE5D00 transparent transparent transparent;
}
.testimonials-area .tetimonoal-area:hover .ts-area-thumb:before{transition: all 0.5s ease 0s;}
.testimonials-area .ts-area-content{position: relative;padding: 10px 30px 7px;transition: all 0.5s ease 0s;}
.testimonials-area .tetimonoal-area:hover .ts-area-content{
    background: #000;
    transition: all 0.5s ease 0s;
}
.testimonials-area .ts-area-content:before{
    position: absolute;
    z-index: 0;
    content: '';
    bottom: -27px;
    /*left: 1em;*/
    border-style: solid;
    border-width: 32px 26px 0 26px;
    border-color: #112B5C transparent transparent transparent;
    transition: all 0.5s ease 0s;
}
.testimonials-area .tetimonoal-area:hover .ts-area-content:before{transition: all 0.5s ease 0s;}
.testimonials-area h3{
    font-size: 20px;
    font-weight: 800;
    margin: 0;
    letter-spacing: 1px;
    transition: all 0.3s ease 0s;
}
.testimonials-area .text-designation {
    font-size: 14px;
    font-weight: 500;
}
.testimonials-area .ts-area-c p {
    margin: 15px 0 5px;
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
    font-style: italic;
    padding-left: 5px;
}
.testimonials-area .ts-area-c p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    font-size: 28px;
    color: #000;
    position: relative;
    margin: 0px 7px 0 0;
    font-weight: 400;
    font-style: normal;
}
.testimonials-area .ts-area-c p:after {
    content: "\f10e";
    font-family: 'Fontawesome';
    font-size: 28px;
    color: #000;
    position: absolute;
    margin: 3px 0 0 10px;
    font-weight: 400;
    font-style: normal;
}
#testimonials .owl-carousel {display: block !important;}
.testimonials-area .owl-dots{display: block !important;}
.testimonials-area .owl-theme .owl-nav {display: none !important;}
.testimonials-area  .owl-theme .owl-dots .owl-dot{    
    background: none;
    padding: 0;
    box-shadow: none;
}
.testimonials-area  .owl-theme .owl-dots .owl-dot span {
    width: 23px;
    height: 23px;
    margin: 5px 10px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    background: #000;
}
/*----------------------------------------*/
/* 10. Blog Area
/*----------------------------------------*/
.blog-area {
    position: relative;
    overflow: hidden;
    background-image: linear-gradient( 0deg,#fff 37%,#e5e8ed 20%);
}
.blog-area  .blog-posts {position: relative;margin-top: 1.8em;}
.blog-area .box-area-S { margin-bottom: 2em;box-shadow: 0px 0px 20px #0000001A;}
.blog-area .blog-single {position: relative;padding:0.5em 2em 1.5em 1.3em;}
.blog-area .blog-post{ padding: 0 25px;}
.blog-area .box-area-S .blog-thumbnail{ position: relative; overflow: hidden;background: #FF5E00;}
.blog-area .box-area-S .blog-thumbnail:before{
    content: "";
    background: #0F2B5B;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: blur(10px);
    transform: rotate(110deg);
    position: absolute;
    top: 25px;
    left: 50%;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}
.blog-area .box-area-S:hover .blog-thumbnail:before{
    opacity: 0.7;
    filter: blur(0);
    left: 35%;
}
/*.blog-area .box-area-S:hover .blog-thumbnail::after{opacity: 0.9;transition: all 1s ease 0s;}
.blog-area .blog-thumbnail::after {
    content: '';
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px), radial-gradient(circle at 75% 44%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px), radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, #fff 5px, #fff 6px, transparent 6px), radial-gradient(circle at 33% 44%, transparent 0, transparent 4px, #fff 5px, #fff 6px, transparent 6px), radial-gradient(circle at 65% 40%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px), radial-gradient(circle at 30% 32%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px);
    width: 100%;
    height: 300%;
    top: 0;
    left: 0;
    transition: all 1s ease 0s;
    position: absolute;
    animation: bubbles 5s linear infinite both;
}*/
.blog-area .blog-thumbnail img{width: 100%;height: 255px;transform: scale3d(1.1, 1.1, 1);transition: all 1s ease 0s;}
.blog-area .box-area-S:hover img{
    opacity: 0.5;
    transform: scale(1);
}
/*.blog-area .blog-thumbnail .overlay{
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-image: linear-gradient(0deg,#d33 -50%,transparent 90%);
    transition: all 1s ease 0s;
}
.blog-area .box-area-S:hover .overlay { top: -20%;  opacity: 1;  transition: all 1s ease 0s;}*/
.blog-area .blog-single:after{
    content: '';
    position: absolute;
    width: 89%;
    background: #FE5D00;
    height: 7px;
    bottom: -4px;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 0.5s;
}
.blog-area .box-area-S:hover .blog-single:after{
    width: 50%;
    transition: all 0.5s;
}
.blog-area .blog-date {     
    position: absolute;
    top: -10px;
    right: 20px;
    background-image: linear-gradient( 254deg,#112B5C 78%,#FE5D00 10%);
    padding: 6px 10px 6px 7px;
    font-size: 17px;
    font-weight: 600;
    z-index: 9;
}
.blog-area .blog-date i {padding-right: 18px; font-size: 17px;}
.blog-area .blog-comment {
    position: relative;
    left: -10px;
    font-size: 14px;
    font-weight: 400;
}
.blog-area .blog-comment i {font-size: 19px;font-weight: 500;padding-right: 12px;}
.blog-area .blog-posts h4{
    font-size: 24px;
    font-weight: 600;
    margin: 17px 0 2px;
    line-height: 35px;
    text-align: left;
    word-break: break-word;
}
.blog-area .blog-single p{    
   font-size: 16px;
    margin-bottom: 1.2em;
    line-height: 24px;
    font-weight: 400;
    word-break: break-word;
}
.blog-area .blogbtn {position: relative;margin-bottom: 0.8em;}
.blog-area .blogbtn a{
    position: relative;
    overflow: hidden;
    text-align: center;
    background: #f72985;
    color: #3ff;
    font-weight: 600;
    padding: 8px 53px 8px 10px;
    text-decoration: none;
    font-size: 17px;
    z-index: 1;
    box-shadow: 0px 0px 20px -12px rgb(122 118 118);
    transition: all 0.2s ease 0s;
    transition: color 0.2s;
}
.blog-area .blogbtn a:after{
    content: "";
    background:#FF5E00;
    width: 35px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    clip-path: polygon(40% 0, 100% 0%, 100% 100%, 0% 100%);
    transition: all 0.3s ease;
}
.blog-area .blogbtn a:hover:after{
    background:#FF5E00;
    clip-path: polygon(0 0, 69% 0, 84% 100%, 0% 100%);
    width: 100%;
}
.blog-area .blogbtn a span {  position: relative;z-index: 1;  }
.blog-area .blogbtn a span:after {
    content: "\f105";
    position: absolute;
    font-family: 'FontAwesome';
    top: -3px;
    right: -39px;
    font-size: 1.6em;
    font-weight: 500;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    color: #0F2B5B;
    -webkit-box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 75%);
    transition: all 0.3s ease;
}
.blog-area .blogbtn a span:hover:after{
    right: -45px;
     transition: all 0.3s ease;
}

/*----------------------------------------*/
/*   clientlogo Area
/*----------------------------------------**/

#clientlogo {
    position: relative;
    overflow: hidden;
    /*background: #036dfd;*/
}
#clientlogo .supp-inn {
    padding: 0px 10px;
    margin-bottom: 20px;
    text-align: center;
    transition: 0.4s ease all;
}


#clientlogo .supp-inn:hover{
    box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, -4px -9px 21px 1px #0002, -12px 6px 5px 0px #fff9;
    transform: scale(1.1);
    transition: 0.4s ease all;
}
#clientlogo .hi-icon:before,
#clientlogo .hi-icon:after{
    content: '';
    background: #8a6bd4;
    height: 4px;
    width: 0;
    position: absolute;
    top: 7px;
    right: 0;
    transition: 0.4s ease all;
}
#clientlogo .hi-icon:after{
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
}
#clientlogo .hi-icon:hover:before,
#clientlogo .hi-icon:hover:after{ 
    width: 100%;
    transition: 800ms ease all; 
} 



#clientlogo .hi-icon a{
  position: relative;
    overflow: hidden;
    color: #0b7;
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    cursor: pointer;
    -webkit-transition: 0.5s;
    padding: 20px;
}
#clientlogo .hi-icon img{
    /*max-width: 100%;*/
    vertical-align: top;
    width: 105px;
    height: 105px ;
    margin: 0 auto;
}
#clientlogo .owl-carousel {
    display: block;}
#clientlogo .owl-theme .owl-nav {
    display: block;
}
#clientlogo .owl-nav .owl-prev, #clientlogo .owl-nav .owl-next {
    position: absolute;
    top: 3em;
    border-radius: 50%;
    box-shadow: none;
    width: 16px;
    height: 38px;
    line-height: 22px;
}
#clientlogo .owl-nav .owl-prev{left: -4em;}
#clientlogo .owl-nav .owl-next{right: -4em;}
#clientlogo .owl-nav span {
    font-size: 35px;
    font-weight: 600;
    line-height: 20px;
    position: relative;
}
#clientlogo .owl-nav .owl-prev span{ left: -8px;}
#clientlogo .owl-nav .owl-next span{ left: -5px;}
/*#clientlogo .owl-theme .owl-dots {
    margin-top: 2em;
    display: none;
}*/
#clientlogo .owl-dots {display: none;}
/*----------------------------------------*/
/*  Newsletter Area
/*----------------------------------------*/
#newsletter { position: relative;overflow: hidden;background: #0F2B5B;}
#newsletter .newstitle h3 {
    font-size: 39px;
    color: #fdfdfd;
    font-weight: 600;
    margin: 0 5em 0 0 !important;
    line-height: 1.3;
}
#newsletter .box-form { position: relative;top: 25px; }
#newsletter  .ht-newsletter-member-wrap input::placeholder{  opacity: 1;}

#newsletter .ht-newsletter-member-wrap input[type="text"], 
#newsletter .ht-newsletter-member-wrap input[type="email"], 
#newsletter .ht-newsletter-member-wrap input[type="url"], 
#newsletter .ht-newsletter-member-wrap input[type="password"], 
#newsletter .ht-newsletter-member-wrap input[type="search"], 
#newsletter .ht-newsletter-member-wrap input[type="number"], 
#newsletter .ht-newsletter-member-wrap input[type="tel"], 
#newsletter .ht-newsletter-member-wrap input[type="range"], 
#newsletter .ht-newsletter-member-wrap input[type="date"], 
#newsletter .ht-newsletter-member-wrap input[type="month"], 
#newsletter .ht-newsletter-member-wrap input[type="week"], 
#newsletter .ht-newsletter-member-wrap input[type="time"], 
#newsletter .ht-newsletter-member-wrap input[type="datetime"],
#newsletter .ht-newsletter-member-wrap input[type="datetime-local"], 
#newsletter .ht-newsletter-member-wrap input[type="color"],
#newsletter .ht-newsletter-member-wrap input[type="file"],
#newsletter .ht-newsletter-member-wrap select,
#newsletter .ht-newsletter-member-wrap textarea{
    z-index: 0;
    width: 100%;
    color: #fff;
    margin: 0 0 10px 0;
    border-radius: 0;
    padding: 12px 28px;
    font-size: 14px;
    font-weight: 300;
    background: #fff;
    border: 0;
}
/*#newsletter .ht-newsletter-member-wrap input[type="text"]:before, 
#newsletter .ht-newsletter-member-wrap input[type="email"]:before, 
#newsletter .ht-newsletter-member-wrap input[type="url"]:before, 
#newsletter .ht-newsletter-member-wrap input[type="password"]:before, 
#newsletter .ht-newsletter-member-wrap input[type="search"]:before, 
#newsletter .ht-newsletter-member-wrap input[type="number"]:before, 
#newsletter .ht-newsletter-member-wrap input[type="tel"]:before, 
#newsletter .ht-newsletter-member-wrap input[type="range"]:before, 
#newsletter .ht-newsletter-member-wrap input[type="date"]:before, 
#newsletter .ht-newsletter-member-wrap input[type="month"]:before, 
#newsletter .ht-newsletter-member-wrap input[type="week"]:before, 
#newsletter .ht-newsletter-member-wrap input[type="time"]:before, 
#newsletter .ht-newsletter-member-wrap input[type="datetime"]:before,
#newsletter .ht-newsletter-member-wrap input[type="datetime-local"]:before, 
#newsletter .ht-newsletter-member-wrap input[type="color"]:before,
#newsletter .ht-newsletter-member-wrap input[type="file"]:before,
#newsletter .ht-newsletter-member-wrap select:before,
#newsletter .ht-newsletter-member-wrap textarea:before{
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    background: #FF5E00;
    width: 50px;
    height: 50px;
    border-radius: 5px;
}*/
.ht-newsletter-member-wrap input[type="file"] {
    cursor: pointer;
    padding: 12px 20px;
}
.ht-newsletter-member-wrap textarea {
    height: 100px;
    padding: 18px 50px;
}
.ht-newsletter-member-wrap label{
    color:#fff;
    margin:0;
    width: 100%;
}
.ht-newsletter-member-wrap input[type="submit"]:hover {
    color: #222225;
      background: #fff;
}
#newsletter .ht-newsletter-member-wrap input[type="submit"] {
    position: absolute ;
    right: -1.3em;
    bottom: 2.5em;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 25px;
    border-radius: 0;
    box-shadow: 3px 3px 10px 2px rgb(20 20 20 / 28%);
    transition: all 0.3s;
}

/*----------------------------------------*/
/*   Footer Area
/*----------------------------------------*/
.footer-area { position: relative;overflow: hidden;}
/*.footer-area .f-newsletterbx{margin-bottom: 4em;}
.footer-area .newstitle h3 {  font-size: 30px; color: #fdfdfd; font-weight: 700; margin: 0 0;}*/
.footer-area {position: relative;overflow: hidden;}
/*.footer-area::after {
    content: '';
    pointer-events: none;
    opacity: .9;
    background: 
    radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px), 
    radial-gradient(circle at 75% 44%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px), 
    radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, #fff 5px, #fff 6px, transparent 6px), 
    radial-gradient(circle at 33% 44%, transparent 0, transparent 4px, #fff 5px, #fff 6px, transparent 6px), 
    radial-gradient(circle at 65% 40%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px),
    radial-gradient(circle at 20% 18%, transparent 0, transparent 4px, #fff 5px, #fff 6px, transparent 6px),
    radial-gradient(circle at 15% 20%, transparent 0, transparent 4px, #fff 5px, #fff 6px, transparent 6px), 
    radial-gradient(circle at 30% 32%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px);
    width: 100%;
    height: 300%;
    top: 0;
    left: 0;
    position: absolute;
    animation: bubbles 5s linear infinite both;
}*/
.footer-area .overlay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.6;
    background: #000;
}
.footer-area .fbox {
    position: relative;
}
.footer-area i { padding-right: 6px;font-size: 30px;}
.footer-area li {display: block;margin-bottom: 12px;font-size: 15px;font-weight: 500; }
.footer-area li a {font-weight: 400;text-decoration: none;font-size: 18px;}
/*.footer-area li:before {
    content: "\f105";
    font-family: 'Fontawesome';
    font-size: 14px;
    padding-right: 10px;
}*/
.footer-area .widget_nav_menu li {display: inline-block;}
.footer-area .widget_nav_menu li:after, .footer-area .widget_pages li:after {display: none;}
.footer-area .widget_nav_menu li a {font-weight: 600;font-size: 20px;padding-right: 25px;}
.footer-area .gallery-item {padding-right: 13px;padding-bottom: 13px;}
.footer-area ul {margin: 0 0 15px 00px;}
.footer-area p {    margin-bottom: 15px;font-weight: 500;line-height: 1.5;font-size: 18px;text-align: justify;word-spacing: -2px;}
footer#footer.footer-area .widget-title {   
    margin-top: 0em;
    margin-bottom: 25px;
    font-size: 25px;
    font-weight: 700;
}
.footer-area .widget {margin-bottom: 1.1em;}
.footer-bottom-area ul li {display: inline-block;margin-left: 40px;margin-bottom: 0;position: relative;}
.footer-area .bottom-area {position: relative;}
.footer-area .bottom-area ul { margin-bottom: 0;}

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

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

.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], 
.footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], 
.footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], 
.footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], 
.footer-area input[type="datetime"], .footer-area input[type="datetime-local"], 
.footer-area input[type="color"], .footer-area textarea,
.footer-area select{    
    border: none;
    font-size: 15px;
    border-radius: 0;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px 20px 20px 25px;
    font-style: normal;
    font-weight: 400;
    height: 0;
}
.footer-area textarea {  height: 80px !important;}

.footer-area input[type="submit"]{
    padding: 6px 30px;
    white-space: normal;
    font-weight: 600;
    font-size: 18px;
    border-radius: 0;
    background: #fff;
    color: #000;
    display: inline-block;
    transition: all 0.3s;
    margin-left: 10px;
}
/*.footer-area input[type="submit"]:hover {
    -webkit-animation-name: wobble-top;
    animation-name: wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes wobble-top{16.65%{-webkit-transform:skew(-12deg);
    transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);
    transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);
    transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);
    transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);
    transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}
}*/

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

.footer-area .social-profile-icons ul{margin: 10px 0 0 0;}
.footer-area .social-profile-icons ul li:before{  display: none;}
.footer-area .social-profile-icons ul li{ display: inline-block;}
.footer-area .social-profile-icons ul li a {    
    display: inline-block;
    font-weight: 800;
    width: 40px;
    height: 40px;
    line-height: 50px;
    background: #fff;
    text-align: center;
    margin: 0 18px 0 0;
}
.footer-area .social-profile-icons i.fa { font-size: 29px; padding: 0;}
.footer-area table tr {text-align: center;line-height: 28px;}
.footer-area table td {font-size: 15px;padding: 5px;}
.footer-area .widget_calendar table thead tr th{text-align: center;}
.footer-area fieldset {   padding-top: 0;}
footer#footer .widget_calendar thead { background: transparent;box-shadow: 0 0px 3px 0 #88828252;}
.footer-area figure.gallery-item img{transition: all .5s;}
.footer-area figure.gallery-item img:hover{
    opacity: 0.8;
    border-radius: 20px;
    transition: all .5s;
}

.s-footer{float: left;margin-bottom: 2em;}
.single-footer-2, .single-footer-3, .single-footer-4{margin-top: 1em;}
.footer-area .widget_recent_entries ul li {line-height: 25px;margin-left: 25px;}
.footer-area .widget_recent_entries ul li:before{
    content: '';
    position: absolute;
    left: 0;
    margin-top: 6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #F45900;
}
.footer_facility-text {
    padding: 5px 2em 15px;
    background: #e7e7e7;
    border: 1px solid #d3d3d3;
    border-right: 0;
    font-size: 15px;
    color: #4c4c4c;
    text-align: center;
}
.footer_facility-text i.fa {
    padding: 0;
    border-radius: 0%;
    width: 35px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    font-size: 27px;
    border: none;
    top: 5px;
    position: relative;
    color: #575757;
}
.footer-area .midix {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}


/*----------------------------------------*/
/*   Testimonials Page
/*----------------------------------------*/

#testimonials .ts-area-single-inn,
#innerpage-box .tetimonoal-area{display: none;}
#innerpage-box .innertest-item{float: left;}
#innerpage-box .item.innertest-item{
    width: 50%;
    position: relative;
   /* overflow: hidden;*/
    float: left;
    margin-bottom: 1em;
    border-radius: 0 0 0px 0px;
}
#innerpage-box .ts-area-single-inn {
    margin: 0.5em 1.9em 2em 1.9em;
    background: #f3f3;
    box-shadow: 0px 3px 10px -5px #00000033;
}
/*#innerpage-box .tsarea-inn{padding: 1em 1em;}*/
#innerpage-box .tsarea-inn{
    position: relative;
    padding: 1em 0.5em 1.5em 0.6em;
    transition: all 0.3s ease 0s;
    box-shadow: 0px 3px 20px #00000033;
}
#innerpage-box .ts-area-single-inn .client-text{padding: 0 0 0 7px;}
#innerpage-box .ts-area-c p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    font-size: 28px;
    left: -10px;
    color: #000;
    position: relative;
    margin: 0px 2px 0 0;
    font-style: normal;
    font-weight: 400;
}
#innerpage-box .ts-area-c p:after {
    content: "\f10e";
    font-family: 'Fontawesome';
    font-size: 28px;
    color: #000;
    position: absolute;
    margin: 3px 0 0 10px;
    font-weight: 400;
    font-style: normal;
}
#innerpage-box .ts-area-c p {
    font-size: 14px;
    line-height: 22px;
    margin: 18px 7px 15px 0px;
    display: inline-block;
    position: relative;
    font-weight: 300;
    font-style: italic;
    word-break: break-word;
}
#innerpage-box .ts-img { position: relative;}
#innerpage-box .ts-area-thumb .ts-area-tri{
    position: absolute;
    z-index: 0;
    content: '';
    bottom: -1em;
    right: 3.6em;
    border-style: solid;
    border-width: 9px 8px 0 8px;
    border-color: #FE5D00 transparent transparent transparent;
}
/*#innerpage-box .ts-area-thumb .ts-area-tri:before{ bottom: -1.8em;left: -0.5em;}
#innerpage-box .ts-area-thumb .ts-area-tri:after{ bottom: -3.5em;left: -0.5em;}*/
#innerpage-box .ts-area-thumb img {
    width: 111px;
    height: 111px;
    border-radius: 50%;
    text-align: center;
    transition: all 0.5s ease 0s;
    border: 12px solid #FE5D00;
}
#innerpage-box .ts-area-c i {transition: all .8s;font-size: 65px; position: absolute;top: 35px;right: 20%;}
#innerpage-box .tsarea-inn:hover .ts-area-c i{transform: rotateY(180deg);transition: all .8s;}
#innerpage-box .ts-area-bx{background: none !important;padding: 10px 30px 7px 25px;transition: all 0.5s ease 0s;}
#innerpage-box .ts-area-bx:before{
    position: absolute;
    z-index: 0;
    content: '';
    bottom: 4px;
    right: 3.5em;
    border-style: solid;
    border-width: 30px 26px 0 26px;
    border-color: #112B5C transparent transparent transparent;
    transition: all 0.5s ease 0s;
}
#innerpage-box .text-designation {font-size:14px;font-weight: 500;}
#innerpage-box h4.ts-area-title { position: relative; margin: 0px 0 2px !important;font-weight: 700 !important;}
#innerpage-box h4.ts-area-title:after{ display: none !important;}

/*----------------------------------------*/
/*  09. Inner team page
/*----------------------------------------*/
#innerpage-box .single-team {display: none;}
#innerpage-box .inner-team { position: relative; overflow: hidden;padding: 0 1.1em;margin-bottom: 2.5em;}
#innerpage-box .textbx h1 {position: relative; margin: 0 0 5px 0 !important;}
body.page-template-default main#innerpage-box .textbx h1:after{display: none;}
#innerpage-box .single-team-img{position: relative;overflow: hidden;margin: 0 auto;}
#innerpage-box .single-team-img img {width: 100%;height: 100%;transition: all .5s linear;}
#innerpage-box .team-text{position: relative;}
#innerpage-box .textbx{    
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: 2.8em;
    z-index: 9;
}
#innerpage-box .textbx:after{
    content: '';
    position: absolute;
    background: #fd7122;
    left: -4px;
    right: -2px;
    top: 3px;
    bottom: 5px;
    clip-path: polygon(0 0, 87% 0%, 100% 100%, 0% 100%);
    z-index: -1;
}
#innerpage-box .textbxinn{
    padding: 0.5em 1em 0.4em 1.5em;
    clip-path: polygon(0 0, 85% 0%, 100% 100%, 0% 100%);
}
#innerpage-box .textbxinn:before{
    content: "";
    width: 0;
    height: 200%;
    background: #0F2B5B;
    position: absolute;
    top: 0;
    left: -250px;
    bottom: 0;
    transform: skewX(-36deg);
    transition: all 1s ease 0s;
    z-index: -1;
}
#innerpage-box .inner-teambx:hover .textbxinn:before{ width: 300%; transition: all 1s ease 0s; }
#innerpage-box .inner-team h2.inner-area-title{font-weight: 700 !important;margin: 0 0 3px !important;transition: all 1s ease 0s;}
#innerpage-box .textbx .team-designation{
    position: relative;
    word-break: break-word;
    font-size: 18px;
    font-weight: 400;
    word-spacing: 4px;
}
#innerpage-box .team-social-icon{
    position: absolute;
    right: 4%;
    bottom: 43px;
    z-index: 5;
    transition: all 1s ease 0s;
}
#innerpage-box .team-social-icon li {list-style: none; position: relative;text-align: center;margin: 0 0 23px 0;}
#innerpage-box .team-social-icon a{margin:0 2em 0 0;}
#innerpage-box .team-social-icon a i{
    position: absolute;
    font-size: 23px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-weight: 500;
    color: #767779;
    background: #FE5D00;
    transition: all .4s linear;
}

/*--------------------------------------------------------------
# Gallery page
--------------------------------------------------------------*/

#innerpage-box .lz-gallery-images {position: relative;overflow: hidden;margin-bottom: 2.5em;}
#innerpage-box .innergalry {position: relative;padding: 0 0.7em;}
#innerpage-box .img-wrapper {overflow: hidden;position: relative;}
#innerpage-box .lz-gallery-images img {
    transition: 0.5s all;
    width: 100%;
    height: 300px;
    z-index: 1;
}
#innerpage-box .lz-gallery-images .over-text {
    position: absolute;
    overflow: hidden;
    top: 6px;
    left: 7px;
    margin-right: 6px;
    background: #fe5e00;
    box-shadow: 0 2px 4px 0px rgb(63 78 100 / 26%);
    padding: 10px 25px 8px 12px;
    clip-path: polygon(0 0, 95% 0%, 100% 100%, 0% 100%);
}
#innerpage-box .lz-gallery-images .inner-area-title:after {display: none !important;}
#innerpage-box .lz-gallery-images .over-text h5{
    position: relative;
    padding: 0;
    margin: 0 !important;
    color: #000;
    word-break: break-word;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-weight: 500 !important;
}

#innerpage-box .gall-icn i{
    position: absolute;
    bottom: 28%;
    left: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    z-index: 1;
    font-weight: normal;
    padding: 0;
    /*margin: 0;*/
    right: 0;
    text-align: center;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
#innerpage-box .lz-gallery-images:hover .gall-icn i{  opacity: 1;}
#innerpage-box .lz-gallery-images:hover .gall-icn i{
    -webkit-transform: scale(2) translate(0px, -30px);
    transform: scale(2) translate(0px, -30px);
    font-size: 10px;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background: #000;
    text-decoration: none;
    -webkit-appearance: none;
    opacity: 1;
    background-size: 500%;
    border: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fancybox__container{z-index: 99999 !important;}
.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar{top: 40px !important;}

/*--------------------------------------------------------------
## Services inner page
--------------------------------------------------------------*/

.page-template-default #innerpage-box .single-service-bx { display: none; }
.service-area .singleinner-service { display: none; }

#innerpage-box .inn-single-service-bx {  padding: 0 1.8em;}
#innerpage-box .service_inbox{
    position: relative;
    transition: all .3s;
    box-shadow: 0px 5px 24px 8px #00000029;
    transition: all 0.4s;
}
#innerpage-box .singleinner-service .service_inimg {position: relative;overflow: hidden;transition: all .3s;}
#innerpage-box .singleinner-service .service_inimg img {
    width: 100%;
    height: 430px;
    transition: all .3s;
    position: relative;
}
#innerpage-box .service_inimg .serinnolay{
    /*background-image: linear-gradient(to top, transparent 0%, #35c1e2 100%);*/
    opacity: 0;
    position: absolute;
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0;
    transition: all 0.4s;
}
/*#innerpage-box .service_inbox:hover .serinnolay {opacity: 0.8;transition: all 0.4s;}*/
#innerpage-box .singleinner-service {margin-bottom: 6em; transition: all .3s;}
#innerpage-box .serbx {
    position: absolute;
    padding: 19px 10px 19px;
    right: -2em;
    bottom: -1.9em;
    left: 3.8em;
    margin: 0 0.4em 0;
    box-shadow: 0px 3px 6px #00000029;
}
#innerpage-box .service-detailbx {position: relative;padding: 0 0 0 3em;z-index: 1;}
#innerpage-box .serbx h3{margin: 0 0 10px 0!important;border-left: 3px solid #000;padding: 0 14px;}
#innerpage-box .service_inbox .serbx h3:after { display: none;}
#innerpage-box .service-detailbx h4 {margin: 0 0 0em !important;}
#innerpage-box .serbx p{
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 17px;
    line-height: 23px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 10px 0;
    display: none;
}
#innerpage-box .serbtn {position: absolute;right: 10px;bottom: -45px;}
#innerpage-box .serbtn a{
    position: relative;
    overflow: hidden;
    text-align: center;
    background: #f72985;
    color: #3ff;
    font-weight: 600;
    padding: 7px 55px 7px 10px;
    text-decoration: none;
    font-size: 17px;
    z-index: 1;
    box-shadow: 0px 2px 12px -3px rgb(122 118 118);
    transition: all 0.2s ease 0s;
    transition: color 0.2s;
}
#innerpage-box .serbtn a:after{
    content: "";
    background:#FF5E00;
    width: 32px;
    /*height: 50px;*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    clip-path: polygon(40% 0, 100% 0%, 100% 100%, 0% 100%);
    transition: all 0.3s ease;
}
#innerpage-box .serbtn a:hover:after{
    background:#FF5E00;
    clip-path: polygon(0 0, 69% 0, 84% 100%, 0% 100%);
    width: 100%;
}
#innerpage-box .serbtn a span {  position: relative;z-index: 1;  }
#innerpage-box .serbtn a span:after {
    content: "\f105";
    position: absolute;
    font-family: 'FontAwesome';
    top: -3px;
    right: -43px;
    font-size: 1.5em;
    font-weight: 500;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    color: #0F2B5B;
    -webkit-box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 75%);
    transition: all 0.3s ease;
}
#innerpage-box .serbtn a span:hover:after{
    right: -45px;
     transition: all 0.3s ease;
}

/*----------------------------------------*/
/* project / inner Page
/*----------------------------------------*/
#innerpage-box .single-project-bx{display: none;}
#innerpage-box .single-project-bx-inn {
    position: relative;
    padding: 0 1.7em 2em;
}
#innerpage-box .single-project-bx-inn .single-project {
    position: relative;
    transition: all 0.5s ;
    box-shadow: 0px 5px 27px 3px #00000029;
}
#innerpage-box .single-project-bx-inn .project-title-box{
    z-index: 1;
    transition: all 0.3s;
    position: absolute;
    bottom: 25px;
    right: -1em;
    left: 2.2em;
    background-image: linear-gradient( 71deg,#FE5D00 22%,#fff 10%);
}
#innerpage-box .single-project-bx-inn .project-icon{position: relative;}
#innerpage-box .single-project-bx-inn .project-link{display: none;}
#innerpage-box .single-project-bx-inn .project-title-box i {
    font-size: 42px;
    font-weight: 500;
    padding: 14px 0;
    color: #fff;
    transition: all 0.3s ease;
}
#innerpage-box .single-project-bx-inn .single-project h5{
    font-weight: 600;
    line-height: 27px;
    padding: 8px 0px 8px 10px;
    margin: 0 !important;
    transition: all 0.3s ease;
}
#innerpage-box .single-project-bx-inn .single-project:hover h4{
    color: #112B5C;
     transition: all 1s ease;
}
#innerpage-box .single-project-bx-inn .single-project:hover .project-title-box i{
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    transition: all 0.3s ease;
}
@-webkit-keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}
/*=========== img =================*/
#innerpage-box .single-project-bx-inn .project-icon img{
    transition: all 0.5s ease 0s;
    width: 100%;
    height: 425px;
}
/*-----------------------
## Site map Template 
-----------------------------*/

div#sitemap-box { border-top: 2px solid #f94c34;border-radius: 0;}
div#sitemap-box:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 35px;
    border-width: 2px;
    border-style: solid;
    border-color: #f72985;
    right: 0;
    top: 16px;
    left: 0%;
    margin: 0 auto;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(90deg);
    z-index: 1;
}
div#sitemap-box h3 {
      font-size: 20px;
    background: #2e2e2e;
    padding: 10px 10px;
    color: #ffffff;
    border-radius: 10px;
    text-align: center;
    word-break: break-word;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    font-weight: 500;
}
.page-template-templates main#innerpage-box div#sitemap-box h3:after {  display: none;}
main#innerpage-box div#sitemap-box ul li {list-style: none;padding-bottom: 5px;}
main#innerpage-box div#sitemap-box ul li a {position: relative;padding-left: 20px;}
main#innerpage-box div#sitemap-box ul li a:before {
    content: "\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #f72985;
    font-size: 10px;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
main#innerpage-box div#sitemap-box ul li a:hover:before {transform: scale(1.4);}
div#sitemap-box ul { margin: 0;}
div#sitemap-box .sitemap-blogposts ul { padding: 5px 5px 5px 0;margin: 0;}
div#sitemap-box .sitemap-posts-box {margin-bottom: 15px;}
div#sitemap-box .blogpostsitemap li {list-style: none;}
div#sitemap-box .sitemap-posts-box img {width: 100%;}
div#sitemap-box h3:before {
      position: absolute;
    content: "";
    display: inline-block;
    width: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: #f94c34;
    right: 0;
    top: 9px;
    left: 0%;
    margin: 0 auto;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(90deg);
    z-index: 1;
}

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

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


/*====## Contact Template {contact Inner Page}=====*/
/*-----------------------*/

#innerpage-box .contact-address-area { position: relative; overflow: hidden;}
.contact-address-area .contform{margin: 0em 7em 2.5em 7em;  text-align: center;}
.contact-address-area .conlbx-title {font-size: 50px;font-weight: 700;line-height: 45px;margin: 0em 0 0.3em 0;}
.contact-address-area .conlbx-txt{font-size: 20px;padding: 0 5em;font-weight: 400;line-height: 30px;}
.contact-address-area .cntlhsbx p { font-size: 15px; padding: 8px 0;}
#innerpage-box .cntlhsbx {position: relative;padding: 3.5em 10em 2em;}
#innerpage-box .cntpgbx {padding: 1em;margin: 0em 0em 1em 0em;text-align: center;position: relative;overflow: hidden;}
#innerpage-box .contact-phn{background: #28416c;padding-bottom: 4.5em;margin: 0 1em;}
#innerpage-box .contact-mail p{margin: 3px 0 10px !important;}
#innerpage-box .cntpgbx i{font-size: 45px;font-weight: 500;}
#innerpage-box .cntpgtxt h3{font-size: 30px;margin: 25px 0 25px 0 !important;font-weight: 600 !important;font-style: italic;}
#innerpage-box .cntpgtxt h3:after{display: none !important;}
#innerpage-box .cntpgtxt p, #innerpage-box .cntpgtxt span {
    word-break: break-all;
    font-size: 18px;
    margin: 3px 0 20px;
    padding: 0;
    font-weight: 600;
    line-height: 30px;
}
#innerpage-box .cntpgtxt span{padding-left: 10px;}
#ht-contactus-wrap .contact-form{ position: relative; overflow: hidden;}
#innerpage-box .contact-mapbox iframe { width: 100%; height: 550px;}
#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-top: 35px;
    border: 1px solid #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 16px 18px 15px;
    border-radius: 4px;
    background: #f3f3;
    width: 99%;
}
/*#innerpage-box .contact-mapbox { border: 1px solid #d33;}*/
#ht-contactus-wrap textarea {  height: 99px;}
#ht-contactus-wrap input[type="submit"] {
    position: relative;
    padding: 11px 130px 11px 38px;
    margin-top: 35px;
    font-weight: 600;
    font-size: 33px;
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    border-radius: 0px;
    box-shadow: none;
    transition: all 2s ease-in-out;
}
#innerpage-box #ht-contactus-wrap input[type="submit"]:hover{ transition: all 2s ease-in-out;}
/*-----------------------
## FAQS page
-----------------------------*/
.faq_tp {padding-bottom: 3.3em;}
.faq_bm h1:after,.faq_tp h3:after,.faq_tp h1:after{display: none !important;}
.faq_bm h4,.faq_tp h4{font-weight: 700 !important ;}
.faq_tp .faq-heading{
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 11px;
}
/*#content-box .faq_bm p{font-size: 18px; font-weight: 500;}*/

#content-box .faq-form input[type="text"], 
#content-box .faq-form input[type="email"], 
#content-box .faq-form input[type="url"],
#content-box .faq-form input[type="password"], 
#content-box .faq-form input[type="search"], 
#content-box .faq-form input[type="number"], 
#content-box .faq-form input[type="tel"], 
#content-box .faq-form input[type="range"], 
#content-box .faq-form input[type="date"], 
#content-box .faq-form input[type="month"], 
#content-box .faq-form input[type="week"], 
#content-box .faq-form input[type="time"], 
#content-box .faq-form input[type="datetime"], 
#content-box .faq-form input[type="datetime-local"], 
#content-box .faq-form input[type="color"], 
#content-box .faq-form select, 
#content-box .faq-form textarea {
    margin-bottom: 15px;
    border: none; 
    /*border: 2px solid;*/
    font-size: 15px;
    padding: 18px 20px;
    border-radius: 10px;
    background-color: #f3f3;
}
#content-box .faq-form textarea {height: 100px;}
#content-box .faq-form input[type="submit"]{
    font-size: 16px;
    padding: 12px 35px;
    border-radius: 50px;
    font-weight: 600;
}
#content-box .faq-form input[type="submit"]:hover {
    -webkit-animation-name: wobble-top;
    animation-name: wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes wobble-top{16.65%{-webkit-transform:skew(-12deg);
    transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);
    transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);
    transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);
    transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);
    transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}
}
div#content-box .faq-content button.accordion {
    position: relative;
    overflow: hidden;
    color: #444;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    margin: 0;
    background: #fbb34d;
    padding: 18px 135px 18px 85px;
    border-radius: 0px;
    border: 1px solid #0E2957;
    transition: all 0.2s ease 0s;
    box-shadow: none;
    background-image: linear-gradient( 285deg,#FE5D00 10%,#fff 6%);
}
div#content-box .faq-content button.accordion.active{
    border-bottom: none;
    transition: all 0.2s ease 0s;
}
div#content-box .faq-content button.accordion.active, button.accordion:hover {
    transition: all 0.2s ease 0s;
    opacity: 1;
}
main#innerpage-box div#content-box .faq-content button.accordion.active h3.faq-title,
main#innerpage-box div#content-box .faq-content button.accordion.active h3.faq-title small,
div#content-box .faq-content button.accordion:hover h3.faq-title,
main#innerpage-box div#content-box .faq-content button.accordion:hover h3.faq-title{
    font-weight: 600;
    transition: all 0.2s ease 0s;
}
div#content-box .faq-content button.accordion:before {
    content: "\f067";
    font-family: 'Fontawesome';
    font-size: 27px;
    right: 35px;
    top: 21%;
    width: 48px;
    height: 48px;
    line-height: 50px;
    position: absolute;
    font-weight: 300;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    transition: all 0.2s ease 0s;
}
div#content-box .faq-content button.accordion.active:before {
    content: "\f068";
    font-family: 'Fontawesome';
    transition: all 0.2s ease 0s;
}
/*div#content-box .faq-content button.accordion.active:before{color: #d33;}*/
div#content-box .faq-content div.panel {
    max-height: 0;
    overflow: hidden;
    top: -5px;
    transition: all 0.2s ease 0s;
    opacity: 0;
    border-radius: 0;
    margin: 0px 0 18px 0;
    padding: 0 180px 0 105px;
    border: 1px solid #0F2B5B;
    border-top: none;
    /*background-image: linear-gradient( 285deg,#FE5D00 12%,#fff 6%);*/
}
div#content-box .faq-content div.panel.show{opacity: 1;max-height: 500px;}
div#content-box .faq-content div.panel p{    
    margin: 0px 0 24px 0;
    line-height: 38px;
    font-size: 27px;
    font-weight: 400;
    transition: all 0.2s ease 0s;
}
main#innerpage-box div#content-box h3.faq-title {
    padding-right: 30px;
    margin: 0;
    font-weight: 400;
    line-height: 40px;
    word-break: break-word;
    text-align: left;
    font-size: 27px;
}
main#innerpage-box div#content-box h3.faq-title:after{ 
   content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #FE5D00;
    left: 40px;
    top: 40%;
}
div#content-box .faq-content.padding0 p {
    font-size: 15px;
    padding: 25px 25px 10px 25px;
    letter-spacing: 1px;
    word-break: break-word;
}
/*-----------------------
## End FAQS page
-----------------------------*/
#innerpage-box .slider{height: auto;}
.col-container { display: table; width: 100%;}
.col-facility{ display: table-cell;}
.heading.active i {box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #0158a6;}
.test-right img { width: 100%; height: 100%;}
.heading{cursor: pointer;}

@media screen and (min-width: 769px){
    .inside-full-height{height:100%}

}

/* Catalogue slider Start */

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

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

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
   
}*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
/*error start*/

.widget-area form#searchform input[type="submit"] {
    float: right !important;
    position: absolute!important;
    text-indent: -999px !important;
    background: none;
    padding: 0px !important;
    margin-top: 19%;
    width: 42px;
    height: 43px;
    right: 6%;
    border-radius: 50%;
    z-index: 999 !important;
    box-shadow: none;
}
.widget-area form#searchform:after {
   position: absolute;
    margin-top: -15.5%;
    font-size: 26px;
    right: 6%;
    color: #fff;
    background: #FF5E00;
    height: 42px;
    width: 42px;
    line-height: 38px;
    text-align: center;
    border-radius: 50%;
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
}
/*.widget-area form#searchform:after {
    position: absolute;
    margin-top: -11%;
    font-size: 18px;
    right: 0%;
    color: #010101;
    background-repeat: no-repeat;
    height: 38px;
    width: 38px;
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
}*/
/*error end*/

.home-page {  padding: 0 0 30px 0;}
#innerpage-box{padding:5em 1em 2em;}
#content-box h4{ margin: 20px 0 5px 0; }
#content-box ul{padding: 0 0 20px 0;list-style: none;font-size: 19px;margin: 0;}
#content-box ul li{position:relative;line-height: 34px;margin-bottom: 0.7em;padding-left: 30px;}
#content-box ol ol ,
#content-box ul ul {   margin-left: 15px !important;}
/*#content-box ul li:before {
    content: "\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #fff;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}*/
#content-box ul li:hover:before { transform: scale(1.4);}

.widget-area ul li:before {
    /*content:"\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #f72985;
    font-size: 10px;
     display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;*/
    display: none;
}
/*.widget-area ul li:hover:before {  transform: scale(1.4);}*/
#content-box ol li:before {
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
#content-box ol li:hover:before { transform: scale(1.2);}

main#innerpage-box #content-box ol {  margin: 6em 0 5em 2em;}
main#innerpage-box #content-box ol.commentlist{margin: 2em 0;}
main#innerpage-box #comments{margin-top: 1em;}
main#innerpage-box #content-box ol.commentlist li:after{display: none;}
#content-box ol {counter-reset: li;list-style: none;/*list-style: decimal;*/}
#content-box ol li {
   margin-top: 0.5em;
    position: relative;
    padding-left: 4em;
    min-height: 60px;
    font-size: 21px;
}
#content-box ol li:before {
    content: counter(li);
    counter-increment: li;
    color: #fff;
    background: #f07100;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 600;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 10px 30px 0 #88828230;
    z-index: 3;
}
#content-box ol li:after{
   content: '';
    position: absolute;
    left: -5px;
    top: -6px;
    width: 46px;
    height: 46px;
    background-image: linear-gradient(135deg,#0F2B5B 50%,#FF5E00 10%) !important;
    z-index: -1;
}
.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;}
.ht-post-info .entry-date span.ht-day{ font-size: 60px;line-height: 1.3; color: #fe5722;}
.ht-post-info a{
    display: block;
    text-decoration: none;
    line-height: 1.4;
    padding: 20px 0 0;
    /*text-transform: uppercase;*/
    border-top: 1px solid #EEE;
    font-size: 12px;
    color: #444;
    font-weight: 300;
}
.ht-post-wrapper{padding-left: 105px;}
.entry-figure{background: #f9f9f9; text-align: center; margin-bottom: 15px;}
.entry-header .entry-title{font-weight: 300;letter-spacing: 1px;margin-bottom: 10px;}
.entry-figure + .entry-header{background: #FFF;position: relative;margin-top: -65px;width: 90%;padding: 15px 0 1px;}
.entry-header .entry-title a{ text-decoration: none; color: #333;}
.entry-categories{font-size: 14px;color: #666;font-style: italic;margin-bottom: 15px;}
.entry-categories .fa{ color: #fe5722;margin-right: 8px;}
.entry-categories a{color: #666;text-decoration: none; }
.entry-readmore{margin-top: 20px;}
.entry-readmore a{
    background: #fe5722;
    padding: 0 20px;
    line-height: 40px;
    color: #FFF !important;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
}

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

.error404 .oops-text{text-align: center;}
.error-box{margin-top: 7em;}
.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 {
    overflow: hidden;
    width: 52px;
    height: 39px;
    line-height: 35px;
    border-radius: 0px 50px 50px 0;
    z-index: 999;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 12px;
    right: 30px;
    color: #fff;
    text-align: center;
    font-size: 32px;
    padding: 1px 0px 0px 6px;
    text-decoration: none;
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
    background: #d33;
}

#back2Top a {color: #666;text-decoration: none;}
#back2Top a:hover {color: #000;}
.widget-area ul ul {
    margin-top: 5px;
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
main#innerpage-box #sidebars li {font-size: 15px;margin:0 10px;}
main#innerpage-box #sidebars li a:before{
    content: '\f013' !important;
    font-family: 'FontAwesome';
    position: absolute;
    left: -1em;
    font-size: 16px;
    background: #0F2B5B;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin-top: 9px;
    color: #fff;
}

/*.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;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;}
main#innerpage-box #comments li.comment {
    background: transparent;
    border: 0;
    position: relative;
    overflow: hidden;
}
.woocommerce ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price del { font-size: 15px;}
.single-productpage h2.woocommerce-loop-product__title {line-height: 33px; word-break: break-word;}
main#innerpage-box div#commentsAdd textarea#comment {background: transparent;}
div#respond textarea#comment { background: transparent;}
div#comments input[type="submit"] {padding: 10px 20px;border-radius: 5px;height: 50px;}
main#innerpage-box .woocommerce-product-search .search-field {border: 1px solid #e9e7e7;background: transparent;}
.woocommerce div.product .woocommerce-tabs .panel {background: transparent !important;border: none !important;}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, .woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, 
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, .woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]{opacity: 1;}
div#secondary .social-profile-icons ul li i {
    padding: 15px 7px 0px 7px;
    margin: 0;
    font-size: 20px;
}

/*-----------------------
## Start search
-----------------------------*/
main#innerpage-box h2 a {color: #000;font-weight: 600; margin-bottom: 10px;}
.entry-readmore a {
    padding: 2px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
/*-----------------------
## End search  
-----------------------------*/

/*-----------------------
## Blog Inner Page 
-----------------------------*/
#innerpage-box .inner-blog-post{ margin: 0em 0em 4em 0em;}
#innerpage-box .inner-blogpost {background: #d33;position: relative;margin: 0 0.6em;box-shadow: 0px 0px 20px #0000001A;}
#innerpage-box .inner-blogpost:after{
    content: '';
    position: absolute;
    width: 70%;
    background: #FE5D00;
    height: 9px;
    top: -4px;
    display: block;
    left: 0;
    right: 0;
    border-radius: 50px;
    margin: 0 auto;
    transition: all 0.5s;
}
#innerpage-box .inner-blogpost:hover:after{
    width: 30%;
}
#innerpage-box .inner-blogpost .ht-blog-thumbnail { overflow: hidden; position: relative;}
#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
    height: 255px;
    border-radius: 0;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    transform: scale3d(1.1, 1.1, 1)
}
#innerpage-box .inner-blogpost:hover .ht-blog-thumbnail img{transform: scale(1);}
#innerpage-box .ht-blog-thumbnail .overlay{
    border-radius: 0;
    position: absolute;
    background: #d33;
    opacity: 0; 
    right: 0%;
    top: 0%;
    bottom: 0;
    left: 0;
    transition: all 0.4s;
}
#innerpage-box .inner-blog-post .inner-blogpost:hover .overlay {opacity: 0.4;transition: all 0.4s;}
#innerpage-box .inner-blogpost .blog-Athr li{list-style: none;word-break: break-word;}
#innerpage-box .inner-blogpost .blog-Athr li.b-date {
    background-image: linear-gradient( 254deg,#fff 77%,#FE5D00 10%);
    padding: 7px 10px 7px 7px;
    font-size: 16px;
    font-weight: 600;
    z-index: 9;
}
#innerpage-box .inner-blogpost-info { padding: 0.8em 2.3em 1em 1.3em; position: relative;}
main#innerpage-box #blog-box h2{font-weight: 600;word-break: break-word; margin: 0;line-height: 35px;}
#innerpage-box .inner-blog-excerpt {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    word-break: break-word;
    padding: 2px 0 0em 0;
    position: relative;
}
#innerpage-box .inner-blog-excerpt .blogbtn {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #F65A00;
    display: inline-block;
}
/*#innerpage-box .inner-blogpost .blog-comm,*/
#innerpage-box .inner-blogpost .blog-Athr {
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    background: #f3f;
    padding: 0.5em 1.5em 0.5em 1.3em;
    position: relative;
    display: flex;
    justify-content: space-between;
}
#innerpage-box .inner-blogpost li.b-athr {
    position:relative;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 25px 8px 0;
}
#innerpage-box .inner-blogpost li.b-athr:after{
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 0;
    border-right: 1px solid #FFFFFF;
}
#innerpage-box .inner-blogpost .blog-Athr .fa-comments-o{ padding:0 10px;}
#innerpage-box .inner-blogpost .blog-Athr i {padding-right: 15px;font-size: 18px;}
/*.inner-blog-post .blogpgbtn {text-align: right;}*/
/*.inner-blog-post .blogpgbtn a {
    margin-top: 0.5em;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    background: #f72985;
    color: #fff;
    font-weight: 400;
    padding: 6px 26px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 20px;
    z-index: 1;
    word-break: break-word;
    transition: all 0.2s ease 0s;
    white-space: normal;
    transition: color 0.2s;
    box-shadow: 3px 3px 8px 2px rgb(20 20 20 / 28%);
}
.inner-blog-post .blogpgbtn a > span:before{
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #f7f6c0;
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: -1;
    transform: translateY(-50%);
    transition: left 0.3s ease 0s, border-radius 0.3s ease 0.3s, height 0.3s ease 0.3s, width 0.3s ease 0.5s;
}
.inner-blog-post .blogpgbtn a:hover span:before{width: 100%;height: 100%;border-radius: 40px;left: 0;}
*/

/*--------------------------------------------------------------
## Inner Page Heading
--------------------------------------------------------------*/
body.page-template-default main#innerpage-box h1,
body.page-template-default main#innerpage-box h2,
body.page-template-default main#innerpage-box h3,
body.page-template-default main#innerpage-box h4,
body.page-template-default main#innerpage-box h5,
body.page-template-default main#innerpage-box h6,

.page-template-templates main#innerpage-box h1,
.page-template-templates main#innerpage-box h2,
.page-template-templates main#innerpage-box h3,
.page-template-templates main#innerpage-box h4,
.page-template-templates main#innerpage-box h5,
.page-template-templates main#innerpage-box h6
 {word-break: break-word;font-weight: 700;margin: 20px 0;}

/*body.page-template-default main#innerpage-box h1:after,
body.page-template-default main#innerpage-box h2:after,
body.page-template-default main#innerpage-box h3:after,
body.page-template-default main#innerpage-box h4:after,
body.page-template-default main#innerpage-box h5:after,
body.page-template-default main#innerpage-box h6:after,

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

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

.page-template-templates main#innerpage-box #blog-box h2:after { display: none;}
.wp-block-group__inner-container h2,
 #innerpage-box .widget-area .widget-title {
   font-size: 25px !important;
    color: #000;
    font-weight: 600;
    background: #f3f;
    padding: 17px 10px 19px 15px;
    margin: 0px 0px 20px 0;
    position: relative;
    display: block;
    border-radius: 0;
    text-align: left;
    position: absolute;
    right: 0;
    left: 0.7em;
    top: -1em;
    box-shadow: 0px 6px 26px 1px #00000029;
    background-image: linear-gradient( 62deg,#FF5E00 60%,#fff 10%) !important;
}
main#innerpage-box .widget-area .tagcloud a {
    margin: 0px 4px;
    padding: 0px 2px;
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
    background: none;
    text-align: center;
}
.widget-area .tagcloud {list-style: none;padding: 0;margin: 1em 0 0 0;}
.widget-area .textwidget { 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 .woocommerce-product-search, 
.widget-area form#searchform { width: 100%;  padding: 0px;}
.widget-area ul ul li a:before {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f105";
    margin: 0 5px 0;
}
.widget-area ul ul {border-radius: 0;border:none;}
.widget-area ul ul li {padding-left: 10px;border-bottom: none;}
.widget-area ul ul li a {padding: 0;}
.widget-area ul ul li.current_page_item > a,
.widget-area ul ul li.current_page_item > a:hover{ background:none; }
.widget_calendar table thead tr th {
    font-size: 12px;
    padding: 10px;
    text-align: center;
    border: none;
    color: #fff;
}
.widget_calendar table tbody td {
    font-size: 13px;
    padding: 6px 5px;
    text-align: center;
    background-color: transparent;
    border: none;
    color: #444;
}
.widget_calendar tfoot tr td {border: none; padding: 0px;}
/*--------------------------------------------------------------
## Odometer CSS
--------------------------------------------------------------*/
.odometer.odometer-auto-theme, 
.odometer.odometer-theme-default {
    display: block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, 
.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display: block;}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0);}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {  position: absolute;}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

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

/*--------------------------------------------------------------
## WooCommerce CSS
--------------------------------------------------------------*/
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product{ padding-bottom: 45px !important;}
/*.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover {

}*/
.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover{border-color: #6a1b9a;}
 main#innerpage-box h2.woocommerce-loop-product__title {font-weight: 600;}
.woocommerce ul.products li.product a img{ border: 5px solid #f1f0f0 !important; height: auto;}
.woocommerce div.product div.images img {border: 2px solid #f1f0f0 !important;}
.woocommerce ul.products li.product .total-product-title-wrap{padding: 10px 10px 0;}
.woocommerce ul.products li.product a{color: inherit;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{margin: 0 0 6px;padding: 0;}
.woocommerce div.product div.images .flex-control-thumbs{ margin: 5px -5px 0;}
.woocommerce div.product div.images .flex-control-thumbs li{ padding: 5px;}
.woocommerce ul.products li.product .price{font-weight: 500;font-size: 20px;color: #fe5722;margin: 0;}
.woocommerce ul.products li.product .price del{ display: inline;color: #999;opacity: 1;}
.woocommerce ul.products li.product .price ins{display: inline;font-weight: 400;}
.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals {float: right;width: 100%;}
.woocommerce-MyAccount-navigation ul li:before{display: none;}
.woocommerce-MyAccount-navigation ul li a{
    background: none;
    font-size: 16px;
    margin-bottom: 5px;
    display: inline-block;
    color:#fc856d;
    padding: 0px 20px;

}
.woocommerce-MyAccount-navigation ul li{margin: 5px 0 !important;}
.woocommerce-MyAccount-navigation-link.is-active a{color:#000 !important;}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    padding: 10px 20px;
    font-weight: 400;
    border-radius: 5px;
    color: #FFF;
    background-color: #fe5722;
    border:1px solid #fe5722;    
    margin-bottom: -20px;
    line-height: 20px;
    font-size: 0.9em;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover{background: #333;color: #FFF;}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button { color:#fff !important;}
.woocommerce ul.products li.product .button{
    margin: 0;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    font-size: 16px;
    background-color: #ec5597;
    border: 1px solid #ec5597;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

.single_inner .page-main-header {  display: none;}
.woocommerce ul.products li.product:hover .button{border-color: #fe5722;background-color: #fe5722;color: #FFF;}
.woocommerce ul.products li.product .button.loading{  opacity: 1;}
.woocommerce a.added_to_cart{
    padding-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 25px;
    font-size: 13px;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt{ border-color: #fe5722;background-color: #fe5722;}
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover{background: #333;border-color: #333;color: #FFF;}
.woocommerce nav.woocommerce-pagination ul{border: 0;margin: 0;}
.woocommerce nav.woocommerce-pagination ul li{border: 0;margin: 0 4px;}
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span{
    display: block;
    background: #fe5722;
    color: #FFF;
    padding: 8px 12px;
    line-height: 1;
    border-radius: 2px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current{background: #333;color: #FFF;}
.woocommerce span.onsale{
    min-height: 0;
    min-width: 0;
    padding: 0 15px;
    font-weight: 400;
    line-height: 26px;
    border-radius: 0;
    background-color: #fe5722;
    color: #fff;
    font-size: 14px;
    margin: 10px 0 0 -6px;
    top: 0;
    left: 0;
}

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

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

.woocommerce div.product p.price, 
.woocommerce div.product span.price{color: #fe5722}
.woocommerce div.product p.price ins, 
.woocommerce div.product span.price ins{font-weight: 400;}
.woocommerce .product_meta{font-size: 15px;}
.woocommerce .product_meta a{color: inherit;}
.woocommerce .product_meta a:hover{ color: #fe5722;}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding: 0;border-bottom: 2px solid #fe5722;padding-bottom: 10px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before{ display: none !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {padding: 10px 0;font-weight: 400;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 0;
    background-color: #333;
    border-radius: 0;
    margin: 0 6px 0 0;
    padding: 0 20px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{ background: #fe5722;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ color: #FFF !important;}
.woocommerce #reviews #comments h2,
.woocommerce #reviews h3{font-size: 22px; margin-bottom: 30px;}
.woocommerce-Reviews .comment-form-author, 
.woocommerce-Reviews .comment-form-email{ width: 100%;}
.woocommerce-Reviews .comment-form-author input,
.woocommerce-Reviews .comment-form-email input{width: 100%;}
.related.products h2{ margin-bottom: 30px;}
.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, .woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]{background: #fe5722;padding: 10px 20px;color: #FFF;}
.woocommerce #respond input#submit.disabled:hover, 
.woocommerce #respond input#submit:disabled:hover, 
.woocommerce #respond input#submit:disabled[disabled]:hover, 
.woocommerce a.button.disabled:hover, 
.woocommerce a.button:disabled:hover, 
.woocommerce a.button:disabled[disabled]:hover, 
.woocommerce button.button.disabled:hover, 
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover, 
.woocommerce input.button.disabled:hover, 
.woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover{background: #333;color: #FFF;}

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

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

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

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

.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th{font-weight: 400;}
#customer_details{ margin-bottom: 40px;}
.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register{border: 1px solid #EEE;border-radius: 0;   padding: 10px;}
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order{
    float: none;
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

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

.woocommerce ul.cart_list li a, 
.woocommerce ul.product_list_widget li a{font-weight: 400;}
/*.woocommerce a.remove{font-family: Arial; font-weight: normal;}*/
.woocommerce .widget_shopping_cart .cart_list li a.remove, 
.woocommerce.widget_shopping_cart .cart_list li a.remove{ top: 8px;}
.woocommerce .widget_layered_nav ul li{ padding: 5px 0;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ background-color: #FFF; border: 4px solid #fe5722;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{ background-color: #fe5722}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color: #EEE;}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    height: 20px;
    width: 20px;
    top: -6px;
    margin-left: -10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{ list-style: none;}
.woocommerce-MyAccount-navigation-link a{
    background: #fe5722;
    color: #FFF;
    padding: 10px 20px;
    margin-bottom: 5px;
    display: block;
}
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover{ background: none;}
.woocommerce ul.products li.product strong {display: inline-block;}


/* Testimonial slider css */
./*quote { color: rgba(0,0,0,.1);text-align: center;margin-bottom: 30px;}*/

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

div#content li.blocks-gallery-item:before {content: none;}
div#content li.blocks-gallery-item {padding: 14px 14px 0 14px;}
div#content li.blocks-gallery-item img:hover {opacity: 0.5;}
.single_post .datebx{ border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.single_post .datebx li{list-style: none; display: inline-block;}
.single_post .datebx .post-date-publishable {display: inline-block; margin-left: 10px; padding-top: 15px;padding-bottom: 15px;}
.single_post .datebx  i { padding-right: 10px;}
.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;
}
div#secondary.widget-area .widget { padding: 3.5em 1.3em 3.1em 1.5em;}
div#secondary.widget-area .widget_recent_entries{padding: 3.5em 1.3em 0.5em 1.5em;}
div#secondary.widget-area .widget_nav_menu {padding: 3.5em 0em 0.6em 0em;}
div#secondary.widget-area .widget_nav_menu ul{padding:0;}
div#secondary.widget-area .widget_nav_menu ul li{padding: 6px 45px 6px 25px;}
div#secondary.widget-area .widget_nav_menu li a:before{display: none;}
div#secondary.widget-area .widget_nav_menu li a:after{
      content: '\f101' !important;
    font-family: 'FontAwesome';
    position: absolute;
    right: 0.6em;
    font-size: 1.8em;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin-top: 9px;
    font-weight: 500;
}
div#secondary.widget-area .widget_nav_menu li a{font-weight: 600;}
div#secondary.widget-area .widget_nav_menu li {margin: 0 0 0.7em !important;box-shadow: 0px 3px 20px #00000029;}
#secondary label{margin-bottom: 10px;}
/*--------------------------------------------------------------
# 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;padding: 0px 0 8px;}
.widget-area .woocommerce .product_list_widget li .star-rating {
    float: right;
    position: relative;
    height: 1.5em;
    line-height: 1;
    font-size: 1em;
    width: 63%;
    font-family: star;
    overflow: initial;
    margin-bottom: 10px !important;
}
main#innerpage-box .woocommerce-product-details__short-description ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #999;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}

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

@media screen and (min-width: 1024px) and (max-width: 1300px){
.page-template-default #innerpage-box .service_inbox .title {  margin: 0;}
main#innerpage-box .ht-blog-thumbnail img {height: 272px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .head-inn {background-image: linear-gradient( 116deg,#fff 51%,#212123 20%);}
    .counter-area .single-top:nth-child(even):after{border-right: none !important;display: none;}
    .contact-area .form-social:before{width: 45%;}
    .testimonials-area .ts-area-thumb:before{right: 4em;}
    .testimonials-area .ts-area-thumb{margin-bottom: 1em;}
    #call-now-section .titlebx-shd1, #call-now-section .titlebx-shd2{margin-left: 13em;}
    #call-now-section .titlebx{margin-left: 7em;}
    #call-now-section .call-icon{width: 13%;}
    #call-now-section .titlebx{padding: 1.2em 8em 1.3em 3.7em;}
    .service-area .sertxbx{margin: 0 0.4em 0 2em;}
    #contact {padding-top: 7em !important;}
    div#content-box .faq-content button.accordion{padding: 20px 95px 20px 55px;}
    main#innerpage-box div#content-box h3.faq-title:after{left: 20px;}
    div#content-box .faq-content div.panel{padding: 0 120px 0 75px;}
    .widget-area form#searchform:after{right: 4%;margin-top: -9%;}
    .slider_section .title{font-size: 45px;line-height: 60px;}
    .slider_content{width: 700px;top: 25% !important;}
    .comment-form-author, .comment-form-email, .comment-form-url{width: 45%;}
    #innerpage-box .ts-area-thumb .ts-area-tri{right: 5em;}
}
@media screen and (min-width: 992px) and (max-width: 1299px){
    header .htop{padding: 1.5em 0em 1em 5em;}
    header .hphone{font-size: 19px;}
    header .head-contact i{font-size: 45px;width: 70px;height: 70px;line-height: 74px;left: 0px;}
    .navigation .mainmenu{text-align: left;}
    .slider_content{width: 780px;margin-left: -520px;}
    .slider_section .title{font-size: 45px;}
    #about .section-title h2{font-size: 30px;}
    .service-area .sertxbx_{margin: 0 0em 0 2em;}
    .service-area .serbtn{right: -1em;}
    .service-area .serbtn a{font-size: 16px;}
    .counter-area .cd-single{padding: 30px 3px 70px;}
    .counter-area .cd-title{font-size: 25px;}
    .contact-area .form-call li a{margin-left: 15px;}
    .contact-area .contact-rightbox{padding: 4.5em 2.5em 4em 4em;}
    #team .team-social-icon{bottom: 3.5em;}
    #team .team-text{width: 85%;}
    #call-now-section .right-bx h2{font-size: 40px;}
    .testimonials-area .ts-area-thumb img{height: 70px;border: 7px solid #FE5D00;}
    .testimonials-area .ts-area-thumb:before{right: 1.6em;}
    #project .section-leftbx{margin-right: 0em;}
    #project .single-project h4{padding: 10px 30px 10px 10px;}
    #project .single-project-bx{padding: 0 0.5em 1em;}
    #newsletter .newstitle h3{margin: 0 1em 0 0 !important;}
    #clientlogo .owl-nav .owl-prev{left: -2em;}
    #clientlogo .owl-nav .owl-next{right: -2em;}
    .footer-area .social-profile-icons ul li a{margin: 0 11px 0 0;}
    .footer-area .widget_nav_menu li a{padding-right: 20px;}
    #call-now-section .right-bx{padding: 3em 5em 3em 3em;}
    #call-now-section .call-icon{width: 23%;}
    .service-area .sertxbx{margin: 0 0.4em 0 1em;}
    #innerpage-box .single-project-bx-inn .project-title-box{left: 1em;}
    #innerpage-box .inner-team h2.inner-area-title{font-size: 21px;}
    #innerpage-box .inner-team{padding: 0 0.5em;}
    #innerpage-box .innergalry{padding: 0;}
    .contact-address-area .contform{margin: 0em 4em 4em 4em;}
    .widget-area form#searchform:after{right: 8%;margin-top: -22%;}
    .navigation .mainmenu li{padding: 0 10px;}
    .navigation .mainmenu>li>a{margin: 10px 0 3px !important;}
     #innerpage-box .inner-blogpost .blog-Athr li:last-child {float: none;margin-top: 10px;}
     .contact-area .contact-content .contact-icon i{font-size: 25px;}
     .service-area .single-service-bx{padding: 0 1.5em;}
     #innerpage-box .ts-area-img{padding: 0 5px 0 0;}
     #innerpage-box .ts-area-thumb img{border-width: 9px;height: 100px;}
     #innerpage-box .ts-area-thumb .ts-area-tri{right: 2.6em;}
}
@media only screen and (max-width: 1299px) {
.slider_content {left: 58%;top: 43%;}
/*.slider_section .bx-wrapper .bx-controls-direction a{top: 87%;}*/
.slider_section .bx-wrapper .bx-prev { left: 0%;}
.slider_section .bx-wrapper .bx-next {  right: 0%;}
.slider_section .bx-wrapper .bx-controls-direction a{top: 55%;}
#about .about-area-data { margin-left: 0em;}
#team .teambx { padding-left: 0em;}
#team .team-social-icon a i { margin: 0 6px;}
#team .lhsteam-img img,
#team .single-team-img img{height: 320px;}
#innerpage-box .single-team { padding: 0 15px; margin-bottom: 2em;}
#innerpage-box .cntpgbx { margin: 0em 0em 1em 0em;}
#innerpage-box .single-project-bx { padding: 0 15px;margin-bottom: 1.5em;}
#innerpage-box .inner-blogpost{margin: 0 ;}
#innerpage-box .inner-blog-post { margin: 0em 0em 3em 0em;}
.blog-area .blog-post { padding: 0 15px;}
#about .about-area-data p{padding: 0 1em 0 0;}
#about .aboutus-single{margin-bottom: 2em;}
.blog-area .blog-posts{margin-top: 0;}
#features-section .sumo{padding: 0 2em;}
#team .our-team{padding: 0;}
#team .team-text{padding: 15px 15px 10px;}
#team .team-text h4{font-size: 20px;}
#innerpage-box .single-project-bx-inn{padding: 0 1em 2em;}
#innerpage-box .single-project-bx-inn .project-title-box{background-image: linear-gradient( 82deg,#FE5D00 23%,#fff 10%);}
div#content-box .faq-content button.accordion:before{right: 4px;}
 #innerpage-box .cntlhsbx {padding: 3.5em 1em 2em;}
 .wp-block-group__inner-container h2, #innerpage-box .widget-area .widget-title{font-size: 23px !important;}
.blog-area .blog-date{top: -35px;}
.counter-area .cd-num{font-size: 35px;}
#innerpage-box .inner-blogpost .blog-Athr{padding: 0.5em;display: block;text-align: center;}
#innerpage-box .inner-blogpost .blog-Athr li{display: inline-block;}
}
@media screen and (min-width: 1300px) and (max-width: 1440px){
    .slider_content{left: 48%;}
    .slider_section .bx-wrapper .bx-prev{left: 1%;}
    .slider_section .bx-wrapper .bx-next{right: 1%;}
    #clientlogo .owl-nav .owl-prev{left: -1em;}
    #clientlogo .owl-nav .owl-next{right: -1em;}
    #innerpage-box .cntlhsbx{padding: 3.5em 1em 2em;}
}
@media screen and (max-width: 1200px){
.ct-btn-scroll{
    bottom: 20px;
    }
}
@media only screen and (max-width: 1200px) {
    .new-page.menu-new{
        display:none;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
#quote-carousel .carousel-control.left {  left: -42px;}
#quote-carousel .carousel-control.right {  right: -42px;}
.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {   top: -5px;}
.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {  top: -14px;}
.service-area h4 { font-size: 25px;}
.facility-area .inner-area-title { font-size: 19px;}
.single-team .in-our-team ul > li > a {
    line-height: 30px;
    width: 30px;
    height: 30px;
}
}

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

@media screen and (min-width: 320px) and (max-width: 1024px){
header.site-header span.text, .single-header-info span.theme-color{font-size: 11px;}
header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0%;}
.facility-area .btn{padding: 18px 40px;}
header.site-header .list-inline.m-a0{padding-left: 0px !important;}
header.site-header .text-bx.padding0{padding-left: 15px;}
header.site-header input[type="search"] {
    width: 100%;
}
}

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

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

@media (max-width: 1012px){
.header-transparent .sticky-header {padding: 0;
}
}

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

@media (max-width: 992px){
.sf-arrows .sf-with-ul:after{ right: 30px !important;}
.ht-site-title, .site-title { font-size: 23px;}
.top-bar-head .head-menu { padding-right: 0;}
 .logo { position: relative; 
    top: 0px !important;
    background: none !important;
    padding: 0;
}
}
@media only screen and (max-width: 991px) {
.dlab-topbar-right {padding-left: 0;padding-right: 15px;}
.dlab-topbar-left{
    padding-right: 0;
}
}

@media screen and (max-width: 575px) {
    header .js-nav-toggle{margin: 19px 0px !important;right: -10px;}
    .counter-area .cd-title{font-size: 25px;}
    .counter-area .cd-icon span{font-size: 30px;}
    .counter-area .cd-num{font-size: 35px;}
    .counter-area .single-top:after{display: none;}
    header .hphone{display: none;}
    header .head-contact .tooltiptext{
        display: block;
        visibility: hidden;
        width: auto;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 0px 8px;
        position: absolute;
        right: 0;
        bottom: -10px;
        z-index: 1;
    }
    header .head-contact .tooltiptext a{color: #fff}
    header .head-contact .head-icon:hover .tooltiptext{visibility: visible;}
.comment-form-author, .comment-form-email, .comment-form-url{width: 100%;}
}

@media screen and (max-width: 991px) {
.head-inn{background-image:none !important;display: flex;}
.navigation .mainmenu li.current_page_item:after, .current_page_item:after{display: none;}
header .hphone {margin: 13px 10px;font-size: 20px;}
.site-navigation{background:none ; float: right;}
header .head-text p{margin-left: 10px;}
.site-header {position: relative;}
header .head-contact i{font-size: 25px;width: 40px;height: 40px;line-height: 40px;}
.top-bar-head .head-menu{order: 3;align-self: center;}
.top-bar-head .mobi{order:2;align-self: center;}
.slider_content { left: 0%; right: 0; margin: 0 auto; }
.bx-controls-direction { display: none;}
.section-title { margin-bottom: 1em !important;}
#testimonials .owl-dots {display: none;}
#testimonials .section-title {margin-bottom: 1em !important;}
.service-area h4 { font-size: 20px !important;}
.service-area p { font-size: 16px !important;}
#team,#testimonials,#blog ,#ourclient,#features-section{ padding: 2em 0 !important;}
#service{padding: 2em 0 0em !important;}
#project,#about{ padding: 0em 0 !important;}
#call-now-section{padding-bottom: 1em !important;}
#footer{ padding: 1em 0 1em 0em !important;}
.page-main-header{padding:5em 0 1em 0 !important;}
#innerpage-box {  padding: 2em 0em ;}
.contact-address-area .contform { margin: 1em 0 1em 0;}
.contact-address-area .conlbx-title { margin: 0.2em 0;}
.contact-address-area .contsocicn { margin-top: 0.2em;}
.contact-address-area .conlbx-title {font-size: 40px;line-height: 38px;}
.contact-address-area .contsocicn { padding: 8px 18px 3px 18px;}
#innerpage-box .cntpgicn{margin: 0 auto;}
#innerpage-box .single-project-bx .right {top: -2.3em;}
#innerpage-box .single-project-bx { padding: 0 20px;}
#innerpage-box .single-project .projicn { margin: 4px auto;}
.section-title h2 {  font-size: 40px;}
.blog-area .blog-date { padding-bottom: 4px;}
.blog-area .blog-posts h4 {margin: 2px 0;}
.blog-area .blog-single { padding: 1em 1em 1em 1em;}
.blog-area .blogbtn a { margin-top: 1em;}
.blog-area .box-area-S { margin-bottom: 2em;}
#team .team-social-icon a i {  margin: 3px 3px;}
#innerpage-box .single-team { width: 50%;}
.contact-address-area .cntlhsbx{padding: 1em 0em;}
#ht-contactus-wrap .conforminn{margin: 0; padding: 1em 0em;}
.widget-area ul li:before{margin-right: 4px !important;}
main#innerpage-box #sidebars li {margin-left: 5px;}
#innerpage-box .item.innertest-item{width: 100%;}
.faq_tp .faq-heading{font-size: 28px;}
.footer-area input[type="submit"] { margin-left: 0;}
header.site-header input[type='search'], 
header.site-header input[type='search']:hover {width: 100%;}
header .htop {padding: 0.5em 0em 0em ;text-align: right;}
header .head-contact h4{display: none;}
header .head-contact i{position: relative;left: 0;margin-bottom: 20px;}
ul.sub-menu, header.site-header ul.sub-menu{border: none;}
.navigation .mainmenu li.current_page_item:after, .current_page_item:after{width: 90%;left: 15px;}
#about .about-detail-bx{left: 0;right: 0;margin: 0 auto;}
#counter {padding-top: 0em !important;}
.counter-area .counter-single-area{position: relative;top: 1em;}
.counter-area .cd-single{padding: 20px 30px 25px;}
#team .section-title h2{margin-bottom: 0px;}
#testimonials .tetimonoal-area{margin: 5px 0 45px;}
#testimonials .testimonials-single-area{margin-top: 0;}
#newsletter .newstitle h3{margin: 0 !important;}
#clientlogo .owl-theme .owl-nav{display: none;}
.counter-area .counter-post-boxes{position: relative;}
.counter-area .counter-post-boxes{padding: 0 0 0;}
.service-area .single-service-bx{margin-bottom: 5em;}
.ts-area-c {padding-right: 10px;}
#clientlogo .supp-inn{margin-bottom: 0px;}
#clientlogo{padding:1em 0 !important;}
.single-footer-2, .single-footer-3, .single-footer-4 {margin-top: 0em !important; }
.faq_tp { padding-bottom: 1em;}
.contact-address-area .conlbx-txt{padding: 0 1em;}
.wp-block-pullquote blockquote{margin: 1em 1em 0 0;}
#secondary.widget-area{margin-top: 0em;}
.menu-content {padding-right: 2em;}
 #innerpage-box .inner-blogpost .blog-Athr li:last-child{float: none !important;}
 header .htop{display: flex;justify-content: end;}
 .counter-area .cd-title{font-size: 27px;}
 .comment-metadata, .commentmetadata{padding-left: 1em;}
 div#secondary.widget-area .widget_nav_menu li{padding: 6px 25px 6px 10px !important;}
div#secondary.widget-area .widget_nav_menu li a:after{right: 4px;font-size: 25px;margin-top: 11px;}
.error-box{margin-top: 1em;}
}

@media screen and (max-width: 768px){
main#innerpage-box h6.faq-title{  padding: 10px 75px 8px 17px !important;}
.single-productpage .innerpage-whitebox,
.single-productpage #sidebars {   margin-top: 00px;}
.ht-footer.ht-footer1,
.ht-footer.ht-footer2,
.ht-footer.ht-footer3,
.ht-footer.ht-footer4 { width: 100% !important;}
.ht-main-navigation li{ padding-right: 00px;}
img.ht-page-header-img{ height: 275px;}
#quote-carousel .carousel-control.right { right: 0; top: 140px;}
#quote-carousel .carousel-control.left { left: -7px; top: 140px;}
#quote-carousel .carousel-control { margin-top: -50px;}
#about .section-title h2,.section-title h2,.contact-area .section-title h2{font-size: 28px;}
body.admin-bar .navigation { top: 45px;}
.top-bar-head {
    padding:0em !important;
}
}

@media screen and (max-width: 768px){
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li{  margin-bottom: 10px;}
.woocommerce .widget_price_filter .price_slider_amount .button{ margin-bottom: 15px;}
.ht-main-navigation a{ padding: 8px 17px;}
.ht-section-title,
.ht-section-tagline{  width: auto;}
.ht-top-footer{  margin-left: 0;}
.ht-footer{ width: auto; margin: 0 0 30px; float: none;}
#primary{width: auto !important;float: none !important;margin-bottom: 30px;}
#secondary{ width: auto !important; float: none !important; margin-bottom: 30px;
}
}

@media screen and (max-width: 611px){
.slider-btn {  margin-top: 10px;}
.slider_section a.btn {font-size: 13px;}
.slider_content { width: 400px;}
.slider_section .title {  font-size: 28px;}
.slider_section .sub-title { font-size: 15px; padding: 0.5em 0;}
/*#ht-contactus-wrap .conforminn {  padding: 1em 1em;}*/
/*#ht-contactus-wrap .contact-form { padding: 2em 1em;}*/
#ht-contactus-wrap .maintle{font-size: 30px;
}
}

@media screen and (min-width: 550px) and (max-width: 767px){
    #team .single-team{width: 50%;}
    .blog-area .blog-post{width: 50%; float: left;}
    #innerpage-box .inner-blog-post{width: 50%;}
    main#innerpage-box #blog-box h2{font-size: 20px !important;}
}
@media screen and (min-width: 375px) and (max-width: 549px){
    #team .our-team{width: 300px;margin: 0 auto 4em;}
    .blog-area .blog-post{width: 100%; float: none;}
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .slider_content{top: 15%;left: 5%; right: 5%; width: auto;}
    #features-section .sec-icn span{font-size: 25px;width: 65px;height: 65px;line-height: 66px;}
    #features-section .features-content h3{font-size: 22px;}
    #features-section .mem-inn{padding: 20px 10px 10px 50px;}
    #about .about-right .about-left-bx:after{display: none;}
    #about .about-detail-bx{position: relative;float: none;}
    /*#about .about-left-bx, #about .about-right-bx{position: relative;display: inline-flex;}*/
    #about .about-detail-bx h4{margin-top: 0px !important; }
    #about .about-detail-bx{width: 275px;text-align: center;}
    .testimonials-area .ts-area-thumb img{left: 0;right: 0;margin: 0 auto;}
    #project .section-subtitle h3{font-size: 30px;}
    #newsletter .newstitle h3{font-size: 25px;}
    #call-now-section .right-bx{padding: 1em 1em 3em;}
    #call-now-section .right-bx h2{font-size: 30px;}
    #call-now-section .callph a{font-size: 30px;}
    #call-now-section .titlebx-shd1, #call-now-section .titlebx-shd2{margin-left: 2em;}
    #call-now-section .titlebx{margin-left: 1em;}
    #features-section{padding: 1em 0 !important;}
    .service-area .sertxbx{margin: 0 0.4em 0 2em;}
    #contact {padding-top: 6em !important;}
    main#innerpage-box div#content-box h3.faq-title,
    div#content-box .faq-content div.panel p{font-size: 20px;line-height: 27px;}
    div#content-box .faq-content button.accordion{padding: 20px 100px 20px 40px;}
    main#innerpage-box div#content-box h3.faq-title:after{left: 12px;}
    div#content-box .faq-content div.panel{padding: 0 70px 0 45px;}
    #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-top: 10px;}
    .contact-address-area .conlbx-txt{margin-bottom: 0;}
    .slider_section .title{font-size: 33px;line-height: 55px;}
    .counter-area .cd-icon{text-align: right;}
    .counter-area .icn-inn:after{right: 0;left: auto;}
    #innerpage-box .ts-area-thumb img{margin: 0 auto;}
    #innerpage-box .ts-area-thumb .ts-area-tri{right: 48%;}
}
@media screen and (min-width: 320px) and (max-width: 768px){
.logobox img { padding-top: 0 !important;}
.main-dispaly.padding0 {padding-left: 20px;}
.header.site-header ul.sub-menu li a:hover{padding-left: 15px;padding-right: 15px;}
.navigation .mainmenu li ul li{ top: auto;}
.navigation .mainmenu li:hover > ul{ position: relative; top: auto;}
.navigation .mainmenu li:hover ul li:hover > ul{  position: relative; left: 0;}
.navigation .mainmenu li{bottom: auto;}
.navigation .mainmenu li ul li a{ padding: 5px 0 5px 25px;}
.navigation .mainmenu li a{ text-align: left;}
.navigation .mainmenu li:hover > ul{width: 100%;}
}

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

@media only screen and (max-width: 767px) {
   #content.post-single-content .socialMedia {
    position: relative;
    margin-top: 25px;
}
.faq_bm {  margin-top: 0em;}
.site-header .navbar-toggler, 
.site-header .is-fixed .navbar-toggler { margin: 22px 0 22px 10px; box-shadow: none;}
.text-white .site-button.outline { padding: 8px 15px;}
#about .hi-icon {top: 0px;
}
#newsletter .ht-newsletter-member-wrap input[type="submit"]{right: -0.3em;}
}

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

.footer-area .bottom-area{padding: 1em 0 !important;}
.footer-area .gallery-item{max-width: 50%;}
.footer-bottom-area ul li { margin: 0 15px;}
.footer-bottom-area.text-right {text-align: center;}
.footer-text{ text-align: center; margin-bottom: 15px;}
.header-transparent .is-fixed .main-bar h1.ht-site-title { position: relative;top: 60px;text-align: center;}
header.site-header span.text, 
.single-header-info span.theme-color {font-size: 14px;}
.bx-controls-direction { display: none;  }
header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0% !important; }
div#navbarNavDropdown{  margin: 0%; }
.ht-site-description{padding-top: 0; }
.header-transparent .is-fixed .main-bar{position: static !important;}
.header-transparent .is-fixed .main-bar h1.ht-site-title,
.header-transparent .is-fixed .main-bar p.ht-site-description { display: block;}
.navigation .mainmenu li a:after{ content: none; }
.navigation .mainmenu li ul li{ box-shadow: none; padding-left: 0; }
.sf-arrows .sf-with-ul:before{ right: 40px !important; }
.header-seo.header-transparent .is-fixed .main-bar {background-color: transparent !important;padding: 0;}
div#navbarNavDropdown li.current_page_item a:after, .current_page_item > a:after{width: 0;}
.header-seo.header-transparent .is-fixed .main-bar img {position: relative; top: 80px;}
.header-seo.header-transparent .is-fixed .main-bar .resp_header_logo{display: block;
}
}
@media screen and (max-width: 580px){  

.ht-team-counter-wrap{  margin-left: 0;}
.ht-counter{ width: 75%; float: none; margin: 0 auto 60px;}
.ht-portfolio{
    width: 50%;
    padding: 4px;
}
}

@media screen and (max-width: 520px){
.hamburger-menus {top: 3px;right: -5px;}
.s-footer { 
    margin-bottom: 1em;
}
}

@media screen and (min-width: 320px) and (max-width: 350px){
    .testimonials-area .ts-area-thumb:before{right: 5em;}
    #call-now-section .call-icon{width: 31%;}
}
@media screen and (min-width: 350px) and (max-width: 375px){
    .testimonials-area .ts-area-thumb:before{right: 7em !important;}
    #call-now-section .call-icon{width: 27% !important;}
}
@media screen and (min-width: 320px) and (max-width: 375px){
.ht-site-title, .site-title {font-size: 18px;}
.navicon { top: -60px !important;}
.team-area .inner-area-title { font-size: 15px;}
.page_featured { margin-bottom: 1em; padding: 2em 4em;}
#features-section a.fea-text{display: block;}
.contact-area .form-call li a{margin-left: 15px;}
#team .lhsteam-img img, #team .single-team-img img{height: 275px;}
#team .team-social-icon{bottom: 3.5em;}
#project .project-icon img{height: 200px;}
.blog-area .blog-thumbnail img{height: 200px;}
 #innerpage-box .inner-team h2.inner-area-title{font-size: 22px;}
 #innerpage-box .lz-gallery-images img{height: 220px;}
 .widget-area form#searchform:after{margin-top: -22%;right: 7%;}
 .service-area p{line-height: 1.3;}
 #call-now-section .titlebx-shd1, #call-now-section .titlebx-shd2{clip-path: none;}
 #call-now-section .titlebx{clip-path: none;padding: 1em 2em !important;}
 #call-now-section .call-icon{left: 0.9em !important;}
 #call-now-section .call-iconbrd2{left: 0.5em !important;top: 83px;}
 #call-now-section .call-iconbrd1{left: 0.2em !important;top: 77px;}
 #call-now-section .call-icon{top: 3em;height: 30%;}
 #call-now-section .titlebx img{height: 200px;}
 #call-now-section .call-bottombrd{bottom: -11px;}
}
@media screen and (min-width: 320px) and (max-width: 424px){
    #innerpage-box .inner-blogpost .blog-Athr li:last-child{float: none;}
}
@media screen and (min-width: 320px) and (max-width: 475px){
.slider_content { top: 12%;}
.slider_section .title { font-size: 20px;    line-height: 31px;}
.slider_section a.btn{padding: 5px 54PX 5px 11px;}
.slider_section .sub-title {font-size: 14px;line-height: 18px;}
#team .t-wave svg {  bottom: -40%;}
#testimonials .test-form {  margin: 0 1em;}
.page_featured {margin: 0 2em;margin-bottom: 1em;padding: 3em 4em;}
#innerpage-box .ts-area-single-inn { margin: 0 0em 1em 0em;}
#innerpage-box .ts-area-c i { right: 8%;}
#innerpage-box .single-team { width: 100%;}
#innerpage-box .single-team { padding: 0 0em;}
#innerpage-box .single-project-bx {padding: 0 4px;}
#innerpage-box .single-project .projicn { margin: 9px auto;}
#innerpage-box .cntpgbx{margin: 0em 0em 1em 0em;}
.faq_tp .faq-heading {  font-size: 30px;}
.faq_tp {  padding-bottom: 0em;}
body.page-template-default main#innerpage-box h1, .ht-main-title {
font-size: 25px ; 
}
.contact-area .contact-content .contact-icon i{font-size: 25px;}
#newsletter .ht-newsletter-member-wrap input[type="submit"]{bottom: 1em;right: 0;}
#features-section .sumo{padding: 0 1em 0 2em;}
#innerpage-box .single-project-bx-inn .project-title-box i{font-size: 25px;}
}

@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: 20px !important;}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, 
.woocommerce div.product .woocommerce-tabs ul.tabs li, 
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    margin-bottom: 10px;
}
}

@media screen and (min-width: 320px) and (max-width: 475px){
.footer-area .footerlayer-3{bottom: 10%;}
.footer-area .footerlayer-2{bottom: 40%;}
.footer-area .footerlayer-1{top: 2%;left: 35.3%;}
.footer-bottom-area ul li { margin: 0 10px;}
.footer-text, .footer-area li{font-size: 14px;}
.header-transparent .is-fixed .main-bar h1.ht-site-title{top: 35px;}
.resp_head_box{margin-bottom: 0;}
.header-seo.header-transparent .is-fixed .main-bar img { top: 55px;}
.header-seo.header-transparent .is-fixed .main-bar img { top: 50px;}
div#sb-search {margin-left: 0;}
header.site-header input[type="search"]{width: 100%;}
header.site-header span.sb-icon-search,
header.site-header input[type="submit"]{right: 0;}
.single-header-info { text-align: center; padding: 0;
}
}

@media screen and (min-width: 320px) and (max-width: 425px){
body {   position: inherit; }
#innerpage-box .item.innertest-item{width: 100%;}
#about .aboutarea-img img{height: 250px;}
.service-area .service-icon img{height: 250px;}
.service-area .sertxbx{position: relative;margin: 0;bottom: 0em;right: 0em;}
.service-area .serbtn{bottom: -1.1em;right: 15px;}
.service-area .single-service-bx{margin-bottom: 3em;}
.service-area .sertxbx:before{width: 50px;}
.service-area .service-detailbx{padding: 0 0 0 2em;}
.counter-area .cd-num{font-size: 35px !important;}
.counter-area .cd-single {padding: 20px;}
.contact-area .contact-rightbox{padding: 2em 1em 2em 1em;}
.testimonials-area .ts-area-single{    padding: 1em 1em 1.1em 1em;}
 #call-now-section .call-icon{left: 2em;}
#call-now-section .titlebx{padding: 1.2em 2em 1em 3em;}
#call-now-section .call-iconbrd1{left: 1.5em;}
#call-now-section .call-iconbrd2{left: 1.7em;}
#call-now-section .callph a i{font-size: 35px;width: 48px;height: 48px;line-height: 48px;}
#call-now-section .callph a{font-size: 21px;padding: 15px 20px 15px 29px;}
.contact-area .contactdetails{padding: 1em 1em;}
.slider_section a.btn span:after{ width: 25px;height: 25px;line-height:25px;font-size: 20px;}
 .ht-main-title{font-size: 18px !important;padding: 8px 10px 8px 35px;}
 header .woocommerce-breadcrumb, .breadcrumbbox .button{margin-left: 0em;text-align: left;font-size: 15px;}
header .woocommerce-breadcrumb:before, .breadcrumbbox .button:before{width: 80px;}
#innerpage-box .single-project-bx-inn .project-icon img{height: 300px;}
#innerpage-box .single-project-bx-inn .project-title-box{left: 1em;}
#innerpage-box .lz-gallery-images{margin-bottom: 2em;}
div#content-box .faq-content button.accordion {padding: 20px 55px 20px 40px;}
div#content-box .faq-content button.accordion:before{font-size: 18px !important;
    width: 35px !important;height: 35px !important;line-height: 36px !important;}
main#innerpage-box .ht-blog-thumbnail img {  height: 200px;}
.contact-address-area .conlbx-txt {padding: 0 0em;}
#ht-contactus-wrap input[type="submit"]{padding: 10px 45px 10px 25px;margin-top: 20px;font-size: 20px;}
#innerpage-box .cntlhsbx {padding: 1em;}
#innerpage-box .contact-phn{padding-bottom: 1em;}
main#innerpage-box #content-box ol{margin: 0;}
#content-box ol li{padding-left: 2.5em;}
.widget-area form#searchform:after{height: 35px;width: 35px;line-height: 33px;}
.widget-area .widget{margin-bottom: 3em;}
.widget-area a{font-size: 18px;}
#innerpage-box .cntpgtxt p, #innerpage-box .cntpgtxt span{display: inline-block;}
#innerpage-box .inner-blogpost .blog-Athr{padding: 0.5em 0.3em 0.5em 0.5em;}
.wp-block-group__inner-container h2, #innerpage-box .widget-area .widget-title{font-size: 20px !important;}
#innerpage-box .inner-blog-post{margin: 0em 0em 2em 0em;}
}
@media screen and (min-width: 375px) and (max-width: 425px){
    .testimonials-area .ts-area-thumb:before{right: 8.5em;}
    #call-now-section .call-icon{width: 23%;}
    .widget-area form#searchform:after{margin-top: -18%;right: 6%;}
}

@media screen and (min-width: 320px) and (max-width: 320px){
.header-transparent .is-fixed .main-bar h1.ht-site-title { top: 45px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 15px;}
.woocommerce div.product .woocommerce-product-rating {line-height: 5 !important;}
.star-rating {padding-top: 9px;}
.toggle-bar {right: 25px !important;}
.total-count { padding: 18px 36px;}
.total-count .count { right: 24px;}
.total-count .count {right: 10px;}
.total-count { padding: 18px 20px;}
.page_featured {
    margin-bottom: 0em;
}
}

main#innerpage-box .tagcloud a {
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    padding: 7px;
    display: inline-block;
}
div#secondary select option{ background: transparent;}
body.home.blog .page-main-header img {display: none;}
.woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li{ padding: 5px 0;}
h1.product_title.entry-title { word-break: break-word;}
.select2-container--default .select2-selection--single,.woocommerce .quantity .qty,div#payment,
#coupon_code{ background: transparent !important;}
#content-box li.blocks-gallery-item:before {  content: none;}
div#content-box li.blocks-gallery-item figure img {  padding: 5px;  margin-bottom: 0;}
div#content-box li.blocks-gallery-item figure img:hover,
div#sitemap-box .sitemap-posts-box img:hover{  opacity: 0.7;}
main#innerpage-box ul.children { border: 0; margin-left: 2em;}
.woocommerce-MyAccount-content .woocommerce-info {  background: transparent !important;}