/*Theme Name: Home Renovation Free
Theme URI: https://luzuk.com/demo/home-renovation/
Author: luzuk Themes
Author URI: www.luzukthemes.com/
Description: Home Renovation is a big industry and there are home renovation contractors offering different kinds of services and expertise to resolve clients’ problems from simple fixing plumbing or drainage issues to carrying out a whole exercise to change the façade of building. Home Renovation Free Theme design has been created to fit small, medium, and big contractors in home renovation business. The layout and overall structure of the theme enables home renovation professionals to discuss a wide range of topics. You can create different pages to talk about various services and expertise you and your team possess. You can create a separate blog section where you can publish posts about home renovation ideas, home renovation tax benefits, home renovation interest rates, how to write letter to society before starting home renovation project and many others. it will also help you get higher organic search engine ranking as Home Renovation Free Theme is SEO friendly. The design is responsive, which will enable your visitor to view your theme without any distortion whether he/she lands on your theme from mobile phone, laptop, or MacBook. Similarly the theme offers browser compatibility also. We’ve kept customer’s surfing comfort in mind while designing home renovation theme. All the important pages have can be reached via home page and its prominent interlinking structure ensures the navigation is seamless. Download and install Home Renovation Free theme to give your business the much important lift to compete better and grow! The dashboard is very easy to decipher and user-friendly. Takes minutes to go live and with some practice over time you will get your hands on it and will be able to easily change images and update content as will within minutes. Home Renovation Free Theme is an opportunity you should explore.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: home-renovation-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.custom-background {
/*    background-color: #fff !important;*/
    background-repeat: no-repeat !important;
}
body {
    margin: 0;
    background: #fff;
    position: relative;
   
}
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: 0px;
}
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: #fff;*/
    font-size: 16px;
    line-height: 1.7;
/*    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;
}

#innerpage-box blockquote p{     
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
}
blockquote {
    background-color: #f2f2f2;
    position: relative;
    clear: both;
    top: 24px;
    margin: 30px 0px;
    padding: 3.5em 2.5em 7.5em 2.5em !important;
    font-size: 16px;
    color: #212121;
}
blockquote:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 12px;
    bottom: 12px;
    right: 12px;
    border: 2px solid #d33;
    border-radius: 0 0 70px 0;
}

blockquote:after {
    content: "\f10d";
    font-family: 'Fontawesome';
    position: absolute;
    bottom: 18px;
    clear: both;
    right: 15%;
    font-size: 62px;
    padding: 0px 8px;
    color: #fff;
}
q:before,
q:after {
    content: "";
}
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;
}
.clearfix{clear:both;}

/*padding*/

.pd-0{ padding: 0 !important;}
.pd-1{ padding: 5px;}
.pl-0{padding-left:0 ;}
.pl-1{padding-left: 1em;}
.pd-4{padding: 0 2em;}

/*margin*/

.mr-0{margin-left: 0 !important;margin-right: 0 !important;}

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

#commentsAdd input[type="text"],
#commentsAdd input[type="email"],
#commentsAdd input[type="url"],
#commentsAdd input[type="password"],
#commentsAdd input[type="search"],
#commentsAdd input[type="number"],
#commentsAdd input[type="tel"],
#commentsAdd input[type="range"],
#commentsAdd input[type="date"],
#commentsAdd input[type="month"],
#commentsAdd input[type="week"],
#commentsAdd input[type="time"],
#commentsAdd input[type="datetime"],
#commentsAdd input[type="datetime-local"],
#commentsAdd input[type="color"],
#commentsAdd textarea {border: 1px solid #000 !important;}
.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: #D82828;
    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;}
.widget select {   max-width: 100%;  width: 100%;}
.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;
}
.widget-area li.recentcomments {  padding: 4px 4px;}
.widget-area a{
    text-decoration: none;
    font-size: 18px;
/*    color: #fff;*/
    /* display: block; */
    padding: 6px 18px 6px 18px;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
}
.recentcomments a {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
}

.widget-area .widget{ margin-bottom: 1.5em; position: relative;z-index: 1;}
#innerpage-box .widget-area .wp-block-latest-posts__list {padding: 0 2px;}

#sidebars .widget,
div#secondary.widget-area .widget {     
    padding-top: 0em;
    padding-bottom: 10px;
    margin: 0px 2px 2.8em 2px;
    box-shadow: 1px 3px 10px #00000029;
    border-radius: 4px;
    color: #fff;
    background:transparent linear-gradient(180deg,#ccc -64%,#000 89%) 0% 0%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered, 
main#innerpage-box .widget-area .tagcloud a, 
#secondary .widget_recent_comments a,
#secondary .widget_categories a,
#secondary .widget_archive a,
#secondary .widget_recent_entries a
#sidebars .widget_nav_menu a, 
#secondary .widget_nav_menu li, 
#sidebars .widget_nav_menu ul li {
    color: #fff !important;
    font-weight: 500;
}
#secondary .widget-area a,
#secondary .widget a{
    color: #fff !important;
    font-weight: 400;
}
/*--------------------------------------------------------------
## Bullet Point
--------------------------------------------------------------*/

#sidebars .widget_archive li:before,
#sidebars .widget_categories li:before,
#secondary .widget_nav_menu li:before,
#secondary .widget_recent_entries li:before{
    display: none;
}
#secondary .widget_recent_comments a{display: block !important;}

#sidebars .widget_categories a:before,
#secondary .widget_recent_comments a:before,
#secondary .widget_product_categories a:before,
#secondary .widget_archive a:before,
#secondary .widget_categories a:before,
#secondary .widget_recent_entries li a:before,
#sidebars .widget_archive ul li a:before,
#sidebars .widget_recent_entries ul li a:before ,
#sidebars .product-categories li a:before{ 
    content: "\f1d8";
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    margin: 0 14px 0 0;
    font-weight: 600;
    transition: all 0.2s ease 0s;
    font-size: 18px;
    position: relative;
}
#secondary ul li:before {
    content: '';
    font-family: 'FontAwesome';
    float: left;
    padding-right: 12px;
    color: #0074D9;
    font-weight: 600;
    transition: all 0.2s ease 0s;
    font-size: 18px;
}
#secondary .widget-area .tagcloud,
#sidebars .widget-area .tagcloud{padding: 0 1em;}
#content-box ul li{margin: 15px 0; }
/*/*---------------------
sidebar menu 
------------------------*/
#secondary .widget_nav_menu li ,
#sidebars .widget_nav_menu ul li{ 
    border: 1px solid #000;
    border-radius: 5px;
}
#sidebars .widget_nav_menu a, 
#sidebars .widget_nav_menu ul li a,
#secondary .widget.widget_nav_menu a{color: #000 !important;}
#secondary .widget_nav_menu li a,
#sidebars .widget_nav_menu a,
#sidebars .widget_nav_menu ul li a{display: block;}

#sidebars .widget_recent_entries ul li:before,
#sidebars .widget_nav_menu ul li:before{display: none;}

#sidebars .widget li a{color: #000;}
#secondary .widget_nav_menu li a:before,
#sidebars .widget_nav_menu ul li a:before {
    content: "\f105";
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: #fff;
    background: #d33;
    margin: 0 0 0 14px;
    font-weight: 500;
    font-size: 35px;
    right: -1px;
    top: -1px;
    height: 39px;
    border-radius: 4px;
    width: 44px;
    line-height: 38px;
    position: absolute;
    text-align: center;
}
/*--------------------------------------------------------------
## Sidebar Area
--------------------------------------------------------------*/
.widget-area { position: relative; overflow: hidden;}




#secondary .search-form input[type="text"],
#secondary .search-form input[type="email"],
#secondary .search-form input[type="url"],
#secondary .search-form input[type="password"],
#secondary .search-form input[type="search"],
#secondary .search-form input[type="number"],
#secondary .search-form input[type="tel"],
#secondary .search-form input[type="range"],
#secondary .search-form input[type="date"], 
#secondary .search-form input[type="month"], 
#secondary .search-form input[type="week"], 
#secondary .search-form input[type="time"], 
#secondary .search-form input[type="datetime"], 
#secondary .search-form input[type="datetime-local"], 
#secondary .search-form input[type="color"], 
#secondary .search-form input[type="file"],
#secondary .search-form textarea, 
#secondary .search-form select

#sidebars .search-form input[type="text"],
#sidebars .search-form input[type="email"],
#sidebars .search-form input[type="url"],
#sidebars .search-form input[type="password"],
#sidebars .search-form input[type="search"],
#sidebars .search-form input[type="number"],
#sidebars .search-form input[type="tel"],
#sidebars .search-form input[type="range"],
#sidebars .search-form input[type="date"], 
#sidebars .search-form input[type="month"], 
#sidebars .search-form input[type="week"], 
#sidebars .search-form input[type="time"], 
#sidebars .search-form input[type="datetime"], 
#sidebars .search-form input[type="datetime-local"], 
#sidebars .search-form input[type="color"], 
#sidebars .search-form input[type="file"],
#sidebars .search-form textarea, 
#sidebars .search-form select{padding: 16px 10px 16px 14px;}

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

#sidebars input[type="text"],
#sidebars input[type="email"],
#sidebars input[type="url"],
#sidebars input[type="password"],
#sidebars input[type="search"],
#sidebars input[type="number"],
#sidebars input[type="tel"],
#sidebars input[type="range"],
#sidebars input[type="date"], 
#sidebars input[type="month"], 
#sidebars input[type="week"], 
#sidebars input[type="time"], 
#sidebars input[type="datetime"], 
#sidebars input[type="datetime-local"], 
#sidebars input[type="color"], 
#sidebars input[type="file"],
#sidebars textarea, 
#sidebars select ,

#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: 85%;
    margin:5px 5%;
    font-size: 16px;
    display: inline-block; 
    border-radius: 5px;
    padding: 10px 3px 10px 20px;
    line-height: 20px;
    background-color: transparent;
    text-align: left;
}
#sidebars textarea, 
#secondary textarea {padding: 15px 3px 6px 20px; height: 90px;border-radius: 14px;}
#secondary .gallery-columns-3 .gallery-item { max-width: 33.33%;}
#secondary figure.gallery-item a img:hover, #secondary .widget img:hover{  opacity: 0.7;}
#secondary figure.gallery-item a img, #secondary .widget img{ padding: 5px;}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.author-email-url{
    margin-left: -2%;
}
#comments a:hover{
    color:#2d2d2d;
}
#commentsAdd a:hover{
    color:#2d2d2d;
}

#commentsAdd input[type="submit"]{
    background: #fc226a;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 50px;
    font-size: 16px;
}
#commentsAdd input[type="submit"]:hover{
    border-radius: 5px;
    opacity: 1;
}
#content .tags a {
    margin-left: 10px;
    border: 1px solid #000;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 15px;
    border-radius: 8px;
    line-height: 35px;
    word-break: break-word;
}

#comments .comment-author img{border-radius: 50%;}
#comments span.fn {
    position: absolute;
    top: 17px;
}
.comment-form-url,
.comment-form-author,
.comment-form-email{
    float: left;
    margin-left: 1%;
    width: 49%;
}

.comment-respond p label{margin-bottom: 5px;}

.inner_contentbox .socialMedia ul{margin-left: 0;}
.inner_contentbox .socialMedia ul li{
    display: inline-block;
    position: relative;
    margin-bottom: 0 !important;
    padding-top: 2px !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: 2px 0;
    clear: both;
}
.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: 2em 0 5em;
    padding: 0;
}
#comments li.comment .children{
    display: block;
    margin: 20px 0 0 30px;
    padding: 0px;
    list-style: none;
}
#content .blog-innimg img{
    width: 100%;
    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;
    display: block;
}
.pagination .page-numbers{
    display: inline-block;
    margin: 0 2px;
    background: #fe5722;
    color: #000 !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 3em 0;
    padding: 1em 0;
     clear: both; 
    text-align: center;

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

.page-content #searchform input[type="submit"] {
    margin-top: 15px;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 15px;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.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
--------------------------------------------------------------*/
#sidebars input[type="submit"],
div#secondary input[type="submit"],
.wp-block-search__button {
    margin: 0 auto;
    top: 15px;
    display: block;
    position: relative;
    text-align: center;
    padding: 3px 10px !important;
    z-index: 999 !important;
    overflow: hidden;
    border: none;
    box-shadow: none;
    font-size: 20px;
    font-weight: 700;
    border-radius: 4px;
    width: 90%;
}
/*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: 3.3em;
    margin-top: 2px; 
    margin-left: 20px;
    position: relative;
/*    display: inline-flex;*/
}
.section-title h2 {
    position: relative;
    word-break: break-word;
    font-weight: 900;
    font-size: 40px;
    margin: 0px;
    display: inline-block;
    padding: 16px 20px 20px 10px;
    background: #FDAF1B ;
/*    background: transparent linear-gradient(180deg, #FDAF1B 0%, #FDAF1B 100%) 0% 0% ;*/
    border-radius: 11px 0px 0px 11px;
    z-index: 4;
    text-shadow: -2px 2px 0px #d63737;
}
.section-title h2:before {
    content: "";
    position: absolute;
    top: -2px;
    right: -12px;
    bottom: -1px;
    background: #F9880D;
    width: 20px;
    border: 2px solid #fff;
    border-radius: 20px;
    border-right: 0;
}
.section-title h2:after {
    content: "";
    position: absolute;
    border: 3px solid #d33;
    width: 72%;
    right: 8px;
    top: 4px;
}
.section-title .t-brd {
    position: absolute;
    bottom: -10px;
    right: -4px;
    border: 5px solid #d33;
    width: 60%;
    padding: 6px;
    z-index: -1;
    border-left: 0;
    border-top: 0;
}
.section-title h3 {
    left: -10px;
    z-index: 6;
    position: relative;
    word-break: break-word;
    font-weight: 800;
    font-size: 40px;
    margin-bottom: 0px;
    display: inline-block;
    margin: 0px;
    color: #fff;
    border-radius: 0px 11px 12px 20px;
    background: #6b6b6b;
    padding: 8px 40px;
}
.section-title h3:after {
    margin: 0 auto;
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    border: 3px solid #d33;
    border-radius: 1px 14px 0px 1px;
    width: 93%;
}
.section-title h3:before {
        content: "";
    position: absolute;
    bottom: 0px;
    right: 0;
    left: 0;
    top: 0;
    z-index: -3;
    border-radius: 0 0 12px 13px;
    border-top: 0;
    border-right: 0;
    border-left: 2px solid #d33;
    border-bottom: 5px solid #d33;
}
.inner-area-title {    
    font-size: 30px;
    font-weight: 500;
    word-break: break-word;
}
.section-area-text {    
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 20px;
    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: 1em 0px 20px;
    z-index: 1;
}
.category .ht-main-title {  margin: 0 0 1.5em;}*/
.ht-site-title, .site-title{
    font-weight: 700;
    font-size: 30px;
/*    line-height: 1;*/
    padding: 12px 0 0 0;
}
.ht-site-title a, .site-title a{ text-decoration: none;color: #4a4a4a;}
.ht-site-description{
/*    color: #ffffff;*/
    font-size: 14px;
    font-weight: normal;
    margin: 1px 0 4px 8px;
}
.ht-site-description a{color:#000;}
#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;}

.woocommerce .comment-form-comment{
    box-shadow: 1px 1px 2px 2px #b4acac59;
    padding: 10px;
}
/*======= side bar ===========*/
.woocommerce .widget_price_filter .price_slider_amount {
    text-align: center !important;
    padding: 0 2px !important;
    
}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
.page-main-header { overflow: hidden; position: relative;    text-align: center;}
.breadcrumbbox { position: relative; padding: 0em 0em; z-index: 1;margin: 0em 0 2em 10em;text-align: left;}
.breadcrumbbox span{ color:#000; margin:0 2px;font-weight: 600;position: relative;}
.breadcrumbbox i {
    font-size: 20px;
    font-weight: 100;
    top: 0px;
    position: relative;
}
header .woocommerce-breadcrumb,
.breadcrumbbox .button {
/*        background: #000;*/
    padding: 10px 16px 10px 34px !important;
    display: inline-block !important;
    font-size: 20px;
    font-weight: 600;
    border-radius: 0;
    position: relative;
    z-index: 1;
}
header .woocommerce-breadcrumb:before,
.breadcrumbbox .button:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 20px;
    padding: 5px;
    background: #d33;
    border-radius: 50px;
    
    z-index: 1;
}
.breadcrumbbox .btnoly{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    background: #fff;
    opacity: 1;
}

/*===========================================
## 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;}
/*----------------------------------------*/
/*  Inner Page Header Area
/*----------------------------------------*/
.page-main-header .olay {
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 39%;
}
.page-main-header .olay:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 60%;
    background: #E7E6EB;
    top: -38px;
    /* left: -17%; */
    right: -66px;
    text-align: center;
    margin: 0 auto;
    z-index: 0;
    transform: rotate(29deg);
}
.page-main-header .overlay1{
    position: absolute;
    left: -10%;
    right: 0;
    top: 7em;
    bottom: 0;
    width: 55%;
    opacity: 1;
    border-radius: 0 40px 0 0;
    transform: skew(30deg, 0deg);
    background: transparent linear-gradient(120deg,#FE931F 0%,#FDAF1B 100%) 0% 0%;
    z-index: 1;
}
/*----------------------------------------*/
/*  01. Header Area
/*----------------------------------------*/
header .nav-menus{display: none;}
.resp_header_logo {  display: none;}
.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;}

/* ====== header-top ======== */
header .tp-head { position: relative; margin: 0.6em 0 0em 0;}

.logo { 
    position: relative;
    padding: 1px 4px 1px 10em;
    background: #fff;
    border-radius: 0;
}

header .hbx2{
    /*background: #D82828;
    border-radius:  0;*/
    position: relative;
    padding: 2px 6em 2px 10px;
}
header .hbx-inn{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.60;
}
header.site-header .main-dispaly.padding0 {  padding-right: 0;}

/*header .mobnone{display: none;}
header .mobnone1{display: block;}*/

header .Hbtn {text-align: right;}
header .Hbtn a i {  
    top: 2px;
    padding: 0px 0px 0px 0px;
    position: relative;
    font-weight: 900;
}
header .Hbtn a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
    font-size: 18px;
    padding:8px 12px;
    color: #000;
    transition: all 0.5s;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    z-index: 9;
    word-break: break-all;
    background: #000;
    border-radius: 3px;
    border: none;
}
header .Hbtn a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 0px;
    background-color: #3ff;
    transition: all 0.3s ease;
}
header .Hbtn a:hover { color: #fff;}
header .Hbtn a:hover:after {top: 0;height: 100%;}


/* top-header
-------------------------------------------------------------- */

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

header.site-header span.text,
.single-header-info span.theme-color {
    font-size: 14px;
    font-weight: 600;
    word-break: break-word;
}
.navigation .mainmenu{ 
    position:relative; 
    z-index:9999; 
    vertical-align:middle; 
    float: none;
}
.navigation .mainmenu li{ 
    display:inline-block; 
    position:relative; 
    line-height:normal; 
    margin: 0px 11px 0;
    transition: all 0.5s;
}
.navigation .mainmenu li a{ 
    display:block; 
    text-align:center; 
    /*color:#ffffff; */
    position:relative; 
    transition: all 0.5s;
}

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

.navigation .mainmenu ul.sub-menu{
  -webkit-transform-origin: bottom;
  -webkit-transform: perspective(350px) rotateX(45deg);
}
.navigation .mainmenu li:hover ul.sub-menu{
   -webkit-transform-origin: top;
  -webkit-transform: perspective(350px) rotateX(00deg);
}
/*---end---*/

ul.sub-menu{
   /* display:none;*/
    z-index:9999;
    position:absolute;
    left:-9999px;
    border-radius: 0px;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    left: 0;
    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);
    transition: all 0.5s;
}
.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); 
    transition: all 0.5s;
    /*box-shadow: 0 0 6px rgba(0,0,0,0.15);*/
}
/*.navigation .mainmenu ul.sub-menu li a:hover {
    border-radius: 10px !important;
}*/
.navigation .mainmenu ul.sub-menu .sub-menu{border: 0;}
.navigation .mainmenu li ul li a{
    display:block; 
    padding: 5px 0px;
    position:relative;
    top:0; 
    text-align:left; 
    z-index: 1;
}
.navigation .mainmenu li:hover ul.sub-menu li {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
}
.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 {
    z-index: 200;
}*/
.navigation .mainmenu ul.sub-menu li a {
    list-style-type: none;
    font-size: 13px;
    font-weight: 400;
    padding: 8px 8px 8px 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: 15px;
    /*    transition: all 0.5s ease 0s;*/
    font-weight: 600;
    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;
}
.mainmenu .sub-menu{border-radius: 0px;}
.sub-menu{border-radius: 0;}
ul.sub-menu, 
header.site-header ul.sub-menu {   background: none;}
.navigation .mainmenu ul.sub-menu li.current_page_item a, 
.navigation .mainmenu ul.sub-menu li:hover a{
/*    background-color: #f2f2f2;*/
    transition: all 0.3s;
}
.navigation .mainmenu ul.sub-menu li:hover a{padding: 8px 8px 8px 30px;transition: all 0.2s;}
.header.site-header ul.sub-menu li:hover a:before{
    opacity: 1;
    transition: transform 0.5s ease-in-out;
     margin-left: -18px;
}
.navigation .mainmenu ul.sub-menu li.current_page_item a {
    padding: 12px 8px 12px 31px;
}
.navigation .mainmenu ul.sub-menu li li{border: none;}
header.site-header ul { margin: 0;}
header.site-header .text-bx.padding0 {
    font-size: 13px;
    font-weight: 700;
}
header.site-header .list-inline.m-a0 { padding: 2px 0; float: right;}

.navigation .mainmenu {position: relative;}
.header-icon i.fa {
    position: relative;
    top: 0px;
    font-size: 15px;
    padding-right: 9px;
    font-weight: 700;
}
.site-header{
    z-index: 2;
    position: absolute;
    overflow-x: clip;
    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 .main-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

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;
}
.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;}*/
.top-bar-head { padding: 0em 0 0.1em 0;}
.header .head-menu{padding: 0;}
.site-navigation {
/*    margin-top: 0px;*/
/*    background: #fff;*/
    display: inline-block;
    padding: 2px 0em;
/*    float: right;*/
}
.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 .imbx:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 36%;
    background: #E7E6EB;
    top: -108px;
    left: -17%;
    right: 0;
    text-align: center;
    margin: 0 auto;
    z-index: 0;
    transform: rotate(29deg);
}
.slider_section .shape {
    bottom: 0;
    position: absolute;
    overflow: hidden;
    width: 73%;
    height: 89%;
    left: -16%;
    border-radius: 0 40px 0 0;
    transform: skew(33deg, 0deg);
    background: transparent linear-gradient(120deg, #FE931F 0%, #FDAF1B 100%) 0% 0%;
    z-index: 1;
}
.slider_section .imbx{position: relative;overflow: hidden;}
.slider_section .owl-dots {
    display: none;
}
.ht-slide{
    position: relative;
}
.slider_section .owl-carousel img{
    width: 58% !important;
    float: right;
    position: relative;
    padding: 25px 25px 0 0;
    background-image: linear-gradient(178deg,#FDAF1B 92%,transparent 55%);
}

.slider_content {
    position: absolute;
    top: 30%;
    left: 9%;
    width: 655px;
    z-index: 99;
}
.slider_section .title {
    font-size: 56px;
    font-weight: 800;
    word-break: break-word;
    line-height: 78px;
}
.slider_section .sub-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    word-break: break-word;
    padding: 0em 0em;
    margin: 1em 0;
    /* width: 470px;*/
}
/*====== btn ====*/
.slider_section .btn5 {
    margin-top: 1em;
    display: inline-block;
}
.slider_section .btn5 a i{position: relative;top:2px; font-weight: 900;}
.slider_section .btn5 a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    padding: 8px 10px;
    color: #fff;
    transition: all 0.5s;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    z-index: 9;
    word-break: break-all;
    background-color: #000;
    border: none;
}
.slider_section .btn5 a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 0px;
   background-color: #f3f;
/*background-image: linear-gradient(315deg, #4dccc6 0%, #96e4df 74%);*/
  transition: all 0.3s ease;
}
.slider_section .btn5 a:hover {
  color: #fff;
}
.slider_section .btn5 a:hover:after {
  top: 0;
  height: 100%;
}
.slider_section .btn5 a:active {
  top: 2px;
}

/*=======*/
.slider_section .ph-bx {
    width: 33%;
    background: #292B2A;
    position: absolute;
    bottom: 0;
    right: 25px;
    z-index: 1;
    padding: 26px 10px 26px 80px;
    clip-path: polygon(13% 0, 100% 0, 100% 100%, 0% 100%);
}
.slider_section .ph-icnbx{
    width: 70px;
    height: 70px;
    background: #fff;
    line-height: 70px;
    text-align: center;
    border-radius: 50px;
}
.slider_section .ph-icnbx:after{
    content: "";
    background-color: #fff;
    height: 100%;
    width: 30px;
    /* box-shadow: 0 0 15px rgba(0,0,0,0.2); */
    position: absolute;
    /* left: 0; */
    top: 0;
    /* z-index: 6; */
    clip-path: polygon(400% 0, 400% 100%, 0 50%);
    transform: rotateY(180deg);
}
.slider_section .ph-icnbx svg{fill :#292B2A;width: 50px; height: 50px;}
.slider_section .ph-icnbx path {stroke: #292B2A;}

.slider_section .Ph-nobx{
    position: relative; 
    font-size: 36px;
    font-weight: 600;
    padding-top: 10px;
    z-index: 2;
}

/*====================*/
.slider_section .owl-carousel{ display: block;}
.slider_section .owl-carousel{display: block;}
.slider_section .owl-theme .owl-dots { display: none;}

.slider_section .owl-nav{
    display: block;
    position: absolute;
    bottom: 4%;
    left: 8%;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    box-shadow: none;
}
.slider_section .owl-nav .owl-prev ,
.slider_section .owl-nav .owl-next{
    position: relative;
    /*font-size: 22px ! important;
    font-weight: 600 !important;*/
    padding: 0px 0px;
    margin: 0 2px;
    transition: all 0.4s ease-out;
    background: none;
    box-shadow: none;
    z-index: 1;
}
.slider_section .owl-nav .owl-prev i ,
.slider_section .owl-nav .owl-next i{
    position: relative;
    top: 11px;
    font-weight: 900 !important;
    font-size: 56px ! important;
    color: #fff;
    transition: all 0.4s ease-out;
}
.slider_section .owl-nav .owl-prev:after,
.slider_section .owl-nav .owl-next:after{
    content: '';
    position: absolute;
    bottom: -8px;
    width: 48px;
    height: 50px;
    background-color: #000000;
    opacity: 1;
    border-radius: 2px;
    z-index: -1;
    transition: all 0.4s ease-out;
}
.slider_section .owl-nav .owl-prev i{left: -10px;}
.slider_section .owl-nav .owl-prev:after{right: -3px;}

.slider_section .owl-nav .owl-next i{right: -22px;}
.slider_section .owl-nav .owl-next:after{right: -3px;}

/*----------------------------------------*/
/*   Service Area
/*----------------------------------------*/
#service .inn-single-service-bx { display: none;}

#service { position: relative;overflow: hidden;}
#service .single-service-bx { 
    margin-bottom: 0em;
    position: relative;
    padding: 0 0 0em 0; 
    transition: all 0.5s;
}
#service .single-service{
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    padding: 0;
}

#service .owl-carousel{display: block !important;}
#service .service-icon { position: relative;overflow:hidden; transition: all 0.5s;}
#service .service-icon img { width: 100%; height: 270px;border: 4px solid #FDAF1B;border-radius: 6px;}
#service .service-icon:before {
    content: '';
    position: absolute;
    width: 200%;
    top: 0px;
    bottom: 0;
    right: 0px;
    left: 0;
    height: 100%;
    border-radius: 6px;
    transition: all 0.5s;
    background: transparent linear-gradient(221deg, #FDAF1B 0%, #FE931F 100%) 0% 0%;
    opacity: 0.2;
}
#service .single-service:hover .service-icon:before {
    width: 200%;
    left: 20%;
    opacity: 0.8;
    transition: all 0.5s;
    transform: rotate(45deg);
}
#service .sertxbx{
    position: relative;
    overflow: hidden;
    padding-top: 15px;
    transition: all 0.6s;
}
#service .sertxbx h4 {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    position: relative;
    padding: 6px 6px;
    text-align: center;
}
#service .sertxbx p{
    display: none;
    font-size: 16px;
    margin-bottom: 16px;
    line-height: 21px;
}

/*sider arrow*/
#service .owl-dots {display: none;}
#service .no-js .owl-carousel,  
#service .owl-carousel.owl-loaded { display: block;}

#service .owl-carousel .owl-nav {
    position: absolute;
    display: block;
    top: 24%;
}

#service .owl-dots {display: none;}
#service .owl-nav{    
    display: block;
    top: 20%;
    position: absolute;
    width: 100%;
}
#service .owl-prev{float: left;left: -72px !important;}
#service .owl-next{float: right;right: -72px !important;}
#service .owl-prev ,
#service .owl-next{
    position: relative;
    box-shadow: none;
    margin: 0;
    padding: 0;
    background: none;
    transition: all 0.2s;
}
#service .owl-prev:after, 
#service .owl-next:after{
    content: "";
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 2px;
    background: #d33;
    z-index: -1;
    left: 0;
    right: 0;
    top: 1px;
    bottom: 0;
    transition: all 0.2s;
}
#service .owl-prev:before, 
#service .owl-next:before{
    content: "";
    position: absolute;
    width: 52px;
    height: 52px;
    border-radius: 2px;
    z-index: -1;
    left: -2px;
    right: 0;
    top: -1px;
    bottom: 0;
}
#service .owl-prev:before{
    background-image: linear-gradient(145deg,'.$serslidebtnrdclr.' 66%,transparent 66%);
    transition: all 0.2s;
} 
#service .owl-next:before{
    background-image: linear-gradient(46deg,'.$serslidebtnrdclr.' 66%,transparent 66%);
    transition: all 0.2s;
}
#service .owl-prev span,
#service .owl-next span{ 
    position: relative;
    font-size: 65px;
    line-height: 46px;
    color: #fff;
    padding: 0px 16px 4px 16px;
    transition: all 0.2s;
}

/*----------------------------------------*/
/*   Project Section
===========================*/
/*----------------------------------------*/
/*#project .inn-single-project-bx { display: none;}*/
#project { position: relative;overflow: hidden;background: #292B2A;}
#project .subtitlebx { position: relative; margin-top: 26px;}
#project .subtitlebx h1 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 24px;
}
#project .subtitlebx p{
    font-size: 18px;
    color: #AAAAAA;
    line-height: 32px;
}
#project .single-project-bx { 
    margin-bottom: 0em;
    position: relative;
    padding: 0 0 0em 0; 
    transition: all 0.5s;
}
#project .single-project{
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    padding: 0;
}
#project .owl-carousel{display: block !important;}
#project .project-icon {   
 position: relative;
    overflow: hidden;
    transition: all 0.5s;
    padding: 0 1em;
}

#project .project-icon img { 
    width: 100%; 
    height: 450px;
    border: 3px solid #FDAF1B;
    border-radius: 3px;
}

#project .project-icon .project-tag {
    line-height: 21px;
    color: #292B2A;
    border: 1px solid #FDAF1B;
    background: #fff;
    border-radius: 6px;
    padding: 7px 24px;
    display: inline-block;
    position: absolute;
    top: 25px;
    font-size: 24px;
    font-weight: bold;
}
#project .project-img{position: relative;}
#project .project-icon .project-tag.left-tag {
    transform: rotate(-18deg);
    left: -12px;
}
#project .project-img2 {
    position: relative;
}
#project .project-icon .project-tag.right-tag {
    transform: rotate(18deg);
    right: -12px;
}
.project-tag {
    border: 1px solid #FDAF1B;
    background: #fff;
    border-radius: 6px;
    padding: 7px 24px;
    display: inline-block;
    position: relative;
    top: 0;
}
#project .projtxbx{position: relative;overflow: hidden;}
#project .projtxbx .post-title {
    display: none;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    position: relative;
    padding: 6px 6px;
    text-align: center;
}
#project .projtxbx p{
    display: none;
    font-size: 16px;
    margin-bottom: 16px;
    line-height: 21px;
}

/*sider arrow*/
#project .owl-carousel{ display: block;}
#project .owl-carousel{display: block;}
#project .owl-theme .owl-dots { display: none;}

#project .owl-nav{
    display: block;
    position: relative;
    margin-top: 2em;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    box-shadow: none;
}
#project .owl-nav .owl-prev ,
#project .owl-nav .owl-next{
    position: relative;
    /*font-size: 22px ! important;
    font-weight: 600 !important;*/
    padding: 0px 0px;
    margin: 0 2px;
    transition: all 0.4s ease-out;
    background: none;
    box-shadow: none;
    z-index: 1;
}
#project .owl-nav .owl-prev i ,
#project .owl-nav .owl-next i{
    position: relative;
    top: 11px;
    font-weight: 900 !important;
    font-size: 56px ! important;
    color: #fff;
    transition: all 0.5s;
}
#project .owl-nav .owl-prev:after,
#project .owl-nav .owl-next:after{
    content: '';
    position: absolute;
    bottom: -8px;
    width: 48px;
    height: 50px;
    background-color: #000000;
    opacity: 1;
    border-radius: 2px;
    z-index: -1;
    transition: all 0.5s;
}
#project .owl-nav .owl-prev i{left: -10px;}
#project .owl-nav .owl-prev:after{right: -3px;}

#project .owl-nav .owl-next i{right: -22px;}
#project .owl-nav .owl-next:after{right: -3px;}


/*----------------------------------------*/
/*  Single project Area
/*----------------------------------------*/

.singleinner-project {
    border-radius: 4px;
    border: 3px solid #FDAF1B;
    position: relative;
    margin-bottom: 26px;
}
.singleinner-project .project_inimg img {
    width: 100%;
/*    height: auto;*/
}
.singleinner-project .projectbx {
    position: absolute;
    bottom: 0;
    background: #fff;
    width: 88%;
    display: block;
    padding: 9px 12px 9px;
    transition: all .3s;
    text-align: center;
    border-radius: 8px;
    /* position: relative; */
    margin: 0 18px 8px;
    border: 1px solid #FDAF1B;
    border-radius: 22px;
    opacity: 0.83;
}
.singleinner-project .projectbx a h4{
    margin: 0 !important;
}


/*
.singleinner-project-back:before {
    content: '';
    background: #FDAF1B;
    height: 0px;
    width: 100%;
    opacity: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    transition: all .4s linear;
}
.singleinner-project-back:hover:before {
    top: 0;
    transition: all .4s linear;
    height: 100%;
    opacity: 0.1;
}*/
.singleinner-project .project_inbox {
    opacity: 1;
        transition: all .4s linear;
}
.singleinner-project:hover .project_inbox {
    z-index: 0;
    opacity: 0;
        transition: all .4s linear;
}

/*----------------------------------------*/
/*  About Area
/*----------------------------------------*/
#about { position: relative; overflow: hidden;}

#about .imgbx{position: relative;}
.aboutarea-img { position: relative;}
#about .aboutarea-img img{ position: relative;border-radius: 10px;width:92%;}
#about .abt-oly{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.3;
    border-radius: 10px;
    width:92%;
}
#about .img-title {
    position: absolute;
    bottom: -2.7em;
    width: 92%;
}
#about .img-title h3{
    font-size: 70px;
    font-weight: 900;
    text-align: center;
    margin: 0 auto;
    position: relative;
     outline: none;
    background: linear-gradient(178deg,transparent 48%, #FDAF1B 48%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px #FDAF1B;
    background-size: 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    animation: animate 10s linear infinite;
}

@keyframes animate {
  to{
    background-position: 400%;
  }
}
#about .aboutus-post-boxes { position: relative; overflow: hidden;}
#about .aboutus-single {position: relative; transition: all 2s linear;}
#about .abtbx{
    position: relative;
    overflow: hidden;
    margin: 0 0 1em 0;
    transition: all 0.2s ease 0s;
}
#about .hi-icon {
    position: relative;
    width: 33px;
    height: 33px;
    line-height: 38px;
    background: #FDAF1B;
    text-align: center;
    border-radius: 50px;
}
#about .hi-icon span{ font-size: 20px;transition: all 0.4s ease 0s;}
#about .about-area-data h4{font-size: 14px;font-weight: 400;margin: 8px 0 0 0px;}
#about .abt-rbx{position: relative;}
#about .abtsection-title h1{
    font-size: 24px;
    font-weight: 900;
    margin: 0 0 10px 0;
}
#about .abtsection-title h2{
    font-size: 31px;
    font-weight: 600;
    line-height: 44px;
}
#about .section-subtext p{     
    font-size: 18px;
    margin: 0em 0 1.8em 0;
    line-height: 28px;
}

#about .abt-btn { position: relative; margin-top:1.2em;}
#about .abt-btn a i { position: relative;top:2px; font-weight: 900;}
#about .abt-btn a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
    font-size: 18px;
    padding: 8px 10px;
    color: #fff;
    transition: all 0.3s;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    z-index: 9;
    word-break: break-all;
    background-color: #000;
    border: none;
}
#about .abt-btn a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 0px;
   background-color: #f3f;
/*background-image: linear-gradient(315deg, #4dccc6 0%, #96e4df 74%);*/
  transition: all 0.3s ease;
}
#about .abt-btn a:hover {
    font-weight: 500;
    color: #fff;
    transition: all 0.3s ease;
}
#about .abt-btn a:hover:after {
  top: 0;
  height: 100%;
}
#about .abt-btn a:active {
  top: 2px;
}

/*----------------------------------------*/
/*  Testimonials Section 
/*----------------------------------------*/
#testimonials .item.innertest-item.col-md-6{width: 100% !important;}
#testimonials {position: relative; overflow: hidden;}

#testimonials .tesbox { position: relative; transition: all .4s linear; }
#testimonials .testimonials-single-area { position: relative;text-align: center;}
#testimonials .ts-area-single { position: relative; padding-top: 6em;padding-bottom: 4.4em;} 
#testimonials .tsarea-inn{  position: relative;transition: all 0.5s ease-in-out 0s;}
#testimonials .ts-area-thumb { position: absolute;margin-top: -5em;width: 100%;}
#testimonials .tsarea-inn:hover .testiimginn:after{
    border: 12px dashed; #484848;
    transition:all 0.6s ;

    animation-name: spin;
    animation-duration: 8000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes spin { 
        from { 
            transform: rotate(0deg); 
        } to { 
            transform: rotate(360deg); 
        }
    }
#testimonials .testiimginn:after {
    content: "";
    width: 204px;
    height: 204px;
    border: 12px solid #d33;
    position: absolute;
    left: 0px;
    right: 0;
    top: -12px;
    bottom: 12px;
    margin: 0 auto;
    border-radius: 50%;
    opacity: 0.49;
    transition:all .5s ;
    z-index: 1;
}
#testimonials .ts-area-thumb img{ 
    width: 180px;
    height: 180px;
    position: relative;
    z-index: 1;
    transition: all 1s ease 0s;
    border-radius: 50%;
    margin: 0 auto;
    border: 18px solid #d33;
/*    outline: 12px solid #3ff;*/
    transition: all 0.5s ease-in-out 0s;
    transform: scale(1);
}

#testimonials .ts-area-content {
    position: relative;
/*    overflow: hidden;*/
    margin: 0 0 0px 0;
    transition: all 1s ease 0s;
    padding:7.2em 30px 30px 30px;
    transition: all 0.3s linear 0s;
    border-radius: 24px;
}
#testimonials .triangle_right {
    width: 134px;
    height: 134px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(45deg);
    bottom: -40px;
    background: #d33;
    border-radius:4px;
    border: none;
}
#testimonials .ts-area-bx{position: relative;margin-left: 18px;}
#testimonials .ts-area-c p {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    margin: 14px 0 14px 0;
    z-index: 1;
}
#testimonials h3.ts-area-title {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    transform: scale(1);
    transition: all 1s ease 0s;
    margin: 8px 0 2px 0;
    z-index: 1;
}
#testimonials .text-designation{    
    position: relative;
    font-size: 18px;
    font-weight: 400;
    z-index: 1;
}
#testimonials .owl-carousel {display: block;transition: all 1s ease 0s;}

#testimonials .owl-dots {display: none;}
#testimonials .no-js .owl-carousel,  
#testimonials .owl-carousel.owl-loaded { display: block;}
#testimonials .owl-carousel .owl-nav {
    position: absolute;
    display: block;
    top: 50%;
}

#testimonials .owl-dots {display: none;}
#testimonials .owl-nav{    
    display: block;
    top: 20%;
    position: absolute;
    width: 100%;
}
#testimonials .owl-prev{float: left;left: -72px !important;}
#testimonials .owl-next{float: right;right: -72px !important;}
#testimonials .owl-prev ,
#testimonials .owl-next{
    position: relative;
    box-shadow: none;
    margin: 0;
    padding: 0;
    background: none;
    transition: all 0.2s;
}
#testimonials .owl-prev:after, 
#testimonials .owl-next:after{
    content: "";
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 2px;
    background: #d33;
    z-index: -1;
    left: 0;
    right: 0;
    top: 1px;
    bottom: 0;
    transition: all 0.2s;
}
#testimonials .owl-prev:before, 
#testimonials .owl-next:before{
    content: "";
    position: absolute;
    width: 52px;
    height: 52px;
    border-radius: 2px;
    z-index: -1;
    left: -2px;
    right: 0;
    top: -1px;
    bottom: 0;
}
#testimonials .owl-prev:before{
    background-image: linear-gradient(145deg, #FDAF1B 66%,transparent 66%);
    transition: all 0.2s;
} 
#testimonials .owl-next:before{
    background-image: linear-gradient(46deg, #FDAF1B 66%,transparent 66%);
    transition: all 0.2s;
}
#testimonials .owl-prev span,
#testimonials .owl-next span{ 
    position: relative;
    font-size: 65px;
    line-height: 46px;
    color: #fff;
    padding: 0px 16px 4px 16px;
    transition: all 0.2s;
}

#testimonials .owl-prev:hover span, 
#testimonials .owl-next:hover span{color: #FDAF1B;}
/*--------------------------------------------------------------
## Team Section
--------------------------------------------------------------*/

#team { position: relative; overflow: hidden;}
#team .ht-team-member {position: relative; margin: 0 0 1.5em 0;padding: 0 16px;}
#team .imgbx{
    position: relative;
/*    overflow: hidden;*/
    transition: all 0.3s ease 0s;
    border-radius: 8px;
}
#team .imgbx img{
    width: 100%;
    height: 100%;
    border-radius: 11px;
    transition: all 0.3s ease 0s;
}
#team .team-box {
    position: absolute;
    margin: 0 auto;
    right: 0;
    bottom: 10px;
    left: 0;
    width: 90%;
    background: #fff;
    border-radius: 50px;
    padding: 16px 20px 6px 20px;
}
#team .team-box h6 {
    color: #124d31;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease 0s;
    margin: 0;
}
#team .team-member-designation {
    color: #C4BFBF;
    font-weight: 600;
    font-size: 16px;
    margin: 0;
    position: relative;
    background: #d33;
    display: inline-block;
    border-radius: 50px;
    padding: 1px 10px;
    margin-top: 6px;
}
#team .team-social-icon {    
    position: absolute;
    top: 20px;
    right: -16px;
    z-index: 2;
    margin: 0px 0px;
    opacity: 1;
    transition: all 0.8s ease 0s;
    transform: rotate(0deg);
    width: 34px;
    background: #000;
    text-align: center;
    border: 2px solid #FDAF1B;
    border-radius: 50px;
    padding: 16px 0;
}
#team .team-social-icon a{    
    margin: 4px 1px 0px 1px;
    display: block;
    position: relative;
}
#team .team-social-icon a i{
    font-size: 18px;
    font-weight: 500;
    color: #FDAF1B;
    text-align: center;
    transition: all .4s linear;
}
#team .team-social-icon a:hover i{color: #fff;}

/*----------------------------------------*/
/*   Feature Area
/*----------------------------------------*/
.feature-area {position: relative;overflow: hidden;background: #292B2A;}
.feature-area .f-bx{position: relative;padding: 0 20px;}
.feature-area .fea-single {
    position: relative;
    text-align: center;
    margin: 0 0 5em 0;
    transition: all 0.5s ease 0s;
}
.feature-area .feature-single-area{text-align: center; margin-top: 5em;position: relative;}
.feature-area .fea-box{ 
    position: relative; 
    background: #E8E8E8;
    border-radius: 16px; 
    border: 2px solid #FDAF1B; 
    padding: 0px 10px 20px 10px;
    transition: all ease 0.4s;
}
.feature-area .fea-box:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #3ff;
    transition: all ease 0.4s;
    opacity:1;
    border-radius: 16px; 
}
.feature-area .fea-box:hover:after {
    height: 100%;
    transition: all ease 0.4s;
}
.feature-area .fea-icon {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 3px solid #d33;
    width: 120px;
    height: 70px;
    line-height: 84px;
    text-align: center;
    margin: -2em auto 0 auto;
    border-radius: 9px;
    transition: all ease 1s;
    z-index: 9;
}
/*.feature-area .fea-box:hover .fea-icon{
    border-radius: 0px;
    transition: all ease 1s;
}*/

.feature-area .fea-icon span{
    position: relative;
    font-size: 48px;
    font-weight: 500;
    color: #D82828;
    z-index: 1;
    transition: all ease 0.8s;
}
.feature-area .fea-box:hover .fea-icon span{
    transform: rotateY(180deg);
    transition: all ease 0.8s;
}
.feature-area .fea-title {
    position: relative;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    font-weight: 800;
    padding: 0px 0;
    margin: 30px 0 10px 0;
    text-align: center;
    word-break: break-word;
    z-index: 1;
}
.feature-area .fea-single p{
    position: relative;
    font-size: 16px;
    line-height: 20px;
    z-index: 1;
}


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

#gallery .innergalry{display: none;}
#innerpage-box .homegalry{display: none;}

/*----------------------------------------
/*  appointment Area
/*----------------------------------------*/
/*#appointment .app_l{width: 72%;padding: 0;}
#appointment .app_r{width: 28%;}*/
#appointment {position: relative;overflow: hidden;}
#appointment .app-oly{
    position: absolute;
    top: 0;
    bottom: 0;
    right:0;
    left:0;
    background: #000;
    opacity: 0.71;
}
#appointment .app_l {
    position: relative;
    top: 4em;
}
#appointment .aptitlbx {
    position: relative;
    left: 190px;
    top: 56px;
}
#appointment .app-detailbxinn { position: relative; overflow: hidden;}
#appointment .aptitlbx{  position: relative;}
#appointment .aptitlbx h3{
    position: relative;
    display: inline-block;
    z-index: 1;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0em 10px 0;
    background: #9F9F9F;
    border-radius: 50px 50px;
    padding: 4px 14px;
}
#appointment .ap-img {
    position: relative;
    width: 290px;
    height: 290px;
    border: 6px solid #FDAF1B;
    border-radius: 50%;
    line-height: 278px;
    padding: 0px 0 0px 8px;
    margin: 10px;
}
#appointment .ap-img img {
    width: 262px;
    height: 262px;
    border-radius: 50%;
    background: transparent linear-gradient(180deg, #FE931F 0%, #FDAF1B 100%) 0% 0%;
}
#appointment .app_infbx {
    position: relative;
    left: -2em;
    top: 4em;
}
#appointment .aptitlbxinn{
    position: absolute;
    left: 4px;
    right: 4px;
    bottom: 4px;
    top:4px;
    border: 1px solid #000;
    border-radius: 50px 50px;
}
#appointment .info-txt{ 
    position: relative;
    margin: 12px 0;
    transition: all 0.5s ease 0s;
    background: #d33;
    display: inline-block;
    border-radius: 50px 50px;
    padding: 4px 20px 4px 60px;
}

#appointment .phbx:before {
    content: "\f095";
    font-family: 'Fontawesome';
    position: absolute;
    font-weight: 600;
    left: 0;
    top: -5px;
    font-size: 28px;
    width: 50px;
    height: 50px;
    line-height: 54px;
    text-align: center;
    background: #fff;
    border-radius: 50px;
}

#appointment .embx:before {
    content: "\f003";
    font-family: 'Fontawesome';
    position: absolute;
    font-weight: 400;
    font-size: 26px;
    left: 0;
    top: -5px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #fff;
    border-radius: 50px;
    
}

#appointment .addbx:before {
    content: "\f041";
    font-family: 'Fontawesome';
    position: absolute;
    font-weight: 600;
    font-size: 28px;
    left: 0;
    top: -5px;
    width: 50px;
    height: 50px;
    line-height: 52px;
    text-align: center;
    background: #fff;
    border-radius: 50px;
}
#appointment .infoinnbx:after {
    position: absolute;
    content: "";
    border: 2px solid #000;
    width: 42px;
    height: 42px;
    left: 4px;
    /* right: 4px; */
    top: -1px;
    line-height: 40px;
    border-radius: 50px;
    text-align: center;
}
/*#appointment .info-txt i{font-size: 28px;font-weight: 600;}*/
#appointment .info-txt a,
#appointment .info-txt p{
    position: relative;
    font-size: 20px;
    color: #000;
    margin-bottom: 0em;
    word-break: break-word;
    font-weight: 400;
}
#appointment .icnbx {
    position: relative;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 48px;
    height: 48px;
    background: #3ff;
    line-height: 58px;
    border-radius: 50px;
}
#appointment .app-title h2{
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin: 22px 0;
}
#appointment .app-form{ 
    position: relative; overflow: hidden;
    background: transparent linear-gradient(180deg, #FE931F 0%, #FDAF1B 100%) 0% 0% ;
    margin-bottom: 1em;
    border-radius: 14px;
    padding: 2px 3px 3px 3px;
}
#appointment .section-title { margin-bottom: 50px;}
#appointment .app-formbx {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 3em 3em 2em 3em;
    border-radius: 0 0 14px 14px;
}
#appointment .ht-inquiry-member-wrap {  position: relative;overflow:hidden;}

.ht-inquiry-member-wrap input[type="text"], 
.ht-inquiry-member-wrap input[type="email"], 
.ht-inquiry-member-wrap input[type="url"], 
.ht-inquiry-member-wrap input[type="password"], 
.ht-inquiry-member-wrap input[type="search"], 
.ht-inquiry-member-wrap input[type="number"], 
.ht-inquiry-member-wrap input[type="tel"], 
.ht-inquiry-member-wrap input[type="range"], 
.ht-inquiry-member-wrap input[type="date"], 
.ht-inquiry-member-wrap input[type="month"], 
.ht-inquiry-member-wrap input[type="week"], 
.ht-inquiry-member-wrap input[type="time"], 
.ht-inquiry-member-wrap input[type="datetime"],
.ht-inquiry-member-wrap input[type="datetime-local"], 
.ht-inquiry-member-wrap input[type="color"],
.ht-inquiry-member-wrap input[type="file"],
.ht-inquiry-member-wrap textarea{    
    border: 1px solid #ccc;
    width: 100%;
    color: #fff;
    margin: 0px 0 20px 0;
    border-radius: 2px;
    padding: 8px 10px 8px 14px;
    font-size: 16px;
    font-weight: 400;
    background: #3ff;
    /* box-shadow: -1px 0px 10px rgba(50,50,0,0.1); */
}
.ht-inquiry-member-wrap input[type="file"] {cursor: pointer;padding: 12px 20px;}
.ht-inquiry-member-wrap select{
    border: none;
    z-index: 2000;
    width: 100%;
    color: #595959;
    margin: 0 0 25px 0;
    border-radius: 10px;
    padding: 16px 20px;
    font-size: 14px;
    height: 100px;
    background: rgba(0, 0, 0, 0.8);
}
.ht-inquiry-member-wrap textarea { 
    height: 140px;
    padding: 12px 12px 12px 12px;
    width: 100%;
}
.ht-inquiry-member-wrap label{color:#fff;margin:0 0 1em;width: 100%;}
.ht-inquiry-member-wrap p{font-size: 16px;position: relative;}
.ht-inquiry-member-wrap input[type="submit"]{
    text-align: center;
    position: relative;
    background: #e1e1e1;
    padding: 4px 4px;
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    border-radius: 2px;
    margin: 0em 0 0em 0;
    word-break: break-all;
    transition: all 0.4s;
    box-shadow: none;
    width: 100%;
    border: none;
}
.ht-inquiry-member-wrap input[type="submit"]:hover{  transition: all 0.4s;}
.ht-inquiry-member-wrap div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: initial;
    background-image: url(../../images/ajax-loader.gif);
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}

/*----------------------------------------*/
/* 10. Blog Area
/*----------------------------------------*/
.blog-area {position: relative;overflow: hidden;}
.blog-area .blogbx{position: relative;padding:0 2.3em;margin-bottom: 1em; }
.blog-area .box-area-S { 
    position: relative;
    z-index: 1;
    border-radius: 8px 8px;
    transition: all 0.8s;
    box-shadow: 0 1px 1px 1px rgb(117 115 115 / 45%);
}
.blog-area .blog-single {position: relative;transition: all 0.8s;}
.blog-area .box-area-S .blog-thumbnail{ position: relative; }
.blog-area .blog-thumbnail img{ width: 100%;  height: 250px;transition: all 0.8s;border-radius: 8px 8px 0 0;}
.blog-area .box-area-S .blog-thumbnail:after{ 
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #3ff;
    transition: all ease 0.4s;
    opacity:1;
    border-radius: 8px 8px 0 0;
     opacity: 0.4;
}
.blog-area .box-area-S:hover .blog-thumbnail:after {
    height: 100%;
    transition: all ease 0.4s;  
}
.blog-area .bl-date {
    position: absolute;
    bottom: 10px;
    text-align: center;
    left: 10px;
    right: 10px;
    display: inline-block;
    transition: all 0.8s;
}
.blog-area .blog-singleinn {
    position: relative;
    padding:28px 10px 8px 14px;
}
.blog-area .blog-admbx {
   font-size: 18px;
    position: absolute;
    font-weight: 500;
    bottom: -22px;
    width: 86%;
    background: #FDAF1B;
    padding: 10px 4px 10px 14px;
    border-radius: 0px 3px 3px 0px;
    z-index: 1;
}
.blog-area .blog-admbx  i{padding-right: 6px;font-size: 20px;position: relative;font-weight: 600;}
.blog-area .blog-posts h4{
    font-size: 22px;
    font-weight: 700;
    margin: 10px 0 10px;
    line-height: 33px;
    text-align: left;
    word-break: break-word;
}
.blog-area .blog-single p{font-size: 18px; margin-bottom: 0;line-height: 27px;word-break: break-word;}
.blog-area .blog-btn { position: relative; }
.blog-area .blog-btn i { position: relative;top:2px; font-weight: 900;padding-left: 6px;}
.blog-area .blog-btn a {
    position: relative;
    overflow: hidden;
    top: 4px;
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
    font-size: 18px;
    padding: 8px 10px;
    color: #fff;
    transition: all 0.3s;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    z-index: 9;
    word-break: break-all;
    background-color: #000;
    border: none;
}
.blog-area .blog-btn a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 0px;
   background-color: #f3f;
/*background-image: linear-gradient(315deg, #4dccc6 0%, #96e4df 74%);*/
  transition: all 0.3s ease;
}
.blog-area .blog-btn a:hover {
    font-weight: 500;
    color: #fff;
    transition: all 0.3s ease;
}
.blog-area .blog-btn a:hover:after {
  top: 0;
  height: 100%;
}
.blog-area .blog-btn a:active {
  top: 2px;
}
/*----------------------------------------*/
/*  Newsletter Area
/*=======================================*/

#newsletter { position: relative; overflow: hidden;z-index: 0;}
#newsletter .newslettersign-box h3{font-size:40px ;font-weight: 600;margin: 0 0 15px 0;}
#newsletter .f-box{    
    position: relative;
    padding: 2em 2em 2em 18%;
    background: #000;
    width: 58%;
    border-radius: 0 900px 900px 0;
}
#newsletter .f-box:before {
    content: "";
    position: absolute;
    background: #d33;
    top: 0;
    bottom: 0;
    right: -90px;
    left: 0;
    border-radius: 0 900px 900px 0;
    z-index: -1;
}
#newsletter .f-box:after{
    content: "";
    position: absolute;
    background: #3ff;
    top: 0;
    bottom: 0;
    right: -180px;
    left: 0;
    border-radius: 0 900px 900px 0;
    z-index: -2;
}
#newsletter .box-form { position: relative;}
#newsletter  .ht-newsletter-member-wrap input::placeholder{ opacity: 1;}

.ht-newsletter-member-wrap input[type="text"], 
.ht-newsletter-member-wrap input[type="email"], 
.ht-newsletter-member-wrap input[type="url"], 
.ht-newsletter-member-wrap input[type="password"], 
.ht-newsletter-member-wrap input[type="search"], 
.ht-newsletter-member-wrap input[type="number"], 
.ht-newsletter-member-wrap input[type="tel"], 
.ht-newsletter-member-wrap input[type="range"], 
.ht-newsletter-member-wrap input[type="date"], 
.ht-newsletter-member-wrap input[type="month"], 
.ht-newsletter-member-wrap input[type="week"], 
.ht-newsletter-member-wrap input[type="time"], 
.ht-newsletter-member-wrap input[type="datetime"],
.ht-newsletter-member-wrap input[type="datetime-local"], 
.ht-newsletter-member-wrap input[type="color"],
.ht-newsletter-member-wrap input[type="file"],
.ht-newsletter-member-wrap select,
.ht-newsletter-member-wrap textarea{    
    z-index: 2000;
    width: 100%;
    color: #fff;
    margin: 0 0 20px 0;
    border-radius: 4px;
    padding: 17.3px 20px;
    font-size: 18px;
    font-weight: 500;
    background: #fff;
    border: none;
}
.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;
}
.ht-newsletter-member-wrap input[type="submit"] {
    /*text-indent: -999px;*/
    font-size: 24px;
    font-weight: 700;
    color: #e8e2f0;
    position: relative;
    padding: 12px 50px;
    border-radius: 4px;
}
/*.ht-newsletter-member-wrap .wpcf7:after {
    content: "\f105";
    position: absolute;
    top: 10px;
    font-size: 30px;
    font-weight: 600;
    right: 11.5%;
    color: #6843c4;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    font-family: 'Fontawesome';
}*/
#newsletter .so-box { width: 42%; position: relative; ;}
#newsletter .soci-icn {
    text-align: center;
    position: relative;
    margin-top: 4em;
}
#newsletter .soci-icn:before{
    content: "";
    position: absolute;
    background: #000;
    border-radius: 0 150px 150px 0;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -3;
}
#newsletter .soci-icn li{
    position: relative;
    transition: all 0.5s;
    list-style: none;display: inline-block;
    margin:1.5em 10px;
}
#newsletter .soci-icn li a i{
    font-size: 28px;
    transition: all 0.5s;
}
#newsletter .soci-icn li:hover i{
    color: #f3f3;
    transition: all 0.5s;
}


/*----------------------------------------*/
/*   Footer Area
/*----------------------------------------*/

.footer-area { position: relative;background: #292B2A;overflow: hidden;}
.footer-area .fbox { position: relative;}
.footer-area .single-footer-1,
.footer-area .single-footer-2,
.footer-area .single-footer-3,
.footer-area .single-footer-4{width: 25%;}

.footer-area .f-text { margin-bottom: 15px;}
.footer-area i { padding-right: 6px;}
.footer-area .menu li {display: block;margin-bottom: 1em;font-size: 15px;font-weight: 500; }
.footer-area li a {font-weight: 400;text-decoration: none;font-size: 18px;}
.footer-area .widget_recent_entries li:before,
.footer-area .menu li:before {
    position: relative;
    top: 1px;
    font-weight: 100;
    content: "\f101";
    font-family: 'Fontawesome';
    font-size: 22px;
    padding-right: 10px;
}
.footer-area .gallery-item {padding-right: 13px;padding-bottom: 13px;}
.footer-area ul {margin: 0 0 15px 00px;}
.footer-area p { margin-bottom: 10px;line-height: 25px;font-size: 16px;}

/*#footer .widget-title:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #d33;
    content: "";
    z-index: -1;
}*/
footer#footer.footer-area .widget-title {  
    position: relative; 
    color: #feffff;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 600;
    z-index: 1;
}

.footer-area .widget {margin-bottom: 1em;}
.footer-bottom-area ul li {display: inline-block;margin-left: 40px;margin-bottom: 0;position: relative;}
.footer-area .bottom-area {
    position: relative;
    z-index: 1;
    margin-top: 2em;
}
.footer-area .bottom-area ul { margin-bottom: 0;}
.footer-text, .footer-text a {position: relative;font-size: 20px;font-weight: 400;text-align: center;}
.footer-text b,.footer-text span,.footer-text bold{font-weight: 600;}
.footer-area  ul {
    list-style: none;
    margin: 10px 0 0 0px;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
.footer-area 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: 2px solid #000;
    font-size: 16px;
    margin-bottom: 8px;
    padding: 8px 10px 8px 20px;
    font-style: normal;
    font-weight: 400;
    word-break: break-all;
    border-radius: 4px;
}

.footer-area textarea {  height: 80px !important;}
.footer-area input[type="submit"]{
    margin-top: 0px;
    padding: 4px 20px;
    white-space: normal;
    font-weight: 600;
    font-size: 20px;
    border-radius: 4px;
    background: #fff;
    color: #000;
    display: inline-block;
    transition: all 0.3s;
    box-shadow: none;
}

.footer-area .top-area { padding: 0 0 0.5em;}
.footer-area label{ font-weight: 400;}
.footer-area div.wpcf7 input[type="file"] {font-size: 15px;font-weight: 500;width: 100%;margin-bottom: 30px;}
.footer-area select option{font-weight: 400;}
.footer-area .tagcloud a {font-size: 15px !important;font-weight: 400;}
.footer-area .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: 600;
    background: none;
    text-align: center;
    margin: 0 1em 0 0;
    transition: all .2s;
}
.footer-area .social-profile-icons ul li i{font-size: 22px;}
.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;}


/*----------------------------------------*/
/*   Testimonials Page
/*----------------------------------------*/
#innerpage-box .innertest-item{ width: 50%;padding: 0 3em;}
#innerpage-box .ts-area-single-inn{margin-bottom: 7em;}
 
#innerpage-box .tsarea-inn{  
    position: relative;
    transition: all 0.5s ease-in-out 0s;
    text-align: center;
    margin-top: 6em;
}
#innerpage-box .ts-area-thumb { position: absolute;margin-top: -5em;width: 100%;}
#innerpage-box .tsarea-inn:hover .testiimginn:after{
    border: 12px dashed #484848;
    transition:all 0.6s ;
    animation-name: spin;
    animation-duration: 8000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes spin { 
        from { 
            transform: rotate(0deg); 
        } to { 
            transform: rotate(360deg); 
        }
    }
#innerpage-box .testiimginn:after {
    content: "";
    width: 204px;
    height: 204px;
    border: 12px solid #d33;
    position: absolute;
    left: 0px;
    right: 0;
    top: -12px;
    bottom: 12px;
    margin: 0 auto;
    border-radius: 50%;
    opacity: 0.6;
    transition:all .5s ;
    z-index: 1;
}
#innerpage-box .ts-area-thumb img{ 
    width: 180px;
    height: 180px;
    position: relative;
    z-index: 1;
    transition: all 1s ease 0s;
    border-radius: 50%;
    margin: 0 auto;
    border: 18px solid #d33;
/*    outline: 12px solid #3ff;*/
    transition: all 0.5s ease-in-out 0s;
    transform: scale(1);
}

#innerpage-box .ts-area-content {
    position: relative;
/*    overflow: hidden;*/
    margin: 0 0 0px 0;
    transition: all 1s ease 0s;
    padding:7.2em 30px 30px 30px;
    transition: all 0.3s linear 0s;
    border-radius: 24px;
    background: #333232;
}
#innerpage-box .triangle_right {
    width: 134px;
    height: 134px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(45deg);
    bottom: -70px;
    background: #d33;
    border-radius:4px;
    border: none;
}
#innerpage-box .ts-area-bx{position: relative;margin-left: 18px;}
#innerpage-box .ts-area-c p {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    margin: 14px 0 14px 0;
    z-index: 1;
}
#innerpage-box h4.ts-area-title {
    position: relative;
    margin:0px 0 4px 0 !important;
    z-index: 1;
    font-weight: 700 !important;
}
#innerpage-box .text-designation{    
    position: relative;
    font-size: 18px;
    font-weight: 400;
    z-index: 1;
}

/*----------------------------------------*/
/*  09. Inner team page
/*----------------------------------------*/
#innerpage-box .our-team,
#team .inner-team{display: none;}
#innerpage-box .inner-team {
    position: relative; 
    overflow: hidden;
    margin-bottom: 2em;  
    padding: 0 20px;
}
#innerpage-box .imgbx {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    background: #232323;
}
#innerpage-box .imgbx img{width: 100%;height: auto;border-radius: 10px;}
#innerpage-box .team-box {
    position: relative;
    text-align: center;
    padding: 15px 0px 15px 0;
}
#innerpage-box .team-box h4{margin: 0 !important; padding: 0px 10px !important;}
#innerpage-box .team-member-designation {font-size: 18px;padding: 0px 10px ;}
#innerpage-box .team-social-icon {    
    position: relative;
    overflow: hidden;
    background: #1667ad;
    padding: 4px 4px 0px 4px;
    margin-top: 14px;
}
#innerpage-box .team-social-icon a{    
    margin: 4px 8px ;
    display: inline-block;
    position: relative;
    transition: 0.5s all;
}
#innerpage-box .team-social-icon a i{
    font-size: 22px;
    font-weight: 500;
    color: #767779;
    text-align: center;
    transition: 0.5s all;
}
/*--------------------------------------------------------------
# Gallery Script*/

/*fancybox.css*/

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

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

#innerpage-box .lz-gallery-images {position: relative;overflow: hidden;margin-bottom: 4px;}
#innerpage-box .img-wrapper {overflow: hidden;position: relative;}
#innerpage-box .gbox{padding: 8px;}
#innerpage-box .spa-gall {
    text-align: center;
}
/*#innerpage-box .lz-gallery-images img {
    transition: 0.5s all;
    width: 100%;
    border-radius: 8px;
    text-align: center;
}*/
#innerpage-box .lz-gallery-images a * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
#innerpage-box .lz-gallery-images a img {
  opacity: 1;
  width: 100%;
}
#innerpage-box .lz-gallery-images a:after,
#innerpage-box .lz-gallery-images a:before {
 background: linear-gradient(125deg,#f3f,#3ff 70%) no-repeat;
  width: 200%;
  height: 200%;
  position: absolute;
  content: '';
  opacity: 0.3;
  -webkit-transition: all 0.55s ease-in-out;
  transition: all 0.55s ease-in-out;
  z-index: 2;
}
#innerpage-box .lz-gallery-images a:after {
  top: 0;
  left: 0;
  -webkit-transform: skew(-45deg) translateX(-150%);
  transform: skew(-45deg) translateX(-150%);
}
#innerpage-box .lz-gallery-images a:before {
  right: 0;
  bottom: 0;
  -webkit-transform: skew(-45deg) translateX(150%);
  transform: skew(-45deg) translateX(150%);
}
/*#innerpage-box .lz-gallery-images a:hover img,
#innerpage-box .lz-gallery-images a.hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}*/
#innerpage-box .lz-gallery-images a:hover:after,
#innerpage-box .lz-gallery-images a.hover:after {
  -webkit-transform: skew(-45deg) translateX(-50%);
  transform: skew(-45deg) translateX(-50%);
}
#innerpage-box .lz-gallery-images a:hover:before {
  -webkit-transform: skew(-45deg) translateX(50%);
  transform: skew(-45deg) translateX(50%);
}
#innerpage-box .lz-gallery-images a{
    display: block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 15px;
/*    border: 6px solid #ff1944;*/
    border-top: none;
    border-bottom: none;
    transition: 0.5s ease;
}
#innerpage-box .lz-gallery-images img {
    position: relative;
    transition: 0.5s all;
    width: 100%;
    height: auto;
}

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

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

#innerpage-box .inn-single-service-bx {  padding: 0 12px;}
#innerpage-box .service_inbox{
    position: relative;
    overflow: hidden;
    transition: all .3s;
    border: 4px solid #d33;
    border-radius: 10px;
}
#innerpage-box .singleinner-service {
    margin-bottom: 2em;
    transition: all .3s;
    padding: 0px 0px;
    position: relative;
    overflow: hidden;
}
#innerpage-box .singleinner-service .service_inimg {
    position: relative;
    transition: all .3s;
    overflow: hidden;
}
#innerpage-box .singleinner-service .service_inimg img {
    position: relative;
    overflow: hidden;
    width: 100%;
    transition: all .3s;
    transition: filter 0.4s ease-in-out;
    filter: none;
    border-radius: 0;
}
#innerpage-box .singleinner-service .service_inimg::before {
    content: "";
    border-radius: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffca2a;
    opacity: 0.3;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
#innerpage-box .singleinner-service:hover .service_inimg::before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
#innerpage-box .serbx {
    position: relative;
    overflow: hidden;
    background: none;
    padding: 1em 1em 1em 1em;
    transition: all .3s;
}
#innerpage-box .serbx h3{
    margin: 2px 0 2px 0!important;
    padding: 0px 0;
}
#innerpage-box .serbx p{
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 5px 0 12px 0;
}
#innerpage-box .serbtn a i{    
    padding-left: 2px;
    font-weight: 900;
    position: relative;
    top: 2px;
}
#innerpage-box .serbtn a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    padding:8px 12px;
    color: #000;
    transition: all 0.5s;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    z-index: 9;
    word-break: break-all;
    background: #000;
    border-radius: 3px;
    border: none;
}
#innerpage-box .serbtn a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 0px;
    background-color: #3ff;
    transition: all 0.3s ease;
}
#innerpage-box .serbtn a:hover { color: #fff;}
#innerpage-box .serbtn a:hover:after {top: 0;height: 100%;}


/*----------------------------------------*/
/* project / inner Page
/*----------------------------------------*/

#project .main-projectinn,
#innerpage-box .main-project{display: none;}

#innerpage-box .main-projectinn {
    position: relative;
    overflow: hidden;
    width: 25%;
    float: left;
    margin-bottom: 1.5em;
    padding: 0 10px;
}
#innerpage-box .single-project{transition: all 0.3s ease 0s;position: relative;}
#innerpage-box .project-imgsingle-project {position: relative ; text-align: center;}
#innerpage-box .project-img{ position: relative; overflow: hidden;}
#innerpage-box .project-img img{width: 100%;height: 277px;border-radius: 4px;border: 3px solid #FDAF1B;}
#innerpage-box .project-img .overlay{
    position: absolute;
    overflow: hidden;
    top: 101%;
    left: 0;
    right: 0;
    bottom: 0;
    background-image:linear-gradient(to top,#000 12%,transparent 40%);
    transition: all 0.3s ease 0s;
    border-radius: 4px;
}

#innerpage-box .single-project:hover .overlay{top:-40%;transition: all 0.3s ease 0s;}
#innerpage-box .main-projectinn .projtxbx{
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    bottom: 10px;
    text-align: center;
    width: 86%;
    margin: 0 auto;
    border-radius: 50px;
    padding: 8px 12px;
    border: 1px solid #FDAF1B;
}
#innerpage-box .main-projectinn .projtxbx:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.83;
}
#innerpage-box .main-projectinn .projtxbx h4{
    margin: 0;
    position: relative;
    z-index: 1;
    font-weight: 600 !important;
}
#innerpage-box .main-projectinn .projtxbx p{display: none;}
/*-----------------------
## 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: 36px;
    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: 0px;
    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;
}

/*====## Contact Template ==========
====== {contact Inner Page} ========*/
/*************************************/
#innerpage-box {  position: relative;overflow: hidden;}
#innerpage-box .contact-address-area { position: relative;margin: 0em 0 4em 0;border-radius: 55px;}
#innerpage-box .c_area_oly{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #3e3e3e;
    opacity: 0.9;
    border-radius: 55px;
}
#innerpage-box .callimg {
    position: relative;
    margin: 0;
    padding: 0;
    text-align: center;
}
#innerpage-box .contact-address-area .txtbx {
    position: relative;
    margin-top: -28px;
}
#innerpage-box .contact-address-area .txtbx .bxtitle{
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 1em;
    background: #e7e6eb;
    border-radius: 4px;
    display: inline-block;
    padding: 2px 140px 2px 100px;
}

#innerpage-box .cntlhsbx{ 
    position: relative;
    overflow: hidden;
    padding: 3em 3em 1em 8em;
}
#innerpage-box .cntpgbx{ position: relative;transition: all 0.5s ease 0s;margin-bottom: 1.3em;}
#innerpage-box .cntpgicn{
    position: relative;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 43px;
    height: 43px;
    line-height: 54px;
/*    background: #fff;*/
    border-radius: 50px;
    border: 2px solid #d33;
    font-weight: 600;
}
#innerpage-box .cntpgicn i { font-size: 38px; font-weight: 800;}
#innerpage-box .cntpgicn i.fa.fa-envelope {font-size: 30px; position: relative;line-height: 30px;font-weight: 600;}
#innerpage-box .cntpgtxt h3{font-size: 22px; margin: 0 !important; padding: 0; font-weight: 500;}
#innerpage-box .cntlhsbx p { 
    display: inline-block;
    margin: 0;
    position: relative;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    word-break: break-all;
    position: relative;
    top: 2px;
    left: 6px;
}
#ht-contactus-wrap .contact-form{ position: relative; }
#innerpage-box .contact-address-area .contforminn {
    margin-left: -4px;
    position: relative;
    padding: 3.4em 2.8em 3em 0;
    border-radius: 0 50px 50px 50px;
    border: 4px solid #000;
}
#ht-contactus-wrap .conformbx{position: relative;margin-bottom: 10px;}
#ht-contactus-wrap .maintle{ 
    position: relative;
    font-size: 30px;
    font-weight: 700;
    margin: 0px 0 0em 0;
    word-break: break-word;
    /* text-align: center; */
    display: inline-block;
    background: transparent linear-gradient(180deg, #FDAF1B 0%, #FE931F 100%) 0% 0%;
    padding: 10px 60px 10px 40px;
    border-radius: 0 50px 50px 0;
}
/*#ht-contactus-wrap .maintle:after {
    content: "";
    position: absolute;
    bottom: 7px;
    border: 1px solid #d33;
    left: 0;
    right: 0;
}*/
#ht-contactus-wrap .ctform { text-align: center; padding-left: 2.8em;}

#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: 1.6em;
    border: 1px solid #fff;
    font-size: 16px;
    padding: 10px 8px 10px 14px;
    font-weight: 400;
    background: #f3f3;
    border-radius: 2px;
}
#ht-contactus-wrap textarea {   height: 150px;}
#ht-contactus-wrap input[type="submit"] {
    position: relative;
    padding: 10px 30px;
    width: 100%;
    font-weight: 400;
    font-size: 26px;
    display: block;
    border-radius: 0px;
    box-shadow: none;
    transition: all 1s ease 0s;
    margin-top: 1.5em;
    /* border: 2px solid #000; */
    border-radius: 2px;
}
#innerpage-box .contact-mapbox iframe { width: 100% !important; height: 400px;}
#innerpage-box .contact-mapbox { margin: 0 0 -6em 0;}

/*-----------------------
## FAQS page
-----------------------------*/
#content-box .fmfaqbx{padding:0 3em 1px 8px;margin: 10px 0 0 0;}
#content-box .faqfm {
    padding: 3em 3.5em 1em 3.5em;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 8px 4px #7c7a7a29;
    border-radius: 20px;
    margin-bottom: 2em;
}
#content-box .faqfmtlebx {
    position: relative;
    text-align: center;
}
#content-box .faqfmtle {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 34px 0;
    padding: 0;
    color: #000;
}
#content-box .faqfmtle:after {
    content: "";
    position: absolute;
    border: 2px solid #d33;
    bottom: 2px;
    left: 0;
    right: 0;
    display: inline-block;
    margin: 0 26px;
}
#content-box .faqform input[type="text"], 
#content-box .faqform input[type="email"], 
#content-box .faqform input[type="url"],
#content-box .faqform input[type="password"], 
#content-box .faqform input[type="search"], 
#content-box .faqform input[type="number"], 
#content-box .faqform input[type="tel"], 
#content-box .faqform input[type="range"], 
#content-box .faqform input[type="date"], 
#content-box .faqform input[type="month"], 
#content-box .faqform input[type="week"], 
#content-box .faqform input[type="time"], 
#content-box .faqform input[type="datetime"], 
#content-box .faqform input[type="datetime-local"], 
#content-box .faqform input[type="color"], 
#content-box .faqform select, 
#content-box .faqform textarea {
    margin-top: 1.4em;
    border: 1px solid #fff;
    font-size: 18px;
    padding: 12px 8px 12px 16px;
    font-weight: 400;
    background: #f3f3;
    border-radius: 4px;
}
#content-box .faqform textarea {   height: 150px;}
#content-box .faqform input[type="submit"] {
    position: relative;
    padding: 10px 10px;
    font-weight: 600;
    font-size: 23px;
    display: block;
    border-radius: 0px;
    box-shadow: none;
    transition: all 1s ease 0s;
    margin-top: 2em;
    border-radius: 10px;
    width: 100%;
}

div#content-box .faq-content button.accordion {
    position: relative;
    color: #444;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    margin: 0 0 6px 0;
    background: #fbb34d;
    padding: 2px 86px 2px 18px;
    border: none;
    transition: all 0.2s ease 0s;
    box-shadow: none;
    border-radius: 3px;
}
div#content-box .faq-content button.accordion.active{
    box-shadow: none;
    margin: 0;
    padding:2px 86px 2px 18px;
    border-radius: 0px 0px ;
}
div#content-box .faq-content button.accordion.active, button.accordion:hover {
    transition: all 0.2s ease 0s;
    opacity: 1;
}

/*div#content-box .faq-content button.accordion:before {
    content: "\f111";
    font-family: 'Fontawesome';
    line-height: 33px;
    width: 34px;
    height: 34px;
    font-size: 34px;
    color: #D9D9D9;
    position: absolute;
    transition: all 0.2s ease 0s;
    margin-left: 10px;
}*/

div#content-box .faq-content button.accordion:after {
    content: "\f0d7";
    font-family: 'Fontawesome';
    line-height: 54px;
    width: 76px;
    height: 54px;
    font-size: 30px;
    text-align: center;
    color: #000;
    float: right;
    position: absolute;
    font-weight: 500;
    top: 0px;
    right: 0;
    display: inline-block;
    transition: all 0.4s ease 0s;
    /* border: 2px solid #000; */
    border-radius: 4px;
    background: #d33;
}
div#content-box .faq-content button.accordion.active:after {
    content: "\f0d8";
    font-family: 'Fontawesome';
    transition: all 0.4s ease 0s;
/*    opacity: 0;*/

}
/*div#content-box .faq-content button.accordion.active:before{color: #d33;}*/
div#content-box .faq-content div.panel {
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin: 0px 0 10px 0;
    border: none;
    border-radius: 5px 5px;
    padding: 1px 20px 1px 20px;
    box-shadow:none;
}
/*div#content-box .faq-content div.panel{  border: 1px solid #000;border-top: none;}*/
div#content-box .faq-content div.panel.show {
    background: #f3f3;
    opacity: 1;
    max-height: 500px;
    padding: 0px 24px 10px 12px;
    border-radius: 0 0 2px 2px;
    margin-top: 0px;
    margin-bottom: 30px;
    box-shadow: 0px 1px 4px 1px #37363629;
}
div#content-box .faq-content div.panel p{
    margin: 18px 0px 12px 10px;
    line-height: 28px;
    font-size: 18px;
}
main#innerpage-box div#content-box h3.faq-title {
    padding: 10px 22px 10px 10px;
    margin: 0;
    font-weight: 400;
    line-height: 30px;
    word-break: break-word;
    text-align: left;
    font-size: 20px;
}
/*main#innerpage-box div#content-box h3.faq-title:after {  display: none;}*/
div#content-box .faq-content.padding0 p {
    font-size: 15px;
    padding: 25px 25px 10px 25px;
    letter-spacing: 1px;
    word-break: break-word;
}
/*-----------------------
## End FAQS page
-----------------------------*/

.col-container { display: table; width: 100%;}
.col-oursteps{ 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;}
.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: 0px 15px 0;
    position: relative;
    overflow: hidden;
    /*background: url(images/sbar.jpg);*/
}
div#sidebars.sidebar{position: relative;z-index: 1;}

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

.widget-area form#searchform input[type="submit"] {
    border-radius: 5px!important;
    background: transparent;
    overflow: hidden;
    text-align: center;
    padding: 14px 8px !important;
    border: none;
    box-shadow: none;
    float: right !important;
    position: absolute!important;
    right: 9% !important;
    text-indent: -999px !important;
    width: 20% !important;
    z-index: -999 !important;
    bottom: 9%;
    top: auto;
}
.widget-area form#searchform:hover input[type="submit"],
.widget-area form#searchform input[type="submit"]:hover {
    animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    opacity: 1;
    z-index: 999 !important;
}

.widget-area form#searchform:after {
    position: absolute;
    margin-top: -16%;
    font-size: 20px;
    right: 10%;
    text-align: center;
    color: #fff;
    background: #d33;
    background-repeat: no-repeat;
    height: 52px;
    line-height: 52px;
    width: 62px;
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
    border-radius: 5px;
    opacity: 1;
}

.home-page {  padding: 0 0 30px 0;}
#innerpage-box{padding:2em 0em 2em;margin-top: 2em;}
div#content-box {
    padding: 0 1em;
    position: relative;
    overflow: hidden;
}
#content-box .woocommerce-MyAccount-navigation-link:before{margin-right: 0px;}
#content-box h4{ margin: 20px 0 5px 0; }
#content-box ul{ padding: 0 0 0px 10px;list-style: none;font-size: 18px;margin: 0;}
#content-box ol{ font-size: 18px;}
#content-box ol ol ,
#content-box ul ul {   margin-left: 15px !important;}
#content-box ul li:before {
/*    content: "\f111";*/
    
    font-family: 'Fontawesome';
    margin-right: 30px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #fff;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    top: 0px;
    position: relative;
/*    background: #000;*/
    text-align: center;
    font-size: 20px;
    width: 30px;
    line-height: 30px;
    height: 30px;
    border-radius: 50px;
    font-weight: 600;
/*    transform: rotate(45deg);*/
}
#content-box ul li:hover:before { transform: scale(1.2);}
#secondary .widget li:before{display: none;}
.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 ul#recentcomments li:before, #content-box ul#recentcomments li span:before   {
    display: none;
}

/*#content-box ol li:hover:before { transform: scale(1.2);}*/
main#innerpage-box #content-box ol {  margin: 0;}
#content-box ol {counter-reset: li;list-style: none;/*list-style: decimal;*/}
#content-box ol li {
    margin-top: 1em;
    position: relative;
    padding-left: 3em;
    min-height: 60px;
    padding-top: 4px;
}
#content-box ol li:before {
    content: counter(li);
    counter-increment: li;
    color: #fff;
    background: transparent;
    border-radius: 50px;
    font-size: 18px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-weight: 400;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
#content-box ol li:after{
    content: "";
    position: absolute;
    border-radius: 50px;
    height: 34px;
    width: 34px;
    line-height: 36px;
    left: 0px;
    right: 0;
    top: 0px;
    bottom: 0;
    border: 2px solid #d33;
    transform: rotate(42deg);

}
#content-box .comment:after{display: none;}

.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 25px;}
.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;}
.toggle-bar{display: none;}
.oops-text { position: relative; z-index: 1;}
.error404 .error-404{
    color: #ffffff;
    font-size: 195px;
    text-align: center;
    display: block;
    animation: effect linear 1900ms infinite;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 240px;
}
@keyframes effect {
   0%{
        text-shadow:
            4px -4px 0 #000, 3px -3px 0 #000,
            2px -2px 0 #000, 1px -1px 0 #000,
            -4px 4px 0 #000, -3px 3px 0 #000,
            -2px 2px 0 #000, -1px 1px 0 #000;
    }
    25%{
        text-shadow:
            -4px -4px 0 #000, -3px -3px 0 #000,
            -2px -2px 0 #000, -1px -1px 0 #000,
            4px 4px 0 #000, 3px 3px 0 #000,
            2px 2px 0 #000, 1px 1px 0 #000;
    }
    50%{
        text-shadow:
            -4px 4px 0 #000, -3px 3px 0 #000,
            -2px 2px 0 #000, -1px 1px 0 #000,
            4px -4px 0 #000, 3px -3px 0 #000,
            2px -2px 0 #000, 1px -1px 0 #000;
    }
    75%{
        text-shadow:
            4px 4px 0 #000, 3px 3px 0 #000,
            2px 2px 0 #000, 1px 1px 0 #000,
            -4px -4px 0 #000, -3px -3px 0 #000,
            -2px -2px 0 #000, -1px -1px 0 #000;
    }
    100% {
        text-shadow:
            4px -4px 0 #000, 3px -3px 0 #000,
            2px -2px 0 #000, 1px -1px 0 #000,
            -4px 4px 0 #000, -3px 3px 0 #000,
            -2px 2px 0 #000, -1px 1px 0 #000;
    }
}

@media only screen and (max-width: 767px){
  .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 479px){
   .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 359px){
   .error404 .error-404{ font-size: 122px; }
}
@media screen and (min-width: 769px){
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    
}
.woocommerce #reviews h2 small{
    float: none;
}
/*-----------------------
## page scroll
-----------------------------*/
#back2Top {
     /*display: none;*/
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding:4px;
    line-height: 22px;
    text-align: center;
    font-size: 25px;
    transform: rotate(-90deg);
    text-decoration: none;
    z-index: 99999;
    width: 48px;
    height: 40px;
    transition: all 0.2s ease 0.2s;
    -moz-transition: all 0.2s ease;
}
#back2Top svg:hover{transition: all 0.3s ease 0.2s;}
.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;
}
#secondary .widget ul li,
#sidebars .widget ul li{margin:0 6px 1em 6px !important; }
div#secondary caption {padding-top: 12px;padding-bottom: 12px;padding-left: 10px;}
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;}
/*.woocommerce .woocommerce-product-rating .star-rating span,*/
.woocommerce-Price-amount span{color:#000 !important;}
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: 18px;font-weight: 600 !important;}
.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;
}

/*---------------FOR SINGLE PRODUCT PAGE PRODUCT IMAGE GALLERY---------------------------------------*/

.woocommerce-product-gallery__wrapper{width:100%;height: 100%;}
.woocommerce-product-gallery__image.flex-active-slide a img {
    height: 100% !important;
    width: 100% !important;
}

ul.flex-direction-nav {
    position: absolute;
    top: 30%;
    z-index: 99999;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0px;
    list-style: none;
}

li.flex-nav-prev {float: left;}
li.flex-nav-next {float: right;}
a.flex-next {visibility:hidden;}
a.flex-prev {visibility:hidden;}

a.flex-next::after {
    visibility:visible;content: '\f054';
    font-family: 'FontAwesome';
    margin-right: 10px;
    font-size: 20px;   
    font-weight: bold;
}
a.flex-prev::before {
    visibility:visible;
    content: '\f053';
    font-family: 'FontAwesome';   
    margin-left: 10px;
    font-size: 20px;
    font-weight: bold;
}
ul.flex-direction-nav li a {
    color: #ccc;
}
ul.flex-direction-nav li a:hover {
    text-decoration: none;
}

/*---------------END FOR SINGLE PRODUCT PAGE PRODUCT IMAGE GALLERY---------------------------------------*/
/*-----------------------
## 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);
}

/*-----------------------
## Blog Inner Page 
-----------------------------*/
#innerpage-box .inner-blog-post{ padding: 0em 2em; margin: 0em 0em 3em 0em;position: relative;float: left;}
#innerpage-box .inner-blogpost {
    padding: 0 0 4px 0;
    border-radius:8px 8px;
    box-shadow: 0px 0px 2px 0px rgb(0 0 0);
    transition: all 0.3s ease;
}
#innerpage-box .inner-blogpost .ht-blog-thumbnail { position: relative;}
#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
/*    height: 300px;*/
    transform: scale(1);
    transition: all 1s ease 0s;
    border-radius: 8px 8px 0 0;
}
#innerpage-box .blog-admbx {
   font-size: 18px;
    position: absolute;
    font-weight: 500;
    bottom: -22px;
    width: 86%;
    background: #FDAF1B;
    padding: 10px 4px 10px 14px;
    border-radius: 0px 3px 3px 0px;
    z-index: 1;
}
#innerpage-box .blog-admbx  i{padding-right: 6px;font-size: 20px;position: relative;font-weight: 600;}

#innerpage-box .inner-blogpost-info {
    position: relative;
    overflow: hidden;
    padding: 35px 20px 12px 20px;
    border-radius: 0 0 8px 8px;
}
main#innerpage-box #blog-box h2{
    word-break: break-word;
    margin: 0px 0 2px 0;
    line-height: 33px;
}
#innerpage-box .inner-blog-excerpt p,
#innerpage-box .inner-blog-excerpt {
    font-size: 18px;
    font-weight: 400;
    word-break: break-word;
    padding: 0px;
    position: relative;
    line-height: 30px;
}
#innerpage-box .blog-btn {
    margin-top: 10px;
}
#innerpage-box .blog-btn a i {  
    top: 2px;
    padding: 0px 0px 0px 0px;
    position: relative;
    font-weight: 900;
}
#innerpage-box .blog-btn a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
    font-size: 18px;
    padding:4px 12px;
    color: #000;
    transition: all 0.5s;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    z-index: 9;
    word-break: break-all;
    background: #000;
    border-radius: 3px;
    border: none;
}
#innerpage-box .blog-btn a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 0px;
    background-color: #3ff;
    transition: all 0.3s ease;
}
#innerpage-box .blog-btn a:hover { color: #fff;}
#innerpage-box .blog-btn a:hover:after {top: 0;height: 100%;}

/*--------------------------------------------------------------
## 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;margin: 20px 0;}

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


/*div#secondary.widget-area .widget:first-child {  padding-top: 0;}*/
/*#innerpage-box .widget_search .widget-title{margin: 0px 0px 0em 0 !important;}*/

.wp-block-group__inner-container h2,
 #innerpage-box .widget-area .widget-title {
    font-size: 20px !important;
    color: #000;
    font-weight: 500;
    background: #f3f;
    padding:15px 10px 15px 30px;
    margin: 0px 0px 1.4em 0;
    position: relative;
    display: block;
    text-align: left;
    border: 1px solid #000;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

 #innerpage-box .widget-area .widget-title:before{
    content: "\f111";
    font-family: 'Fontawesome';
    position: absolute;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    left: 27px;
    z-index: -1;
    color: #d33;
 }
/* .wp-block-group__inner-container h2::after ,
 #innerpage-box .widget-area .widget-title::after {
    position: absolute;
    content: "";
    top: -19px;
    left: 9px;
    width: 17px;
    height: 18px;
    background: var(--unnamed-color-2a2a2a) 0% 0% no-repeat padding-box;
   
    border-radius: 13px 0px 0px 0px;
    opacity: 1;
    z-index: 0;
    background: #000;
}*/

main#innerpage-box .widget-area .tagcloud a {
    margin: 2px 4px;
    padding: 1px 1px;
    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 1em 0 1em;}
.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 0px 0 ;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;}

#secondary .widget_calendar table tbody td{color: #fff !important;}
/*--------------------------------------------------------------
## 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{border-color: #6a1b9a;}
 main#innerpage-box h2.woocommerce-loop-product__title {font-weight: 500;}
.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;display: flex;}
.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: 600 !important;}
.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 #comments h2, 
.woocommerce-page #reviews #comments h2 { margin-bottom: 10px !important;}
.woocommerce-Reviews .comment-form-author, 
.woocommerce-Reviews .comment-form-email{ width: 100%;}
.woocommerce-Reviews .comment-form-author input,
.woocommerce-Reviews .comment-form-email input{width: 100%;}
.related.products h2{ margin-bottom: 30px;}
.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, .woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]{background: #fe5722;padding: 10px 20px;color: #FFF;}
.woocommerce #respond input#submit.disabled:hover, 
.woocommerce #respond input#submit:disabled:hover, 
.woocommerce #respond input#submit:disabled[disabled]:hover, 
.woocommerce a.button.disabled:hover, 
.woocommerce a.button:disabled:hover, 
.woocommerce a.button:disabled[disabled]:hover, 
.woocommerce button.button.disabled:hover, 
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover, 
.woocommerce input.button.disabled:hover, 
.woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover{background: #333;color: #FFF;}

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

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

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

.woocommerce-error a.button, 
.woocommerce-info a.button, 
.woocommerce-message a.button{
    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;}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/
.carousel-indicators li{ background-color: #6963635c; border: 1px solid #6963635c;}

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 8px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}

/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce .star-rating {
    float: right;
    position: relative;
    height: 3em;
    line-height: 1;
    font-size: 1em;
    width: 100%;
    font-family: star; 
    overflow: initial;
}
.woocommerce .star-rating span {
    overflow: hidden;
    float: left;
    top: 0px;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}
.woocommerce .star-rating span::before {
    content: '\53\53\53\53\53';
    top: 0;
    position: absolute;
    left: 0;
    display: none;
}
.woocommerce .star-rating::before {
    content: '\73\73\73\73\73';
    color: #d3ced2;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    /*display: none;*/
}
.comment-text .star-rating { margin-top: 0; margin-right: 0; margin-bottom: 0;}
.woocommerce .star-rating, .woocommerce-page .star-rating {margin-bottom: 0 !important;}

/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce div.product form.cart .button, 
.woocommerce-page div.product form.cart .button, 
.woocommerce #content div.product form.cart .button, 
.woocommerce-page #content div.product form.cart .button {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    margin: 0;
}
.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;
    margin: 2px 0;
    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 only screen and (max-width: 1600px) {
header .hbx2 { padding: 2px 6px 2px 6px;}
.slider_content { top: 22%; left: 2%;}
.slider_section .ph-bx {  width: 35%;}
#newsletter .f-box {padding: 2em 2em 2em 8%;}
#newsletter .soci-icn { padding-right: 7em; text-align: right;}
}

@media only screen and (max-width: 1299px) {
.navigation .mainmenu>li>a {font-size: 18px !important;}
.slider_section .ph-bx { width: 38%;}
#newsletter .soci-icn { padding-right: 5em;}
.footer-area input[type="submit"] { padding: 8px 26px;font-size: 18px;  }
#innerpage-box .inner-blogpost{margin: 0 ;}
}

@media screen and (max-width: 1200px){
 .ct-btn-scroll{ bottom: 20px; }
 .new-page.menu-new{
    display:none;
}
}

@media screen and (max-width: 1199px){
.widget-area a { padding: 6px 42px 6px 12px;}
.slider_section .title { font-size: 50px; line-height: 64px;}
.slider_section .Ph-nobx { font-size: 30px;}
.slider_section .imbx:after {width: 87px; height: 50%;}
.slider_section .ph-bx {width: 40%; padding: 26px 10px 26px 30px;}
.slider_section .btn5 { margin-top: 0em;}
.slider_section .owl-nav { bottom: 2%;}
#service .owl-next { right: -64px !important;}
#service .sertxbx h4 {font-size: 20px;}
#project .subtitlebx h1 {font-size: 20px;}
#project .subtitlebx p { font-size: 16px;line-height: 26px;}
#about .about-area-data h4{margin: 8px 0 0 15px;}
#team .ht-team-member { padding: 0 0px;}
#innerpage-box .singleinner-service { margin-bottom: 1em;}
#appointment .app_infbx { left: 0em;}
#appointment .app_infbx { top: 3em;}
#appointment .info-txt a, #appointment .info-txt p{font-size: 14px;}
#appointment .info-txt {  padding: 4px 12px 4px 60px;}
.blog-area .blogbx { padding: 0 1em;}
.wp-block-group__inner-container h2, #innerpage-box .widget-area .widget-title {font-size: 20px !important;}
#innerpage-box .inn-single-service-bx {padding: 0 10px;}
#innerpage-box .innertest-item { padding: 0 1.5em;}
#innerpage-box .inner-blog-post { margin: 0em 0em 1em 0em;padding:0 10px;}
#content-box .fmfaqbx { padding: 0 15px 1px 8px;}
#innerpage-box .contact-address-area .txtbx .bxtitle { font-size: 32px;}
#innerpage-box .cntlhsbx {padding: 1em 1em 1em 1em;}
#innerpage-box .contact-address-area .txtbx .bxtitle { display: block; padding: 2px;}
.widget-area form#searchform:after {  margin-top: -23%;}
.widget-area form#searchform input[type="submit"] { right: 9% !important;width: 31% !important;bottom: 9%;}
}

@media screen and (max-width: 1024px){
.logo { padding: 1px 4px 1px 1em;}
.breadcrumbbox {margin: 0em 0 2em 1em;}
#service .owl-prev { left: -48px !important;}
#service .owl-next { right: -48px !important;}
#newsletter .newslettersign-box h3 { font-size: 30px;}
.ht-newsletter-member-wrap input[type="submit"] {font-size: 18px; padding: 8px 30px;}
#newsletter .f-box:before { right: -32px;}
#newsletter .f-box:after {right: -60px;}
.ht-newsletter-member-wrap input[type="text"], .ht-newsletter-member-wrap input[type="email"], 
.ht-newsletter-member-wrap input[type="url"], .ht-newsletter-member-wrap input[type="password"], 
.ht-newsletter-member-wrap input[type="search"], .ht-newsletter-member-wrap input[type="number"], 
.ht-newsletter-member-wrap input[type="tel"], .ht-newsletter-member-wrap input[type="range"], 
.ht-newsletter-member-wrap input[type="date"], .ht-newsletter-member-wrap input[type="month"], 
.ht-newsletter-member-wrap input[type="week"], .ht-newsletter-member-wrap input[type="time"], 
.ht-newsletter-member-wrap input[type="datetime"], .ht-newsletter-member-wrap input[type="datetime-local"], 
.ht-newsletter-member-wrap input[type="color"], .ht-newsletter-member-wrap input[type="file"], 
.ht-newsletter-member-wrap select, .ht-newsletter-member-wrap textarea{ padding: 8px 20px;}
#newsletter .soci-icn { margin-top: 3em;}
}

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

@media screen and (min-width: 992px) and (max-width: 1023px){
.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%;}
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 (max-width: 1012px){
.header-transparent .sticky-header {padding: 0;
}
}

@media screen and (max-width: 1000px){
    .toggle-bar{
     display: block;
     position: absolute;
     top: -35px;
     right: 35px;
     width: 50px;
     background: #fe5722;
     cursor: pointer;
     text-align: center;
     color: #fff;
     padding: 20px 0;
     cursor: pointer;
 }
 .toggle-bar span{
    position: absolute;
    top: 50%;
    margin-top: -2px;
    height: 4px;
    left: 8px;
    right: 8px;
    background: #FFF;
    box-shadow: 0 10px 0 0 #FFF, 0 -10px 0 0 #FFF;
}
}

@media (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;}
}

@media only screen and (max-width: 991px) {
header .hbx-inn { background: none !important;}
.logo { padding: 1px 4px 1px 1em;background: none !important; text-align: center;}
header .Hbtn { text-align: left;}
.navigation .mainmenu { display: block;}
.navigation .mainmenu li:hover ul li:hover > ul{display: inline-block !important;}
.navigation .mainmenu ul.sub-menu li { margin: 0 9px 1px 2px;}
.dlab-topbar-right {padding-left: 0;padding-right: 15px;}
.dlab-topbar-left{
    padding-right: 0;
}
}

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

.top-bar-head {padding: 0.1em 0;border-bottom: none;}
.home.page-template .site-header { position: relative;}
header .mobnone1{order: 1;}
header .head-menu{order: 2;}
header .Hbtn a{margin-left: 15px;display: inline-block;}
header .hbx2{background: none !important;}
header .h-img{border: none;background:none;}
header .hbx2 { padding: 4px;}
.navigation .mainmenu li a::before{display: none;}
.site-navigation{background:none ;}
.slider_section .title { font-size: 44px; line-height: 50px;}
.slider_section .ph-bx {
    width: 46%;
    padding: 10px 10px 10px 10px;
    clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
}
.slider_section .btn5 { margin-top: 10px;display: inline-block;}
.slider_section .owl-nav{display: none;}
.page-main-header .olay:after{display: none;}
.page-main-header{padding: 4em 0 4em !important;}
.page-main-header .overlay1 {top: 2em;}
.ht-main-title { margin: 0px 0px 10px 0;}
.site-header {position: relative;background: #000;}
#project .owl-nav{display: none;}
#about .img-title,#about .abt-oly,
#about .aboutarea-img img { width: 100%;}
#about .abt-rbx { margin: 3em 0 0 0;}
.section-title{margin-left: 0;}
.section-title h2,.section-title h3 { font-size: 30px;}
#testimonials .owl-carousel .owl-nav,
#service .owl-carousel .owl-nav{display: none;}
#service .section-title { width: 100%;}
#service .single-service-bx { padding: 0 2px;margin-bottom: 1em;}
#service .service-icon h4 {font-size: 18px;}
#gallery .homegalry,
.homegalry:nth-child(1),
.homegalry:nth-child(6),
.homegalry:nth-child(7){width: 33.33% !important;}
#gallery .spa-gall img {  height: 280px;}
#appointment .app_l { top: 0em;}
#appointment .app_infbx { left: -4em;}
#appointment .app-form {margin-top: 1em;}
.blog-area .blogbx {  padding: 0 10px;margin-bottom: 1em;}
.blog-area .blog-posts h4 { font-size: 22px; line-height: 26px;}
.blog-area .blog-admbx .comm { text-align: left;}
.blog-area .blog-admbx { font-size: 16px;}
.blog-area .blog-btn .btn1 {font-size: 16px;}
.blog-area .blog-btn a i { padding: 6px 4px 0px 6px;}
#about,#team,#testimonials,#gallery,#appointment,.feature-area,#callus,#achievement,#counter,#support,#project,
#course,#banner-section,#ourvideo-section,#blog ,#ourclient,#newsletter,
#service{ padding: 2em 0 !important;}
#project .project-icon img{margin: 10px 0 0 0;}
#newsletter .f-box{width: 90%;padding: 2em 2em 2em 2em;}
#newsletter .so-box { width: 100%;}
#newsletter .soci-icn{text-align: center;padding: 4px;margin-top: 1em;}
#newsletter .soci-icn li { margin: 0.5em 10px;}
#newsletter .soci-icn li a i { font-size: 20px;}
.footer-area li a { font-size: 16px;}
.footer-area .social-profile-icons ul li a { margin: 0 8px 0 0;}
footer#footer.footer-area .widget-title { margin-bottom: 15px;}
#footer{ padding: 1em 0 1em 0em !important;}
.footer-area .newstitle h3 {font-size: 30px; margin: 0 0em 10px 0;line-height: 40px;}
.widget-area form#searchform:after { margin-top: -26%;}
#innerpage-box .main-projectinn { width: 50%;}
#innerpage-box {  padding: 2em 0em ;}
#innerpage-box .contact-address-area .contforminn {padding: 1em;}
#ht-contactus-wrap .ctform { padding-left: 0.4em;}
#innerpage-box .cntlhsbx {padding: 1em 1em 1em 1em;}
#innerpage-box .cntlhsbx p { font-size: 18px;padding: 5px 0 0 0px;}
#innerpage-box .contact-img {margin-top: 1em; margin-left: -4em;bottom: -2em;}
#innerpage-box .lz-gallery-images img { height: 250px !important;}
div#content-box .faq-content button.accordion:after {width: 50px;}
div#content-box .faq-content button.accordion.active,
div#content-box .faq-content button.accordion {padding: 2px 54px 2px 18px ;}
blockquote { padding: 4em 2em !important;}
blockquote:after { bottom: -2px; font-size: 45px;}
#innerpage-box .cntpgicn{margin: 0 auto;}
.widget-area ul li:before{margin-right: 4px !important;}
main#innerpage-box #sidebars li {margin-left: 5px;}
#innerpage-box .innertest-item { padding: 0 14px;}
header.site-header input[type='search'], 
header.site-header input[type='search']:hover { width: 100%;}
.footer-area .bottom-area { bottom: 0; position: relative;}
.s-footer { padding-bottom: 0em;}
#content-box ol li { padding-left: 3em;}
}

@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;}
body.admin-bar .navigation { top: 45px;}
.top-bar-head { padding:0.8em !important;}
.footer-area input[type="submit"] {font-size: 16px;}
.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 {
    font-size: 12px;
}
}

@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; overflow: hidden;
}
}


@media screen and (min-width: 320px) and (max-width: 768px){
.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;display: block !important;}
.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;}
header.site-header ul.sub-menu li a {padding: 5px 45px;}
}

@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{ font-size: 16px;}
.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: 767px){
.widget-area a { padding: 6px 12px 6px 12px;}
.slider_content {width: 90%;}
.slider_section .title { font-size: 30px; line-height: 30px;}
.slider_section .Ph-nobx { font-size: 20px;padding: 0;}
.slider_section .ph-icnbx {width: 40px; height: 40px;line-height: 40px;}
.slider_section .ph-icnbx svg {width: 25px;height: 25px;}
#about .img-title { bottom: 0;}
#about .img-title h3 { font-size: 30px;}
#about .abt-rbx { margin: 1em 0 0 0;}
#about .hi-icon { margin: 0 auto;}
#about .abt-btn {text-align: center; margin-top: 1em;}
#service .service-icon img{width: 100%;}
#appointment .aptitlbx {left: 0;top: 0em;}
#appointment .app_infbx {top:0;left: 0em;}
#newsletter .f-box{width: 96%;}
#newsletter .box-form {padding-left: 1em;}
#newsletter .f-box:after,
#newsletter .f-box:before{display: none;}
.blog-area .blog-posts h4 { font-size: 20px; line-height: 25px;}
#about, #team, #testimonials, #gallery, #appointment, .feature-area, #callus, #achievement, #counter, #support,
#project, #course, #banner-section, #ourvideo-section, #blog, #ourclient, #newsletter, #service{padding: 1em 0 !important}
#secondary.widget-area { padding: 0px 0;}
.ht-inquiry-member-wrap textarea { height: 100px;}
#ht-contactus-wrap input[type="submit"] {padding: 4px 20px;font-size: 18px;}
#innerpage-box .main-projectinn { width: 100%;}
#innerpage-box .item.innertest-item { width: 100%;}
#innerpage-box .innertest-item { padding: 0px 0px;}
#innerpage-box .serbx h2 {line-height: 30px;}
#innerpage-box .singleinner-service { margin-bottom: 1.5em;}
#innerpage-box .serbx p {font-size: 16px; line-height: 25px;padding: 5px 0 5px 0;}
#innerpage-box .serbtn .btn1{font-size: 18px;}
#innerpage-box .faq { margin-top: 1em;}
.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;}
.widget-area form#searchform:after {    margin-top: -12.2%;height: 55px;line-height: 55px;}
.widget-area form#searchform input[type="submit"]{ width: 18% !important; bottom: 6%;}
#content-box .faqfm {padding: 1em 1.5em 1px;}
#content-box .faqfmtle {margin: 0 0 4px 0;}
#innerpage-box .cntpgbx { margin-bottom: 1em;text-align: center;}
#innerpage-box .contact-address-area .contforminn {margin: 1em 0 0 0;}
#secondary .widget_nav_menu li a:before, #sidebars .widget_nav_menu ul li a:before{right: -3%;}
#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{padding: 10px 3px 10px 12px;}
.widget-area li{padding-left: 3%;}
#innerpage-box .lz-gallery-images img {height: 300px !important;}
#innerpage-box .inner-blogpost .blog-Athr .comm { text-align: left;}
.footer-area .single-footer-1,
.footer-area .single-footer-2,
.footer-area .single-footer-3,
.footer-area .single-footer-4{width: 50%;}
}
/*@media screen and (max-width: 600px){  
    html {
        margin-top: 0px !important;
    }
}*/
@media screen and (max-width: 580px){  
.ht-team-counter-wrap{  margin-left: 0;}
.ht-portfolio{ width: 50%; padding: 4px;}
.slider_content { top: 14%;}
.slider_section .sub-title{margin: 4px 0;}
.slider_section .btn5 a {font-size: 16px; padding: 6px 8px;}
}

@media screen and (max-width: 575px){
.slider_section .ph-bx { width: 60%;}
.slider_content { top: 30%;}
.slider_section .shape{left: -26% !important;}
.slider_section .owl-carousel img{width: 100% !important;}
.slider_section .imbx:after,
.slider_section .ph-icnbx:after{display: none;}
.section-title h2, .section-title h3{ font-size: 24px;}
#about .icnbx{width: 15%}
#about .contbx{width: 85%}
#about .abtsection-title h1 { font-size: 20px;}
#about .abtsection-title h2 { font-size: 20px; line-height: 30px;}
#about .section-subtext p { font-size: 16px;}
#team .team-social-icon {right: -10px;}
#innerpage-box .cntlhsbx p,
#innerpage-box .cntpgtxt{text-align: center;}
#innerpage-box .cntpgicn { margin: 10px auto 0 auto;}
#innerpage-box .cntpgtxt p {font-size: 18px;}
.widget-area a { padding: 6px 0 6px 10px;}

}

@media screen and (max-width: 520px){
.top-bar-head .head-menu {  padding-right: 0em;}
.page-main-header .overlay1 { left: -15%; width: 70%;}
header .woocommerce-breadcrumb, .breadcrumbbox .button{font-size: 18px;padding: 6px 10px 6px 30px !important;}
header .woocommerce-breadcrumb:before, .breadcrumbbox .button:before{left: 14px; top: 16px; padding: 4px;}
.s-footer { 
    margin-bottom: 1em;
}
}
@media screen and (min-width: 320px) and (max-width: 475px){
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{ font-size: 20px !important;}
.single-productpage .innerpage-whitebox{ padding: 0;}
.woocommerce-page.columns-3 ul.products li.product, 
.woocommerce.columns-3 ul.products li.product { width: 30.75%; width: 100% !important;}
#blog-box h2{font-size: 22px !important;}
.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){
.header-seo.header-transparent .is-fixed .main-bar img { top: 55px;}
.header-seo.header-transparent .is-fixed .main-bar img { top: 50px;}
.slider_content { top: 12%;}
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;}
.header-transparent .is-fixed .main-bar h1.ht-site-title{top: 35px;}
.resp_head_box{margin-bottom: 0;}
.logo {padding-right: 0;text-align: center;}
#appointment .app-formbx { padding: 2em 2em 2em 2em;}
#project .project-icon img {height: 280px;}
.page_featured {margin: 0 2em;margin-bottom: 1em;padding: 3em 4em;}
main#innerpage-box h1, 
body.page-template-default main#innerpage-box h1, 
.ht-main-title, #ht-contactus-wrap h1 { font-size: 26px !important;}
.footer-area .footerlayer-3{bottom: 10%;}
.footer-area .footerlayer-2{bottom: 40%;}
.footer-area .footerlayer-1{top: 2%;left: 35.3%;}
.footer-area input[type="submit"] { position: relative; top: 0px;}
.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{padding: 12px 10px 12px 18px;}
.footer-bottom-area ul li { margin: 0 10px;}
.footer-text, .footer-area li{font-size: 14px;}
body {   position: inherit; }
.comment-form-url,
.comment-form-author,
.comment-form-email{ width: 98%;}
.widget-area form#searchform:after { margin-top: -16%;}
#innerpage-box .contform {display: block !important;}
.single-header-info { text-align: center; padding: 0;}
}

@media screen and (max-width: 425px){
#service .service-icon img { width: 100%; height: 300px;}
.slider_section .shape{display: none;}
.slider_section .overlay {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.4;
    z-index: 0;
}
}
@media screen and (max-width: 400px){
header .Hbtn a{font-size: 16px;margin-left: 4px}
header .Hbtn a i{display: none;}
.slider_section .ph-bx{width: 75%;padding: 2px 0px 2px 0px;}
.slider_section .sub-title { font-size: 16px; line-height: 22px;}
.footer-area .single-footer-1,
.footer-area .single-footer-2,
.footer-area .single-footer-3,
.footer-area .single-footer-4{width: 100%;}
}

@media screen and (max-width: 375px){
.slider_content {width: 97%;}
    .widget-area form#searchform:after {  margin-top: -19%;}
    .slider_section .title { font-size: 24px; line-height: 26px;}
}

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

@media screen and (min-width: 320px) and (max-width: 320px){
.slider_section .btn5 { margin-top: 0px;}
#appointment .ap-img{width: 246px; height: 246px;line-height:232px;margin: 10px 0 10px 0;}
#appointment .ap-img img{width: 218px; height: 218px;}
.widget-area form#searchform:after { margin-top: -23%;}
.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: 4px;
    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;}
