/*Theme Name: Expert Handyman Free
Theme URI: https://www.luzukdemo.com/demo/expert-handyman/
Author: luzuk Themes
Author URI: https://www.luzuk.com/top/wordpress-themes/
Description: Handyman free theme is an attractive and smart template that has been created on WordPress for handyman to create their presence online and market their expertise to a sider set of audience searching for handyman online. Whether you offer your services as an all-purpose handyman or have expertise in limited services like you may be a home appliance handyman, plumbing handyman, electric handyman, window blinds handyman, housekeeping handyman or any other, our handyman Free Theme will make your talent and experience shine through and attract and drive more traffic towards. When you choose Handyman Free Theme you don’t have to spend long hours explaining your requirements getting your website designed. Handyman Free theme is a ready to use template that you can download and install within minutes to go live and make changes at will. It is as simple as it can get!
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: expert-handyman-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;  
}
.fa-twitter:before {
    content: "\e61b" !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
    margin: 0;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    text-decoration: :none;
}
a:active,
a:hover {
    outline: 0;
    text-decoration:none;
}

a {
    outline: 0 none;
    text-decoration: none;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
mark {
    background: transparent;
    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 0px;
    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.5;
/*    font-weight: 400;*/
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 500;
/*    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;
        word-break: break-word;
}

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


#innerpage-box blockquote p{  
    padding: 0 0 0 8px;
    position: relative;
    z-index: 1;   
    margin: 0;
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
}
#innerpage-box blockquote p:after {
    content: "\f10e";
    font-family: 'Fontawesome';
    position: absolute;
    top: -46px;
    clear: both;
    right: -24px;
    font-size: 40px;
    padding: 0px 8px;
    color: #d33;
    z-index: -1;
}
blockquote {
    background-color: #3ff;
    position: relative;
    clear: both;
    top: 12px;
    margin: 30px 0px;
    padding:2em 20px 1.5em 20px !important;
    font-size: 18px;
    color: #212121;
}
/*blockquote:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border: 1px solid #d33;
    border-radius: 0 0 0px 0;
}*/
/*blockquote:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 40%;
    bottom: 0px;
    right: 0px;
    border: 8px solid #d33;
    border-top: 0px solid #d33;
    border-left: 0px solid #d33;
    border-radius: 0 0 0px 0;
}*/

q:before,
q:after {
    content: "";
}
pre {
    background: #eee;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
    max-width: 100%;
    overflow: auto;
    padding: 15px;
}
code,
kbd,
tt,
var {
    font-size: 15px;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
/*    background: #fff9c0;*/
    text-decoration: none;
}
big {
    font-size: 125%;
}
select {
    border: 1px solid #EEE;
    height: 40px;
    padding: 3px 40px 3px 8px;
    background-color: transparent;
    line-height: 100%;
    outline: 0;
    background-image: url(images/arrow.png);
    background-position: right;
    center: ;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.clearfix{clear:both;}

/*padding*/

.pd-0{ padding: 0 !important;}
.pd-1{ padding: 5px;}
.pl-0{padding-left:0 ;}
.pl-1{padding-left: 1em;}
.pr-0 { padding-right: 0;}
.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: #000;
    text-decoration: none;
    transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    -webkit-transition: all 0.3s ease; 
}
a:focus {
    outline: 0;
}
a:hover,
a:active {
    outline: 0;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    border-radius: 10px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    border-radius: 10px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {  margin: 0 0 15px;}
.widget select {   max-width: 100%;  width: 100%;}
.widget_search .search-submit { display: none;}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.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;
}
.widget-area .wp-block-heading,
.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;
    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 10px;}
.widget-area a{
    text-decoration: none;
    font-size: 19px;
/*    color: #fff;*/
   display: block; 
    padding: 6px 18px 6px 0px;
    font-weight: 400 !important;
    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,
#secondary.widget-area .widget {     
    padding: 0em 0 1em 0;
    margin: 0px 2px 4em 2px;
    color: #fff;
    box-shadow: 0px 0px 1px 1px #ddd;
}
#sidebars .widget.widget_search,
#secondary.widget.widget_search{
    box-shadow: none;
    padding: 0;
}
#sidebars .widget.widget_search:before, 
#secondary.widget-area .widget.widget_search:before,
#sidebars .widget.widget_search:after, 
#secondary.widget-area .widget.widget_search:after{display: none;}

/*#sidebars .widget:before, div#secondary.widget-area .widget:before {
    position: absolute;
    left: 0;
    top: -14px;
    border: 3px solid #C69453;
    content: "";
    width: 1px;
    height: 40%;
    z-index: 9;
    border-radius: 50px;
}*/
/*#sidebars .widget:after, div#secondary.widget-area .widget:after {
    position: absolute;
    left: 0;
    bottom: 0px;
    right: 0;
    border-bottom: 5px solid #C69453;
    content: "";
    z-index: 9;
    border-radius: 0px;
    opacity: 0.6;

}*/
.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: #000 !important;*/
    font-weight: 500;
}
#secondary .widget-area a,
#secondary .widget a{
/*    color: #000 !important;*/
    font-weight: 400;
}
#secondary .wp-block-search__label,
#sidebars .wp-block-search__label {
    width: 100%;
    padding: 10px;
}
#secondary .widget ul li,
#sidebars .widget ul li{margin:0 6px 1em 20px !important; }

/*******/


#secondary .widget_nav_menu li.current-menu-item a:before,
 #sidebars .widget_nav_menu ul li.current-menu-item a:before {
    content: "\f107";
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: #fff;
    background: #d33;
    margin: 0px 4px 0px 4px;
    font-weight: 500;
    font-size: 22px;
    left: 10px;
    top: 6px;
    height: 24px;
    border-radius: 0px;
    width: 24px;
    line-height: 24px;
    position: absolute;
    text-align: center;
}
/*#secondary .widget_nav_menu ul li.current-menu-item:after, 
#sidebars .widget_nav_menu ul li.current-menu-item:after {
    position: absolute;
    content: "";
    left: 0;
    border: 2px solid #000;
    z-index: 99999999999999;
    top: -2px;
    bottom: -2px;
    border-radius: 10px;
}*/
/*--------------------------------------------------------------
## Bullet Point
--------------------------------------------------------------*/

#sidebars .widget_archive li:before,
#sidebars .widget_categories li:before,
#secondary .widget_nav_menu li:before{   display: none;}
/*
#secondary .widget_recent_entries li a:before,
#sidebars .widget_recent_entries ul li a:before ,
*/
/*#secondary .widget_recent_comments a{display: block !important;}*/
/*#secondary .widget_recent_entries li a:before,
#sidebars .widget_recent_entries ul li a:before{
    content: "\f178";
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    margin: 0 12px 0 6px;
    font-weight: 500;
    transition: all 0.2s ease 0s;
    font-size: 15px;
    position: relative;
    padding: 6px;
    border-radius: 50px;
    color: #fff !important;
    background: #C69453;
}*/

#sidebars .widget_categories a:before,
#secondary .widget_product_categories a:before,
#secondary .widget_archive a:before,
#secondary .widget_categories a:before,
#sidebars .widget_archive ul li a:before,
#sidebars .product-categories li a:before{ 
    content: "\f0b2";
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    margin: 0 18px 0 0;
    font-weight: 400;
    transition: all 0.2s ease 0s;
    font-size: 12px;
    position: relative;
    top: -2px;
}
#secondary .widget ul li:before, 
#sidebars .widget ul li:before{display: none;}
#secondary .widget-area .tagcloud,
#sidebars .widget-area .tagcloud{padding: 0 1em;}

.widget-area .widget_nav_menu ul li,
#secondary .widget_nav_menu ul li,
#secondary .widget_nav_menu ul li{ padding: 0 0 0 20px; }

.widget-area .widget_nav_menu ul li:hover,
#secondary .widget_nav_menu li:hover, 
#sidebars .widget_nav_menu ul li:hover{background-color: #33333329 !important;}

#secondary .widget_nav_menu ul li.current-menu-item, 
#sidebars .widget_nav_menu ul li.current-menu-item{
    background: #000 !important;  
    
}

#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: 0px;
}*/
#secondary .widget_nav_menu li a,
#sidebars .widget_nav_menu ul li a{ font-size: 16px; padding: 5px 4px 5px 34px;}

#secondary #menu-project-menu li a,
#sidebars #menu-project-menu li a{padding: 5px 4px 5px 50px;}

#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: #3E3024;}*/
#secondary .widget_nav_menu li a:before,
#sidebars .widget_nav_menu ul li a:before {
    content: "\f107";
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: #fff;
    background: #d33;
    margin: 0px 4px 0px 4px;
    font-weight: 500;
    font-size: 22px;
    left: 10px;
    top: 4px;
    height: 26px;
    border-radius: 0px;
    width: 26px;
    line-height: 27px;
    position: absolute;
    text-align: center;
    box-shadow: 0 0 1px 1px #ccc;
}
#secondary .widget_recent_entries li:before,
#sidebars .widget_recent_entries li:before{
    display: none !important;
}
#secondary #recentcomments li:before, 
#sidebars #recentcomments li:before {
    content: "\f27b" !important;
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: #FDA12B;
    background: none;
    margin: 0px 4px 0px 4px;
    font-weight: 500;
    font-size: 18px;
    left: 0px;
    top: 4px;
    height: 26px;
    border-radius: 0px;
    width: 26px;
    line-height: 27px;
    position: absolute;
    text-align: center;
    display: inline-block !important;
}
#secondary #recentcomments li a, 
#sidebars #recentcomments li a{ line-height: 1.6;}
/*#secondary #recentcomments li a, 
#sidebars #recentcomments li a{ padding: 0 0 0 42px !important;}*/
#secondary #recentcomments li span, 
#sidebars #recentcomments li span{ padding: 0 0 0 38px !important;}
/*--------------------------------------------------------------
## 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 56px 16px 20px;}

#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: 100%;
    margin:1px 0% 5px 0;
    font-size: 16px;
    display: inline-block; 
    border-radius: 0px;
    padding: 10px 3px 10px 20px;
    line-height: 20px;
    background-color: transparent;
    text-align: left;
    box-shadow: 0 0 0px 1px #ccc;
}
#sidebars textarea, 
#secondary textarea {padding: 15px 3px 6px 20px; height: 90px;border-radius: 0px;}
#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: 400;
    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;
}
.commentmetadata span.reply a { color: #000 !important;}

.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%;
    width: 300px;
}
#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 0 4px 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 2em 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: 2px 8px 2px 0;
    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;
}

/**----------------------------
## Wocomerce Categiries Page
---------------------------*/
#content-box li.product-category.product { display: inline-block;padding: 0 0 1px 0 !important;}
.product-category .woocommerce-loop-category__title {
    font-size: 22px !important;
    text-align: center;
    margin: 12px 0 !important;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 15px;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
}
/*.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"],
#secondary input[type="submit"],
.wp-block-search__button {
    top: 15px;
    display: block;
    position: relative;
    text-align: center;
    padding: 4px 18px !important;
    z-index: 999 !important;
    overflow: hidden;
    border: none;
    box-shadow: none;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
}
/*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: 3em;
    margin-top: 2px;
    position: relative;
    padding: 3em 0px 2.5em;
    background: transparent linear-gradient(90deg, #E7F5FC 90%, transparent 100%) 0% 0%;
}
.section-title h3 {
    position: relative; 
    word-break: break-word;
    font-weight: 500;
    font-size: 36px;
    margin: 0px 0 26px 0;
    color: #000;
    padding: 0px 0px;
}
.section-title h5{
    position: relative; 
    word-break: break-word;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 0px;
    color: #8D8D8D;
    padding: 0px 0px;
    line-height: 1.4;
}
.section-title p {
    padding: 0 3% 0 6%;
    position: relative;
    font-size: 16px;
}
.section-title .titlebx{position: relative;padding: 0 11% 0px 0;}
.section-title .titlebrd {
    position: absolute;
    top: 8%;
    right: 0;
    border: 1px solid #d33;
    width: 2px;
    bottom: 14%;
}
.section-title .titlebrd:before {
    content: "";
    position: absolute;
    top: -7px;
    left: -3px;
    border: 1px solid #000;
    padding: 2px;
    border-radius: 50px;
}
.section-title .titlebrd:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: -3px;
    border: 1px solid #000;
    padding: 2px;
    border-radius: 50px;
}

.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;
}
/*.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;
}
.wc-block-grid__product-rating .star-rating span:before, 
.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before{display: none !important;}
/*======= side bar ===========*/
.woocommerce .widget_price_filter .price_slider_amount {
    text-align: center !important;
    padding: 0 2px !important;
    
}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
.pgtlebx {
    position: relative;
    background: #E7F5FC;
    padding: 30px 10px 20px 50px;
    width: 44%;
}
.pgtlebx:before {
    content: "";
    position: absolute;
    top: -7px;
    left: 0;
    bottom: -7px;
    right: 0;
    /* z-index: 0; */
    border: 7px;
    border-style: solid;
    border-color: #fff;
    border-left: 0;
    border-right: 0;
    margin: 0 7px 0 0;
}
.pgtlebx:after {
    content: "";
    position: absolute;
    border: 3px;
    border-style: solid;
    border-color: #FDA12B;
    left: 0;
    top: 23px;
    height: 50px;
    border-radius: 10px;
}
.ht-main-title {
    position: relative;
    margin: 0px 0 18px;
    font-weight: 600;
    font-size: 30px;
    color: #FDA12B;
    padding: 0;
}
.page-main-header { overflow: hidden; position: relative;}
.breadcrumbbox { 
    position: relative;
    /*display: inline-block;
    background: #fff;
    padding: 5px 40px 5px 20px;
    z-index: 1;
    margin: 0em 0 1em 0em;*/
}
.breadcrumbbox span{ color:#000; margin:0 2px;font-weight: 600;position: relative;}
.breadcrumbbox i {
    font-size: 20px;
    font-weight: 100;
    top: 0px;
    position: relative;
    padding: 0 4px;
}
header .woocommerce-breadcrumb,
.breadcrumbbox .button {
    display: inline-block !important;
    font-size: 31px;
    font-weight: 600;
    border-radius: 0;
    position: relative;
    z-index: 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 .overlay1{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.3;

}
/*----------------------------------------*/
/*  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: 1em 0 1em 0;}
header .h-offer {
  position: relative;
  overflow: hidden; 
  background: #fee9e8;
  padding:8px 0 8px 0;
}
header .toptxt{font-size: 15px ; color: #fff;}
header .epa { position: relative; text-align: right;}
header .epa a {
    position: relative;
    overflow: hidden;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    color: #000;
    transition: all 0.5s;
    word-break: break-all;
}
header .epa a:hover{ transition: all 0.5s;}
header .epa i {
    position: relative;
    margin: 0 2px 0 0;
    font-size: 18px;
    font-weight: 500;
    transition: all 0.5s;
}
.mid-head{position: relative;padding: 10px 0;}
header .hph{position: relative;width: 38%;padding: 0 10px 0 15px;}
header .hpt-txt{font-size: 15px; color: #000; font-weight: 500;}
header .hph i { transform: rotate(174deg);font-size: 21px;color: #FDA12B;}
header .hph .call{display: none;}
header .hph a{font-size: 21px;color: #FDA12B;transition: all 0.2s;}
.logo { 
    position: relative;
    padding: 0;
    width: 20% !important;
    text-align: center;
}
header .hbttn{position: relative;width: 40%;text-align: right; padding: 0;}
header .hbttn-txt{font-size: 15px; font-weight: 500;}
header .hbttn-txt i{position: relative; top: 4px; margin: 0 0 0 32px;color: #FDA12B;font-size: 18px;}
header .hbttn a{font-size: 21px;font-weight: 400;color: #FDA12B;transition: all 0.2s;}

/* header pop form  */
header .hbttn .modal {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}
header .hbttn .modal-content {
    background-color: #fefefe;
    margin: 10% auto;
    padding: 10px 20px 4px 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
    border-radius: 10px;
}
header .hbttn .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    border: 0;
}
header .hbttn .close:hover,
header .hbttn .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
/*end*/
header .hbttn input[type="text"], 
header .hbttn input[type="email"], 
header .hbttn input[type="url"], 
header .hbttn input[type="password"], 
header .hbttn input[type="search"], 
header .hbttn input[type="number"], 
header .hbttn input[type="tel"], 
header .hbttn input[type="range"], 
header .hbttn input[type="date"], 
header .hbttn input[type="month"], 
header .hbttn input[type="week"], 
header .hbttn input[type="time"], 
header .hbttn input[type="datetime"],
header .hbttn input[type="datetime-local"], 
header .hbttn input[type="color"],
header .hbttn input[type="file"],
header .hbttn textarea{    
    width: 100%;
    color: #ccc;
    margin: 1px 0 10px 0;
    padding: 8px;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #000000;
    border-radius: 6px;
    background: #fff;
    /* box-shadow: -1px 0px 10px rgba(50,50,0,0.1); */
}
header .hbttn textarea { height: 100px; padding: 8px 8px 8px 8px;}
header .hbttn input[type="file"] {cursor: pointer;}

header .hbttn p{font-size: 16px;position: relative;margin: 0;}
header .hbttn input[type="submit"] {
    margin-top: 4px;
    text-align: center;
    display: block;
    position: relative;
    background: #e3be2c;
    padding: 6px 18px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    border-radius: 4px;
    word-break: break-all;
    transition: all 0.4s;
    border: none;
    box-shadow: none;
    /* width: 100%; */
}
header .hbttn input[type="submit"]:hover{  transition: all 0.4s;}
header .hbttn 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;
}
/*  */
header .header-midd { position: relative;  margin: 14px 0 0 0;}
header .header-midd:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #E9E9E9;
}
/*------------------------------------------------------------ */

/* = 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;
}
/*menu hover border*/
.navigation .mainmenu ul.sub-menu li:before,
.navigation .mainmenu ul.sub-menu li:after{  border:none;}

.navigation .mainmenu li:before,
.navigation .mainmenu li:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    transform: scaleX(0);
    transition: transform 0.4s ease-out 0s;
    border-bottom: 1px solid #000;
    right: 0;
    text-align: center;
    margin: 0 auto;
    opacity: 0;
    transition: all 0.5s;
}
.navigation .mainmenu li:before{
    bottom: -3px;
    transform-origin: 100% 50% 0;
    width: 76%;
}
.navigation .mainmenu li:after{
    bottom: 0px;
    transform-origin: 0 50% 0;
    width: 76%;
}
.navigation .mainmenu li.current-menu-item:before,
.navigation .mainmenu li.current-menu-item:after{
    transform: scaleX(1);
    opacity: 1;
}
.navigation .mainmenu li:hover:before,
.navigation .mainmenu li:hover:after{ transform: scaleX(1); opacity: 1;}

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

.navigation .mainmenu ul.sub-menu{
  animation: fadeIn 0.8ms ease-in-out;
}

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;
    border-bottom:1px solid #000;
    /*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;
    font-weight: 500;
    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;
    font-weight: 600;
}
/*.navigation .mainmenu ul.sub-menu li.current_page_item a, ul.sub-menu .current_page_item > a*/
.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: relative;
    overflow-x: clip;
    width: 100%;
}

.site-header ul,
.site-header ol {
    margin-bottom: 0;
}
/*without top bar*/
.extra-nav {
    float: right;
    padding: 26px 0;
    position: relative;
    z-index: 9;
}
.extra-nav .site-button-link{
    font-size:15px;
}
.extra-nav .extra-cell {
    display: inline-block;
    margin-left: 10px;
}

.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
-------------------------------------------------------------- */
.top-bar-head { padding: 0em 0 0.1em 0;}
.site-navigation { position: relative; text-align:center;}
.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;}


/*----------------------------------------*/
/*  Slider Area
/*----------------------------------------*/
.slider_section{ position: relative; overflow: hidden;transition: all .4s;}
.slider_section .slider-area {position: relative;overflow: hidden;}
.slider_section .slider-overlay{
    position: absolute;
    left: 0;
    right: 0%;
    top: 0;
    bottom: 0;
    background-image:linear-gradient(90deg,transparent 50%,#FDA12B 50%);
    opacity: 0.2;
    z-index: 1;
}
.slider_section .sliderimg{position: relative;}
.slider_section .slide-mainimg {
    position: relative;
    height: 800px;
    width: 100%;
}
.slider_section .slider_content {
    position: absolute;
    padding: 3em 10px 1em 1.6em;
    top: 22%;
    left: 1.1%;
    z-index: 1;
    width: 45%;
}
.slider_content:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 15px;
    border: 2px solid #FDA12B;
    width: 0px;
    height: 26%;
    border-radius: 50px;
}
.slider_section .sub-title{
    font-size: 25px;
    line-height: 1.2;
    font-weight: 400;
}
.slider_section .title {
    position: relative;
    font-size: 40px;
    font-weight: 600;
    word-break: break-word;
    line-height: 1.5;
    margin: 24px 0;
}
.slider_section .text{
    font-size: 20px;
    font-weight: 400;
    word-break: break-word;
    padding: 0em 0em;
    color: #777777;
    line-height: 1.5;
}
/*====== btn ====*/
.slider_section .btn5 a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    word-break: break-all;
    text-align: center;
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    padding: 12px 40px;
    transition: all 0.4s ease 0.5s;
    border-radius: 50px;
    text-decoration: none;
    transition: all .4s;
    margin: 1.6em 0 0;
    z-index: 1;
    box-shadow: 0px 0px 10px #00000029;
}
.slider_section .btn5 a:hover {
  transition: all 0.5s ease-in-out;
  color: #d33;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  background:#007bff;
}
.slider_section .btn5 a:active {
    transform: scale(1.2);
}
.slider_section .btn5 a::before {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background:#007bff;
    transition: all 0.85s ease-in-out;
    z-index: -1;
    border-radius: 50px;
}
.slider_section .btn5 a:hover::before {
  right: 100%;
}

/**/
.slider_section .owl-nav{display: none;}
.slider_section .owl-carousel{display: block;}

.slider_section .owl-dots{display: block;opacity: 1;transition: all 0.5s;}
.slider_section:hover .owl-dots{display: block;opacity: 1; transition: all 0.5s;}
.slider_section .owl-dots {position: absolute;bottom: 50px;left: 0;right: 0;text-align: center;}
.slider_section .owl-dots button{ background: #3ff; border-radius: 2px; padding: 6px 6px; margin: 0 8px;}

/*--------------------------------------------------------------
## banner Section  ##
--------------------------------------------------------------*/
#banner-section{ position: relative;overflow: hidden;text-align: center;}

#banner-section .line1{  position: relative;}
#banner-section .line1,#banner-section .line2,
#banner-section .line3,#banner-section .line4{position: relative;margin: 14px 0;}

#banner-section .line1 li,#banner-section .line2 li,
#banner-section .line3 li,#banner-section .line4 li 
{display: inline-block;list-style: none;margin: 0 5px;}

#banner-section .f1_txt1,#banner-section .f1_txt2,
#banner-section .f2_txt1,#banner-section .f2_txt2,
#banner-section .f3_txt1,
#banner-section .f4_txt1,#banner-section .f4_txt2
{position: relative; font-size: 45px;font-weight: 600;color: #333333;}

#banner-section .f1_txt2 .linebrd {
    position: absolute;
    border: 1px solid #d33;
    right: -19px;
    top: -15px;
    width: 1px;
    height: 34px;
    transform: rotate(45deg);
}
#banner-section .f1_txt2 .linebrd:before {
    content: "";
    position: absolute;
    border: 1px solid #d33;
    top: 15px;
    right: 13px;
    height: 20px;
    transform: rotate(-25deg);
}
#banner-section .f1_txt2 .linebrd:after {
    content: "";
    position: absolute;
    border: 1px solid #d33;
    top: 19px;
    right: -20px;
    height: 15px;
    transform: rotate(25deg);
}

#banner-section .f3_txt1 .linebrd3 {
    position: absolute;
    border: 1px solid #d33;
    left: -20px;
    top: -10px;
    width: 1px;
    height: 20px;
    transform: rotate(-44deg);
}
#banner-section .f3_txt1 .linebrd3:before {
    content: "";
    position: absolute;
    border: 1px solid #d33;
    top: 12px;
    left: 11px;
    height: 14px;
    transform: rotate(40deg);
}
#banner-section .f3_txt1 .linebrd3:after {
    content: "";
    position: absolute;
    border: 1px solid #d33;
    top: 10px;
    left: -14px;
    height: 10px;
    transform: rotate(-33deg);
}
#banner-section .s_imgbx{position: relative;}
#banner-section .s_imgbx img{
    position: relative;
    height: 55px;
    top: -9px;
    margin: 0 10px;
    border-radius: 50px;
}
#banner-section .line4 .s_imgbx img{ animation: spin 4s infinite alternate ease-in-out; }
#banner-section .banner_title{
    font-size: 48px;
    font-weight: 500;
    margin-top: 26px;
    margin-bottom: 10px;
    line-height: 1.2;
    position: relative;
}
/*arrow*/
#banner-section .arrowbx {
    background: #000;
    position: relative;
    padding: 8px 20px;
    border-radius: 50px;
    top: -8px;
    left: 12px;
}
#banner-section .arrowbx svg#Layer_1 {
    width: 40px;
    transform: rotate(-40deg);
    fill:#fff;
    animation: wobble 4s infinite alternate ease-in-out;
}
/*----------------------------------------*/
/*   Service Area
/*----------------------------------------*/
#service .inn-single-service-bx { display: none;}

#service { position: relative;overflow: hidden;}
#service .single-service-bx { 
    margin-bottom: 8px;
    position: relative;
    padding: 0 4px;
    transition: all 0.5s;
}
#service .single-service{
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    padding: 0;
}
#service .service-icon { 
    position: relative;
    overflow:hidden; 
    transition: all 0.5s;
    border-radius: 10px;
}
#service .service-icon img { 
    width: 100%;
    height: 480px;
    border-radius: 10px;
    transition: all 0.5s;
    
}
/*#service .single-service:hover .service-icon img { 
    transition: all 0.5s;
     padding: 0px 0px;
}*/
/*#service .single-service:hover .service-icon img{
    transform: scale(1.1);
    transition: all 0.5s;
}*/
#service .ser-oly{
    position: absolute;
    overflow: hidden;
    bottom: 0;
    top: 58%;
    left: 0;
    right: 0;
    opacity: 0.5;
    transition: all 0.3s ease 0s;
    background: transparent linear-gradient(0deg, #7f7d7d 60%, transparent 100%) 0% 0%;
}
#service .single-service:hover .ser-oly{
    top:0%;
    transition: all 0.3s ease 0s;
}
#service .sertxbx{
    position: absolute;
/*    overflow: hidden;*/
    transition: all 0.6s;
    bottom: 30px;
    left: 6%;
    width: 90%;
}
#service .icn {
    position: relative;
    padding: 0;
    width: 20%;
    text-align: right;
}
#service .icn:before {
    content: "";
    width: 50px;
    height: 50px;
    background: #E7F5FC;
    opacity: 0.25;
    left: 0;
    top: -10px;
    position: absolute;
    border-radius: 50px;
    animation: leftright 1s infinite alternate ease-in-out;
}

@keyframes leftright {
  0%,
  20% {
    transform: translateX(0%);
    left: 0%;
  }
  80%,
  100% {
    transform: translateX(-100%);
    left: 100%;
  }
}

#service .icn i{
    position: relative;
    font-size: 30px;
    color: #fff;
}
#service .sertxbx h4 {
    font-size: 22px;
    font-weight: 500;
    margin: 0 0px 0px 0px;
    position: relative;
    padding: 0 0 0 10px;
    width: 80%;
}

#service .sertxbx p{
    display: none;
    font-size: 16px;
    margin-bottom: 16px;
    line-height: 21px;
}

#service .bttnbx{text-align: center;position: relative;margin-top: 4em;}

/*btn 1*/
#service .ser-btn1{display: inline-block;}
#service .ser-btn1 a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    word-break: break-all;
    text-align: center;
    color: #fff;
    background: #FDA12B;
    font-size: 20px;
    font-weight: 400;
    padding: 8px 20px;
    transition: all 0.4s ease 0.5s;
    border-radius: 50px;
    text-decoration: none;
    transition: all .4s;
    margin: 5px 10px;
    z-index: 1;
}
#service .ser-btn1 a:hover {
  transition: all 0.5s ease-in-out;
  color: #d33;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  background:#007bff;
}
#service .ser-btn1 a:active {
    transform: scale(1.2);
}
#service .ser-btn1 a::before {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background:#007bff;
    transition: all 0.85s ease-in-out;
    z-index: -1;
    border-radius: 50px;
}
#service .ser-btn1 a:hover::before {
  right: 100%;
}

/*btn 2*/
#service .ser-btn2{display: inline-block;}
#service .ser-btn2 a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    word-break: break-all;
    text-align: center;
    color: #fff;
    background: #FDA12B;
    font-size: 20px;
    font-weight: 400;
    padding: 8px 20px;
    transition: all 0.4s ease 0.5s;
    border-radius: 50px;
    text-decoration: none;
    transition: all .4s;
    margin: 5px 10px;
    z-index: 1;
}
#service .ser-btn2 a:hover {
  transition: all 0.5s ease-in-out;
  color: #d33;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  background:#007bff;
}
#service .ser-btn2 a:active {
    transform: scale(1.2);
}
#service .ser-btn2 a::before {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background:#007bff;
    transition: all 0.85s ease-in-out;
    z-index: -1;
    border-radius: 50px;
}
#service .ser-btn2 a:hover::before {
  right: 100%;
}
/*----------------------------------------*/
/*   Counter Area
/*----------------------------------------*/
.counter-area {position: relative;overflow: hidden; }
.counter-area .cd-single {position: relative;overflow: hidden; }
.counter-area .count-box {
    position: relative;
    overflow: hidden;
    margin: 20px auto;
    border-radius: 0px;
    transition: all 0.5s;
    display: block;
    padding: 10px 4px 10px 10px;
}
.counter-area .cd-num {
    position: relative;
    font-size: 52px;
    color: #fff;
    font-weight: 600;
    margin: 0 0 20px 0;
    transition: all 0.5s;
    line-height: 1.2;
}
.counter-area .cd-num:after {
    content: "";
    position: absolute;
    left: 15px;
    top: 0px;
    width: 130px;
    height: 70px;
    border-radius: 50% 50%;
    background: transparent linear-gradient(-60deg, #777575 0%, transparent 100%) 0% 0% no-repeat;
    opacity: 0.2;
    transition: all 0.5s;
}
.counter-area .count-box:hover .cd-num:after {
    animation: lightSpeedIn 1s ease-in-out;
    transition: all 0.4s;
}
.counter-area .cd-title {
    position: relative;
    font-size: 21px;
    color: #fff;
    font-weight: 500;
    padding: 0px 0;
    line-height: 1.2;
    word-break: break-word;
}


/*----------------------------------------
/*   Project inner page 
/*----------------------------------------*/
#innerpage-box .inn-single-project-bx{padding: 0 4px;position: relative;overflow: hidden;}
#innerpage-box .project_inbox { position: relative;overflow: hidden; margin-bottom: 8px;transition: all 0.5s;}
#innerpage-box .singleinner-project .project_inimg{position: relative;overflow: hidden;border-radius: 10px;}
#innerpage-box .singleinner-project .project_inimg img { width: 100%;transition: all 0.5s;}
#innerpage-box .singleinner-project .project_inimg .p-oly {
    position: absolute;
    overflow: hidden;
    bottom: 0;
    top: 58%;
    left: 0;
    right: 0;
    opacity: 0.9;
    transition: all 0.3s ease 0s;
    background: transparent linear-gradient(0deg, #333 54%, transparent 100%) 0% 0%;
}
#innerpage-box .project_inbox:hover .project_inimg .p-oly{
    top:15%;
    transition: all 0.5s;
}

#innerpage-box .singleinner-project .projectbx{
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 14px;
    margin: 0 auto;
    width: 100%;
    padding: 4px 2px 4px 2px;
    transition: all 0.5s;
    text-align: center;
}
#innerpage-box .singleinner-project .pj_con {
    width: 100%;
    padding: 0 10px;
}
#innerpage-box .singleinner-project .projectbx a h4{  margin:0 0 12px 0 !important;}
#innerpage-box .singleinner-project .projectbx .txt{
    position: relative;
    font-size: 22px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

/*----------------------------------------*/
/*  About Area
/*----------------------------------------*/
#about { position: relative; overflow: hidden;}
#about .section-title { margin-bottom: 0.2em;}
#about .abtbx{
    position: relative;
/*    overflow: hidden;*/
    margin: 1em 0 0em 0;
    transition: all 0.4s ease 0s;
}
#about .abt-conbx{width: 82%;}
#about .abt-title{
    position: relative;
    font-size: 19px;
    font-weight: 500;
    margin: 0px 0 15px 0;
}

#about .abt-conbx p{
    position: relative;
    font-size: 14px;
    margin: 0;
}
#about .abtcon-bx{ position: relative; padding: 0 20px 0 0;}
#about .abt-single {position: relative;margin:3em 0 0 0;}
#about .abt-contactbx {
    position: relative;
    margin: 3em 0 0 0;
    padding: 2.3em 0 0 0;
}
#about .abt-contactbx:before {
    content: "";
    position: absolute;
    top: 0;
    border-top: 1px solid #545252;
    left: 0;
    right: 4%;
}
#about .abt-contactbx:after     {
    content: "";
    position: absolute;
    top: 4px;
    border-top: 2px solid #33333361;
    left: 0;
    right: 4%;
}

#about .abt-icon{width: 18%;}
#about .abt-icon:before {
    content: "";
    width: 66px;
    height: 66px;
    border-radius: 50px;
    background: #EDEDED;
    position: absolute;
    top: -24px;
    left: 10px;
    z-index: 0;
}
#about .abt-icon span {
    font-size: 50px;
    position: relative;
    padding: 0 0 0 14px;
}
/**/
#about .abt-ph,#about .abt-mail{width: 50%;}


#about .abt-contactbx .icn{width: 24%;}
#about .abt-contactbx .icn i{position: relative;font-size: 42px;color: #FDA12B;font-weight: 600;}
#about .abt-contactbx .abt-ph .icn i{transform: rotate(-44deg);  top: -4px;}
#about .abt-contactbx .phbx,
#about .abt-contactbx .mailbx{width: 76%; padding: 0 15px 0 4px;}
#about .abt-contactbx .phbx a,
#about .abt-contactbx .mailbx a{
    position: relative; font-size: 20px;font-weight: 600;margin: 0 0 10px 0;word-break: break-word;}
#about .abt-contactbx .phtext ,
#about .abt-contactbx .emtext{
    font-size: 14px;
    position: relative;
    margin: 8px 0 0 0;
}
#about .btnbx{position: relative;margin: 3em 0 0 0;}
#about .abt-btn {
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}
#about .abt-btn a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    padding: 10px 38px;
    color: #fff;
    transition: all 0.3s;
    cursor: pointer;
    text-align: center;
    word-break: break-all;
    background-color: #2D2D2D;
    transition: all 0.4s ease 0.5s;
    border-radius: 50px;
    cursor: pointer;
    transition: all .4s; 
    z-index: 1;
}
#about .abt-btn a:hover {
    transition: all 0.5s ease-in-out;
    color: #d33;
    background:#007bff;
}
#about .abt-btn a:active {
    transform: scale(1.2);
}
#about .abt-btn a::before {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background:#007bff;
    transition: all 0.85s ease-in-out;
    z-index: -1;
    border-radius: 50px;
}
#about .abt-btn a:hover::before {
  right: 100%;
}

/*rhs*/
/*1*/
#about .imgbx{position: relative;transition: all .4s; }
#about .about-img1 { position: relative;width: 65%;padding: 0 14px 0 46px;}
#about .about-img1 img{ position: relative;width: 100%;height: 290px; border-radius: 18px;}
#about .year{width: 35%; text-align: center; padding: 0 0 0 6px;}
#about .yearbx{ position: relative; background: #000;border-radius: 24px;padding: 24px 4px 30px 4px;z-index:1;}
#about .year .num{font-size: 53px ;font-weight: 600;color: #FFFFFF;line-height: 1;}
#about .year .n-txt{font-size: 23px ;font-weight: 500;color: #FFFFFF;}
/*2*/
#about .about-img2{   
    position: absolute;
    width: 64%;
    right: 0;
    bottom: 42%;
    padding: 15px;
    background: #f1f1f1;
    border-radius: 18px;
    transition: all .4s; 
}
#about .about-img2:hover{z-index: 1;transition: all .4s; }
#about .about-img2 img{ position: relative;width: 100%;height: 250px; border-radius: 18px;}
/*3*/
#about .abt-img3bx{position: relative; margin: 30px 0 0 0;transition: all .4s; }
#about .about-img3{position: relative; width: 65%;padding: 15px;background: #f1f1f1;border-radius: 18px;}
#about .video-content-bg { position: relative;}
#about .video-content-bg iframe { max-width: 100%; height: 300px; border-radius: 18px;}
#about .txtbx{position: absolute; width: 35%;padding: 0 0 0 6px;right: 0;bottom: 44px;}
#about .txtbxinn{position: relative; background: #000;border-radius: 24px;padding: 10px 8px 10px 8px;z-index:1;}
#about .txtbxinn .num{font-size: 51px ;font-weight: 600;color: #FFFFFF;line-height: 1;text-align: center;line-height: 1.2;}
#about .txtbxinn .n-txt1{font-size: 23px ;font-weight: 500;color: #FFFFFF;line-height: 1.4;}
#about .txtbxinn .n-txt2{font-size: 23px ;font-weight: 500;color: #FFFFFF;text-align: right;line-height: 1.4;}
/*----------------------------------------*/
/*  Testimonials Section 
/*----------------------------------------*/

#testimonials {position: relative; overflow: hidden;}
#testimonials .tsoutbx { position: relative;}
#testimonials .tsbx { 
    /*display: grid; 
    grid-template-columns: repeat(12, 1fr);*/
    text-align: center;
    margin: 0px auto 0 auto;
    width: 80%;
    top: 10px;
    position: relative;
}
/* Image box*/
#testimonials .tsbx .cards { 
   /* grid-column: span 12;
    display: ruby;*/
    text-align: center;
    margin: 0 auto;
    transition: 0.5s;
}
#testimonials .tsbx .cards .card {
    position: relative;
    cursor: pointer;
    display: inline-block;
    transition: 0.3s;
    border: 0;
    margin:10px 16px;
    transition: 0.5s;
}
#testimonials .tsbx .cards .card:hover img,
#testimonials .tsbx .cards .card.active img {
    border:3px solid #d33; 
    transition: 0.3s;
    animation: shake2 0.52s;
    transition: 0.5s;
}
@keyframes shake2 {
  0% {
    transform: translate(0, 15px); }
  50% {
    transform: translate(0, -8px); }
  100% {
    transform: translate(0, 0); } 
}
#testimonials .tsbx .cards .card img {
    display: block;
    width: 93px;
    height: 93px;
    border-radius: 9px;
    transition: 0.3s;
    padding: 0;
    border:3px solid transparent;
}

/*icon box*/
#testimonials .tsbx .icnbx{ 
/*    grid-column: span 12;*/
    text-align: center; 
    position: relative;
    margin: 0px 0 14px;
}
#testimonials .tsbx .icnbx svg { 
    position: relative; 
    top: 11px;
    z-index: 1;
    -webkit-animation: spin 3s ease-out infinite;
    animation: spin 2.3s ease-out infinite;
}
#testimonials .tsbx .icnbrd {
    position: relative;
    border-bottom: 1px solid #000;
    top: 0px;
}
#testimonials .tsbx .icn{position: relative;}
#testimonials .tsbx .icn:after {
    content: "";
    position: absolute;
    left: -7px;
    top: 20px;
    border: 1px;
    border-style: solid;
    border-color: #d33;
    padding: 3px;
    border-radius: 50px;
    /* width: 1px; */
    border-bottom: 1px solid transparent !important;
    /* border-left: 1px; */
    border-left: 1px solid transparent !important;
    transform: rotate(45deg);
}
#testimonials .tsbx .icn:before {
    content: "";
    position: absolute;
    right: -7px;
    top: 20px;
    border: 1px;
    border-style: solid;
    border-color: #d33;
    padding: 3px;
    border-radius: 50px;
    /* width: 1px; */
    border-bottom: 1px solid transparent !important;
    /* border-left: 1px; */
    border-left: 1px solid transparent !important;
    transform: rotate(-135deg);
}

/*conten box*/
#testimonials .tsbx .contentoutbx {
/*    grid-column: span 12;*/
    margin-top: 0;
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 0 20px 0 0;
}

#testimonials .tsbx .contentoutbx .contentBox .text { padding-bottom: 1rem;}
#testimonials .tsbx .contentoutbx .contentBox{display: none;}
#testimonials .tsbx .contentoutbx .contentBox.active{display: block;transition: all 0.5s;
    animation: zoomIn 1s ease-in-out;}
#testimonials .tsbx .contentoutbx .contentBox p { 
    transition: 0.5s;
    margin: 1em auto;
    font-size: 17px;
    width: 68%;
}
#testimonials .tsbx .contentoutbx .contentBox h3 {
    transition: 0.5s;
    font-size: 18px;
    font-weight: 600;
    color: #C69453;
    margin: 40px 0 6px 0;
}
#testimonials .tsbx .contentoutbx .contentBox .text-designation{ 
    transition: 0.5s; 
    font-size: 15px;
    font-weight: 500;
}

/*arrow*/
#testimonials .slidebtn{}
#testimonials .slidebtn .arrow{ border: 0;background: none;box-shadow: none;}
#testimonials .slidebtn .prevBtn { 
    margin: 2px 8px 2px 8px; 
    padding: 0; 
    left: 8em;
    position: absolute;
    top:13%;
}
#testimonials .slidebtn .nextBtn{
    margin: 2px 8px 2px 55px;
    padding: 0;
    position: absolute;
    right: 10em;
    float: right;
    top:13%;
}
#testimonials .slidebtn .arrow i{
    padding: 0px 12px;
    text-align: center;
    font-size: 30px;
    background: #F9F9F9;
    transition: 0.5s;
}
#testimonials .slidebtn .prevBtn i{border-right: 1px solid #000;transition: 0.5s;}
#testimonials .slidebtn .nextBtn i{border-left: 1px solid #000;transition: 0.5s;}

#testimonials .slidebtn .arrow i:hover{ color:#C69453;transition: 0.5s;}


/*----------------------------------------*/
/*   Feature Area
/*----------------------------------------*/
.feature-area {position: relative;overflow: hidden;}
.feature-area .section-title{margin: 0;}

.feature-area .conbx{position: relative;background:#FDA12B;padding:8px 0; }
.feature-area .phbx a{font-size: 20px ;color: #E5F3FA;position: relative;top: 4px;}
.feature-area .phbx .ph2{margin: 0 0 0 16px;}
.feature-area .phbx .ph2:before {
    content: "";
    position: absolute;
    left: -8px;
    border-left: 2px solid #fff;
    width: 1px;
    top: 0;
    height: 31px;
    transform: rotate(14deg);
}
.feature-area .conbx p { display: inline-block; margin:4px 0 0 0; color:#E7F5FC; font-size: 20px;}
.feature-area .btnbx {
    position: relative;
    float: right;
    display: inline-flex;
}
.feature-area .f-bxinn:after{
    position: absolute;
    margin: auto;
    border-radius: 0px 50px 0px 15px;
    transition: all 0.5s;
    
}
.feature-area .f-bxinn:after:hover{
    margin-top: 0px;
    background-color: rgb(255, 201, 201);
    width: 100%;
    height: 100%;
    border-radius: 15px;
    transition: all 0.5s;
}
.feature-area .fbttn {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    word-break: break-all;
    text-align: center;
    color: #000;
    background: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 6px 26px;
    transition: all 0.4s ease 0.5s;
    border-radius: 50px;
    text-decoration: none;
    transition: all .4s;
    margin: 0 0 0 20px;
    z-index: 1;
}
.feature-area .fbttn:hover {
  transition: all 0.5s ease-in-out;
  color: #d33;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  background:#007bff;
}
.feature-area .fbttn:active {
    transform: scale(1.2);
}
.feature-area .fbttn::before {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background:#007bff;
    transition: all 0.85s ease-in-out;
    z-index: -1;
    border-radius: 50px;
}
.feature-area .fbttn:hover::before {
  right: 100%;
}

/**/

.feature-area .f-bx{
    position: relative;
    padding: 0 24px;
    margin:5em 0 0em 0;
}
.feature-area .fea-single {
    position: relative;
    padding: 1.5em 14px 1.5em;
    transition: all ease 0.5s;
    border-left: 4px solid #DEDEDE;
    transition: all 0.2s;
}
.feature-area .fea-single:hover {
    border-left: 0px solid #DEDEDE;
    transition: all 0.2s;
}
.feature-area .fea-single:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #d33 ;
    opacity: 0;
    transition: all 0.5s;
}
.feature-area .fea-single:hover:before{
    transition: all 0.9s;
    opacity: 1;
}

.feature-area .feature-single-area{position: relative;}
.feature-area .fea-icon {
    position: relative;
    overflow: hidden;
    width: 28%;
    transition: all ease 1s;
}
.feature-area .fea-icon span {
    position: relative;
    font-size: 60px;
    transition: all 1s ease 0s;
    font-weight: 400;
    color: #000;
}
.feature-area .fea-conbx{
    position: relative;
    overflow: hidden;
    width: 72%;
    padding: 0 8px 0 8px;
    transition: all ease 1s;
}
.feature-area .fea-title {
    position: relative;
    font-size: 22px;
    line-height: 28px;
    color: #fff;
    font-weight: 500;
    padding: 0px 0;
    margin: 2px 0 14px 0;
    word-break: break-word;
}
.feature-area .fea-single p{
    position: relative;
    font-size: 15px;
    line-height: 25px;
    margin: 0;
}

/*----------------------------------------*/
/*   offres Area
/*----------------------------------------*/

#offres {position: relative; overflow: hidden;}
#offres .offresbx{     position: relative;}
#offres .offresus-post-boxes {  position: relative;  margin: 0 2em;}
#offres .offresus-single { 
    position: relative;
    overflow: hidden;
    transition:all 0.8s;
    background: #fff;
}
#offres .offres-box { position: relative; padding: 0px; transition:all 0.8s;}
#offres .icnbx{ position: relative;}
#offres .hi-icon{  position: relative;}
#offres .hi-icon img{  width: 100%; height: 340px; border-radius: 10px;}
#offres .conbx {
    position: absolute;
    padding: 30px 20px 5px;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    width: 65%;
}
#offres .conbx:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.6;
    border-radius: 10px;
}

#offres .conbxinn { position: relative; margin: 0px 0 22px;}
#offres .ofrtle{width: 75%;}
#offres .ofrtle h5{font-size: 15px; margin: 0;color: #fff;font-weight: 300;}
#offres .ofrprice{width: 25%;font-size: 15px; margin: 0;text-align: right;color: #fff;}
/*#offres .conbx:nth-child(5) .ofrbrd{border: 1px solid; transparent;}*/
/*#offres .conbx:last-child .conbxinn .ofrbrd{border: 0px solid transparent;}*/
#offres .conbx .ofrbrd {
    position: relative;
    border-bottom: 1px solid #80786f;
    width: 86%;
    text-align: center;
    left: 0;
    right: 0;
    bottom: -8px;
    margin: 0 auto;
}
#offres .conbx .ofrbrd:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -4px;
    background: #80786f;
    width: 14px;
    height: 7px;
    border-radius: 50px;
}
#offres .bttn{position: relative;}
#offres .bttn a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    font-size: 12px;
    padding: 8px 20px;
    margin: 10px 0 0 12px;
    color: #000;
    transition: all 0.3s;
    cursor: pointer;
    text-align: center;
    word-break: break-all;
    background-color: #E7F5FC;
    border-radius: 10px;
    cursor: pointer;
    z-index: 1;
}
#offres .bttn a:hover {
    transition: all 0.5s ease-in-out;
    color: #d33;
    background:#007bff;
}
#offres .bttn a:active {
    transform: scale(1.2);
}
#offres .bttn a::before {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background:#007bff;
    transition: all 0.85s ease-in-out;
    z-index: -1;
    border-radius: 10px;
    font-weight: 400;
}
#offres .bttn a:hover::before {
  right: 100%;
}

#offres .owl-nav{display: none;}
#offres .owl-carousel {display: block !important;}
#offres .owl-theme .owl-dots, 
#offres .owl-theme .owl-nav {
    text-align: center;
    position: relative;
    margin: 2.5em 0 0 0;
}
#offres .owl-theme .owl-dots .owl-dot {
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
#offres .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    border-radius: 50px;
    margin: 5px 10px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.3s ease;
    background: #f3ff;
    transition: all 0.4s;
}
#offres .owl-theme .owl-dots .active span {
    transition: all 0.4s;
    background: #000;
    color: #000;
    border: 4px solid #3ff;
    width: 14px;
    height: 14px;
    top: 4px;
    /* margin: 30px 0 0 0; */
    position: relative;
}
/*----------------------------------------*/
/* Banner 2 Section
/*----------------------------------------*/
#banner2{position: relative;overflow: hidden;}
#banner2 .banner2bx { position: relative;}
#banner2 .b2_oly{
    position:absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #3E3024;
    opacity: 0.8;
}
#banner2 .out-bx{position: relative;}
#banner2 .bx{position: relative; margin: 9em 0 1em 0;width: 74%;}
#banner2 .bx h3{
    position: relative;
    font-size: 48px;
    color: #fff;
    font-weight: 500;
    margin: 0 0 16px 0;
}
#banner2 .bx h3 span{color: #FDA12B; }
#banner2 .bx h4{
    position: relative;
    font-size: 48px;
    color: #fff;
    font-weight: 500;
    margin: 0 0 1em 0;
}
#banner2 .bx p{
    position: relative;
    font-size: 28px;
    color: #fff;
    padding: 0;
    margin: 0 0 16px 0;
}
#banner2 .bx p strong{font-weight: 600;}
#banner2 .bx p svg {
    width: 20px;
    height: 20px;
    position: relative;
    top: -3px;
    margin: 0 10px 0 0;
}
/**/
#banner2 .bttn {position: relative;margin: 40px 0 20px 0;}
#banner2 .bttn i {
    font-size: 20px;
    background: #FFCE4E;
    padding: 0;
    margin: 0;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50px;
    text-align: center;
    left: -16px;
    position: relative;
}
#banner2 .bttn i:after {
    content: "";
    position: absolute;
    z-index: 0;
    right: -32px;
    top: 26px;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    background: #ecff33;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
#banner2 .bttn a{position: relative;transition: all .4s;}
#banner2 .bttn span {
    background: #000;
    color: #fff;
    padding: 8px 25px 8px 20px;
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 0 0px;
    text-decoration: underline;
    transition: all .4s; 
}
#banner2 .bttn a:hover span {
    transition: all .4s; 
}

/*new*/
#banner2 #closePopup {
    padding: 1px 10px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: -20px;
    width: 30px;
    font-size: 18px;
    background: #fff;
    color: #000;
}
#banner2 .popup-content {
    padding: 10px 10px 4px 10px;
    border-radius: 0px;
    width: auto;
    height: auto;
    position: relative;
}
#banner2 .popup {
    display: none;
    position: fixed;
    top: 5%;
    margin: 0 auto;
    right: 0;
    text-align: center;
    Left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    transition: all 2s ease;
    z-index: 999;
}

#banner2 .popup.show{ display: flex;}

/*end*/

#banner2 .pop-bg {
  background: rgba(0, 0, 0, .2);
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#banner2 .pop-container {
  width: 100%;
  text-align: right;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}
#banner2 .pop-container iframe {
  width:100%;
  height: 100%;
}
/*rhs*/
#banner2 .imgbrd {
    border: 6px solid #f2f2f2;
    border-radius: 6px;
}
#banner2 .imgbx {
    width: 26%;
    position: relative;
    margin: 5em 0 0 0;
    /* right: 0; */
    bottom: -38px;
    background: #fff;
    padding: 0;
    text-align: center;
    border-radius: 6px 6px 0px 0px;
    border: 1px solid #F2F2F2;
    z-index: 1;
}
#banner2 .imgbx:before {
    content: "";
    left: -41px;
    bottom: -2px;
    width: 40px;
    height: 39px;
    background: #f2f2f2;
    position: absolute;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
}
#banner2 .imgbx:after {
    content: "";
    right: -40px;
    bottom: -2px;
    width: 40px;
    height: 39px;
    background: #f2f2f2;
    position: absolute;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}
#banner2 .qrimg {
    position: relative;
    background: #E7F5FC;
    padding: 40px 00;
}
#banner2 .imgtitle{
    text-align: center;
    font-size: 33px;
    font-weight: 500;
    color: #000;
    text-shadow: 3px 2px 0px #00000029;
    padding: 30px 2px 10px 2px;
}
#banner2 .qrimg img{
    width: 216px;
    height: 216px;
}
#banner2 .aplimg { margin: 3em 0 1em 0;}
#banner2 .aplimg img{width: 217px;height:65px; }
#banner2 .gpayimg{ margin: 1em 0 3em 0;}
#banner2 .gpayimg img{width: 217px;height:65px; }
/*----------------------------------------*/
/* Gallery Section
/*----------------------------------------*/

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

#gallery { position: relative;  overflow: hidden;}
/*tabs*/
#gallery .gallery-tabs {position:relative; text-align:center; margin:0 0 0em 0;padding:0;display: none;}
/*#gallery .gallery-tabs ul{padding: 0;margin: 0;}
#gallery .gallery-tabs li {display:inline-block; margin:4px 8px; overflow:hidden;}
#gallery .gallery-tabs li:before{display: none;}
#gallery .gallery-tabs li a {
    padding: 12px 30px;
    display: block;
    background-color: #FDA12B;
    color: #222;
    font-size: 15px;
    min-height: auto;
    font-weight: 600;
    border-radius: 7px;
    transition: 0.5s all ease-in-out;
    text-transform: uppercase;

    position: relative;
    overflow: hidden;
}
#gallery .gallery-tab.active{background: #ccc;}*/

#gallery .homegalry{
    column-count: 3;
    padding: 0;
    gap: 0;
}
#gallery .lz-gallery-images{ 
    transition: all .4s linear;
    position: relative;
    overflow: hidden;
    margin: 6px 4px;
}

#gallery .spa-gall {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
    border-radius: 5px;
    transition: all .4s linear;
}
#gallery .spa-gall img {
    max-width: 100%;
    vertical-align: top;
    width: 100%;
    height: auto;
    transition: all .4s linear;
    border-radius: 5px;
}
#gallery .spa-gall figcaption {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    z-index: 30;
    transition:all .1s ;
}

#gallery .spa-gall figcaption::before, 
#gallery .spa-gall figcaption::after {
    position: absolute;
    top: 8px;
    right: 8px;
    bottom: 8px;
    left: 8px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, 
    -webkit-transform 0.35s;
    transition: opacity 0.35s, 
    transform 0.35s;
    z-index: 9;
    border-radius: 8px;
}

#gallery .spa-gall figcaption::before {
    border-top:4px solid #f3ff;
    border-bottom: 4px solid #f3ff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    z-index: 9;
}

#gallery .spa-gall figcaption::after {
    border-right: 4px solid #f3ff;
    border-left:4px solid #f3ff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    z-index: 9;
}

#gallery .spa-gall:hover figcaption::before,
#gallery .spa-gall:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 9;
}

/*----------------------------------------*/
/* . Blog Area
/*----------------------------------------*/
.blog-area {position: relative;overflow: hidden;}
.blog-area .blogbx{ position: relative; padding: 0 12px; margin-bottom: 1.5em; }
.blog-area .blog-area-wrap { position: relative; top: 2em;}
.blog-area .box-area-S { 
    position: relative;
    overflow: hidden;
    transition: all 0.8s;
    box-shadow: 0px 0px 20px #0000001A;
}
.blog-area .box-area-S .blog-thumbnail{ position: relative; }
.blog-area .blog-thumbnail li{ list-style:none; }

.blog-area .blog-thumbnail img{ width: 100%;  height: 314px;transition: all 0.8s;}

.blog-area .blogbx:nth-last-child(2) {width: 51%;}
.blog-area .blogbx:nth-last-child(3) {width: 51%;}

.blog-area .blogbx:nth-last-child(2) .blog-thumbnail,
.blog-area .blogbx:nth-last-child(3) .blog-thumbnail{ width: 50%;padding: 0; }
.blog-area .blogbx:nth-last-child(2) .blog-single,
.blog-area .blogbx:nth-last-child(3) .blog-single{width: 50%;}
.blog-area .blogbx:nth-last-child(2) .blog-single ,
.blog-area .blogbx:nth-last-child(3) .blog-single{
    position: relative;
    overflow: hidden; 
    transition: all 0.8s; 
    padding: 30px 34px 10px
}

/*03*/
.blog-area .blogbx:nth-last-child(3) .box-area-S .blog-thumbnail {order: 2;}
.blog-area .blogbx:nth-last-child(3) .box-area-S .blog-thumbnail .blog-admbx {
    position: absolute;
    z-index: 1;
    top: 137px;
    left: -50px;
    font-size: 10px;
    font-weight: 600;
    padding: 10px 20px;
    margin: 0 auto;
    transform: rotate(-90deg);
    border-radius: 10px 10px 1px 0;
    box-shadow: 0px 0px 5px #00000029;
    border-radius: 10px 10px 0px 1px;
}

/*02*/

.blog-area .blogbx:nth-last-child(2) .box-area-S .blog-thumbnail .blog-admbx {
    position: absolute;
    right: -55px;
    top: 127px;
    transform: rotate(90deg);
    font-size: 10px;
    font-weight: 600;
    padding: 10px 20px;
    z-index: 1;
    box-shadow: 0px 0px 5px #00000029;
    border-radius: 10px 10px 1px 0;
}

/*01*/
.blog-area .blogbx:nth-last-child(1) .box-area-S .blog-thumbnail .blog-admbx {
    position: absolute;
    z-index: 1;
    top: 95%;
    left: 65px;
    font-size: 10px;
    font-weight: 600;
    padding: 10px 20px;
    margin: 0 auto;
    transform: rotate(0deg);
    border-radius: 10px 10px 1px 0;
    box-shadow: 0px 0px 5px #00000029;
    border-radius: 10px 10px 0px 1px;
}
/*.blog-area .blog-thumbnail .blog-admbx:before {
    content: "";
    left: -18px;
    position: absolute;
    bottom: 0;
    background: #E6E6E6;
    padding: 9px 15px;
    z-index: -1;
    clip-path: polygon(0% 0, 60% 100%, 100% 0);
}
.blog-area .blog-thumbnail .blog-admbx:after {
    content: "";
    right: -18px;
    position: absolute;
    bottom: 0;
    background: #E6E6E6;
    padding: 9px 15px;
    z-index: -1;
    clip-path: polygon(0% 0, 50% 100%, 100% 0);
}*/
.blog-area .blogbx:nth-last-child(1) {
    width: 49%;
    top: 0;
    position: absolute;
    right: 0;
}
.blog-area .blogbx:nth-last-child(1) .blog-thumbnail img{height: 422px;}
.blog-area .blogbx:nth-last-child(1) .blog-single {
    position: relative;
    overflow: hidden; 
    transition: all 0.8s; 
    padding: 30px 44px 10px
}

.blog-area .blog-posts h4{
    font-size: 20px;
    font-weight: 500;
    margin: 8px 0 10px;
    line-height: 26px;
    text-align: left;
    word-break: break-word;
}
.blog-area .blog-single p{    
    font-size: 16px;
    margin: 18px 0 10px;
    line-height: 26px;
    word-break: break-word;
    font-weight: 400;
}
.blog-area .blog-btn {margin:1.4em 0 1em;}
.blog-area .blog-btn a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    padding: 8px 30px;
    color: #fff;
    transition: all 0.3s;
    cursor: pointer;
    text-align: center;
    word-break: break-all;
    background-color: #2D2D2D;
    transition: all 0.4s ease 0.5s;
    border-radius: 8px;
    cursor: pointer;
    transition: all .4s; 
    z-index: 1;
}
.blog-area .blog-btn a:hover {
    transition: all 0.5s ease-in-out;
    color: #d33;
    background:#007bff;
}
.blog-area .blog-btn a:active {
    transform: scale(1.2);
}
.blog-area .blog-btn a::before {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background:#007bff;
    transition: all 0.85s ease-in-out;
    z-index: -1;
    border-radius: 8px;
}
.blog-area .blog-btn a:hover::before {
  right: 100%;
}


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

.footer-area { position: relative;overflow: hidden;background: #000000C2;}
.footer-area .fbox { position: relative; }
.footer-area .footbx1{width: 70%;position: relative;padding: 0 0 0 0;}
.footer-area .footbx1inn{position: relative; margin:36px 0;}
.footer-area .footbx1oly{
    position:absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.6;
 }
.footer-area .footbx2{    
    width: 30%;
    position: relative;
    background: #E7F5FC;
    padding: 90px 10px 0 10px;
}
.footer-area .footbx2:after {
    content: "";
    position: absolute;
    left: -5px;
    top: 14px;
    padding: 6px;
    height: 150px;
    background: #d33;
    border-radius: 10px;
}
.footer-area .footbx2 .delt{
    font-size: 18px;
    color: #333;
    margin: 16px 0;
}
.footer-area .footbx2 .delt i {
    font-size: 18px;
    color: #d33;
    margin-right: 7px;
    padding: 0;
    font-weight: 500;
}
.footer-area .footbx2 .delt i.fa-envelope{font-size: 16px;}
.footer-area .soc_medi{position: relative;}
.footer-area .soc_medi li {display: inline-block;list-style: none;margin: 2px 10px 2px 0;}
.footer-area .soc_medi li i{font-size: 18px; color: #FDA12B}

.footer-area .paybx{position: relative;margin: 30px 0;}
.footer-area .payapp,.footer-area .payg_pay{display: inline-block;margin: 4px 16px 4px 0;}

.footer-area .footbx2inn {  padding: 0 10px 0 50px;}
.footer-area .footbx2inn .title{font-size: 25px;font-weight: 700; margin: 0 0 24px 0;}
.footer-area .single-footer-1{width: 40%; padding: 50px 15px 6px 60px;position: relative;}
.footer-area .single-footer-2{width: 30%; padding: 50px 15px 6px 0;position: relative;}
.footer-area .single-footer-3{width: 30%; padding: 50px 15px 6px 0;position: relative;}
.footer-area .f-text { margin-bottom: 15px;}
.footer-area i { padding-right: 10px;font-size: 20px;}
.footer-area .menu li {display: block;margin-bottom: 1em;font-size: 15px;font-weight: 500; }
.footer-area .widget li{margin-bottom: 1.4em;}
.footer-area li a {font-weight: 400;text-decoration: none;font-size: 16px;}
.footer-area .widget_recent_entries li:before,
.footer-area .menu li:before {
    position: relative;
    font-weight: 100;
    content: "\f0b2";
    font-family: 'Fontawesome';
    font-size: 10px;
    margin: 0px 15px 0 0;
    top: -3px;
}
.footer-area .gallery-item {padding-right: 13px;padding-bottom: 13px;}
.footer-area ul {margin: 0 0 15px 00px;}
.footer-area p { margin-bottom: 18px;line-height: 27px;font-size: 16px;}
footer#footer.footer-area .widget-title {  
    position: relative;
    color: #feffff;
    margin-top: 0px;
    margin-bottom: 28px;
    font-size: 25px;
    font-weight: 600;
    z-index: 1;
}
.footer-area .widget { margin-bottom: 0em; padding: 10px;}
.footer-bottom-area ul li {display: inline-block;margin-left: 40px;margin-bottom: 0;position: relative;}
.footer-area .bottom-area {
    position: relative;
    padding: 6px 4px;
    margin: 4em 0 0 0;
}
.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{    
    font-size: 15px;
    margin-bottom: 8px;
    padding: 6px 8px 6px 20px;
    font-style: normal;
    font-weight: 400;
    word-break: break-all;
    border-radius: 5px;
    border: none;
}

.footer-area textarea {  height: 100px !important;}
.footer-area input[type="submit"]{
    margin-top: 1px;
    padding: 9px 20px;
    white-space: normal;
    font-weight: 500;
    font-size: 16px;
    border-radius: 0px;
    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 .5s;
}
.footer-area .social-profile-icons ul li i{
    position: relative;
    font-size: 18px;
    text-align: center;
    margin: 0 auto 0 auto;
    padding: 0;
    transition: all .5s;
}
.footer-area .social-profile-icons ul li a:hover{transition: all .5s;}
.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: 33.33%;padding: 0 12px; margin-bottom: 3em;}
#innerpage-box .ts-area-single-inn {
    position: relative;
    overflow: hidden;
}
#innerpage-box .tsarea-inn{  
    padding: 0 1em 0 0;
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
    margin: 0 1em 1em 0;
}

#innerpage-box .ts-area-thumb { position: relative;padding: 0;}
#innerpage-box .ts-area-thumb img{ 
    width: 108px;
    height: 108px;
    position: relative;
    transition: all 1s ease 0s;
    border-radius: 8px;
    margin: 0 0 8px 0;
}
#innerpage-box .tsarea-inn svg { 
    position: relative; 
    top: 11px;
    z-index: 1;
    -webkit-animation: spin 1500ms ease-out infinite;
    animation: spin 1500ms ease-out infinite;
}
#innerpage-box .tsarea-inn .tsbrd {
    position: relative;
    margin: 0px 0;
    border-bottom: 1px solid #000;
    text-align: center;
    width: 44%;
    left: 4px;
}
#innerpage-box .tsarea-inn .tsbrd:after {
    content: "";
    position: absolute;
    left: -7px;
    top: 20px;
    border: 1px;
    border-style: solid;
    border-color: #d33;
    padding: 3px;
    border-radius: 50px;
    /* width: 1px; */
    border-bottom: 1px solid transparent !important;
    /* border-left: 1px; */
    border-left: 1px solid transparent !important;
    transform: rotate(45deg);
}
#innerpage-box .tsarea-inn .tsbrd:before {
    content: "";
    position: absolute;
    right: -7px;
    top: 20px;
    border: 1px;
    border-style: solid;
    border-color: #d33;
    padding: 3px;
    border-radius: 50px;
    /* width: 1px; */
    border-bottom: 1px solid transparent !important;
    /* border-left: 1px; */
    border-left: 1px solid transparent !important;
    transform: rotate(-135deg);
}
#innerpage-box .ts-area-content {
    position: relative;
    overflow: hidden;
    transition: all 1s ease 0s;
    margin: 24px 0 20px 0;
    padding:0px;
}
#innerpage-box h4.ts-area-title {  
    position: relative;  
    margin: 22px 0 22px 0 !important;
    transition: all 0.3s;
}
#innerpage-box  .tsarea-inn:hover h4.ts-area-title{
    transition: all 0.3s;
    letter-spacing: 1px;
}
#innerpage-box .text-designation{    
    position: relative;
    font-size: 17px;
    font-weight: 400;
    z-index: 1;
}
#innerpage-box .ts-area-c p {
    position: relative;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    margin: 0;
}
/*----------------------------------------*/
/*  Pricing Area
/*----------------------------------------*/
#pricing {position: relative;overflow: hidden;transition: all 1s ease 0s;}
.pricing-area .pricebx {  position: relative;  top: 2em;}

.pricing-area .sm-bx:nth-last-child(2) .single-pricing {
     position: relative;
    transform: scale(1.15);
}
.pricing-area .single-pricing {
    position: relative;
    overflow: hidden;
    background: #fff;
    transition: all 1s ease 0s;
    margin: 0 10% 2em 10%;
    border-radius: 0;
    z-index: 0;
    padding: 50px 10px 15px 35px;
    border-top: 6px solid #E7F5FC;
}
.pricing-area .single-pricing:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #4a7bfa;
    opacity: 1;
    position: absolute;
    top: -100%;
    left: 0;
    transition: all 0.9s ease 0s;
    z-index: -1;
}
.pricing-area .single-pricing:hover:after {
    top:0%;
    transition: all 1s ease 0s;
}

/*.pricing-area .single-pricing:hover{box-shadow: 0px 0px 8px 4px #00000075;transition: all 1s ease 0s;}*/
.pricing-area .single-pricing h4{
    position: relative;
    font-size: 25px;
    font-weight: 600;
    transition: all 1s ease 0s;
}
.pricing-area h5.pricetitle {
    font-size: 19px;
    font-weight: 500;
    position: relative;
    margin: 24px 0 14px 0;
}
.pricing-area .currency-price {
    position: relative;
    color: #000;
    font-size: 38px;
    font-weight: 600;
    margin: 12px 0 35px;
    word-break: break-word;
    transition: all 1s ease 0s;
}
.pricing-area .currency-price span{ font-size:26px; font-weight:500;  }
.pricing-area ul.pricing-list {    
    margin: 0em 0;
    padding: 0 0;
    transition: all 1s ease 0s;
}
ul.pricing-list li {
    position: relative;
    font-size: 17px;
    list-style: none;
    color: #ffffff;
    font-weight: 400;
    word-break: break-word;
    margin: 10px 0 24px 0;
    padding: 0px 0px 0px 0;
    transition: all 1s ease 0s;
}
.pricing-area ul li:before {
    content: "\f00c";
    font-family: 'Fontawesome';
    font-size: 12px;
    padding-right: 12px;
    color: #e01515;
    font-weight: 100;
    transition: all 1s ease 0s;
}
.pricing-area .pc-btn {
    position: relative;
    margin: 2em 0 0 0;
}
.pricing-area .pc-btn a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    word-break: break-word;
    z-index: 1;
    border: none;
    border-radius: 8px;
    padding: 8px 26px;
    font-size: 16px;
    background: #000;
    color: #bf2b2b;
    transition: all 0.3s;
    cursor: pointer;
    text-align: center;
}
.pricing-area .pc-btn a:hover {
    transition: all 0.5s ease-in-out;
    color: #d33;
    background:#007bff;
}
.pricing-area .pc-btn a:active {
    transform: scale(1.2);
}
.pricing-area .pc-btn a::before {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background:#007bff;
    transition: all 0.85s ease-in-out;
    z-index: -1;
    border-radius: 6px;
}
.pricing-area .pc-btn a:hover::before {
  right: 100%;
}

/*----------------------------------------*/
/*   team Area
/*----------------------------------------*/
#innerpage-box .our-team,
#team .inner-team{display: none;}

#team { position: relative;overflow: hidden;}
#team .section-title2 {position: relative;margin: 70px 0 0 0;}
#team .section-title2 h3{
    position: relative;
    word-break: break-word;
    font-weight: 500;
    font-size: 36px;
    margin: 0px 0 0px 0;
    color: #000;
    padding: 0px 0px;
}
#team .section-title2 h5 {
    position: relative;
    word-break: break-word;
    font-weight: 500;
    font-size: 24px;
    margin: 20px 0;
    color: #8D8D8D;
    padding: 0px 0px;
    line-height: 1.4;
}
#team .section-title2 p{
    padding: 0 0;
    position: relative;
    font-size: 16px;
    margin: 0 18px 0 0;
}
#team .our-team{
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 1em;
    transition: all .4s linear;
}

#team .single-team-img { position: relative; overflow: hidden;border-radius: 10px;}
#team .single-team-img img{width: 100%;height: 100%;transition: all .7s linear;border-radius: 10px;}
#team .team-social-icon {    
    position: absolute;
    text-align: center;
    top: 0%;
    right: 0;
    z-index: 1;
    transition: all .2s linear;
    margin: 1px 0px 0px 0px;
    opacity: 1;
    display: grid;
    background: #fff;
    border-radius: 10px;
    padding: 4px 2px;
}
#team .team-social-icon a i{
    margin: 4px 4px;
    font-size: 14px;
    font-weight: 400;
    color: #767779;
    text-align: center;
    transition: all .4s linear;
}
#team .team-text h4 {word-break: break-word;font-size: 17px;font-weight: 600; color: #FE8A00; margin-bottom: 1px;}
#team .team-text .team-designation{word-break: break-word;font-size: 14px;margin-bottom: 0px;font-weight: 400;}
#team .team-text{
    padding: 10px 4px 10px 18px;
    z-index: 2;
    position: absolute;
    bottom: 22px;
    right: 0;
    width: 92%;
    background: #fff;
    text-align: left;
    border-radius: 4px 0 0 4px;
}
/**/
#team .owl-nav{display: none;}
#team .owl-dots{display: block; text-align: center;}
#team .owl-dots button.owl-dot { box-shadow: none;}
#team .owl-dots button.owl-dot{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 5px 6px;
    font-size: 13px;
   /* background: #000;*/
    border-radius: 2px;
}
/*#team .t-olay{position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to top,#000 12%,transparent 25%);
}*/
#team .owl-carousel{   display: block;}
#team .owl-theme .owl-dots{  margin-top: 0.2em;}
#team .owl-theme .owl-nav { margin-top: 0; display: none;}
#team .owl-theme .owl-dots .owl-dot { box-shadow: none;}

/*----------------------------------------*/
/*  09. Inner team page
/*----------------------------------------*/
#innerpage-box .our-team,
#team .inner-team{display: none;}
#innerpage-box .inner-team {
    position: relative; 
    overflow: hidden;
    margin-bottom: 1em;  
    padding: 0 10px;
}
#innerpage-box .ht-team-member { position: relative;transition: all .5s linear;}
#innerpage-box .imgbx { position: relative; overflow: hidden;}
#innerpage-box .imgbx img{width:100%;height:auto;transition:all .5s linear;padding: 0px;border-radius:10px;}
#innerpage-box .team-box {
    padding: 10px 4px 10px 18px;
    z-index: 2;
    position: absolute;
    bottom: 22px;
    right: 0;
    width: 92%;
    background: #fff;
    text-align: left;
    border-radius: 4px 0 0 4px;
}
#innerpage-box .team-box h4{margin: 0 !important; padding: 0px 0px !important;}
#innerpage-box .team-member-designation {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    margin: 6px 0;
    padding: 0;
    line-height: 1.2;
}
#innerpage-box .team-social-icon {    
    position: absolute;
    /* overflow: hidden; */
    padding: 2px 0px 2px 0px;
    margin-top: 0px;
    right: 2px;
    top: 1px;
    background: #fff;
    border-radius: 7px;
}
/*#innerpage-box .team-social-icon:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: -6px;
    right: -8px;
    left: 0;
    border-top: 0;
    border-left: 0;
    border: 2px solid #d33;
}*/
#innerpage-box .team-social-icon a{ 
    text-align: center;   
    margin: 2px 6px;
    display: block;
    position: relative;
    transition: 0.5s all;
}
#innerpage-box .team-social-icon a i{
    position: relative;
    z-index: 1;
    font-size: 14px;
    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 .gallery-tabs {position:relative; text-align:center; margin:0 0 1.5em 0; padding:0;}
#innerpage-box .gallery-tabs ul{padding: 0;}
#innerpage-box .gallery-tabs li {display:inline-block; margin:4px 8px; overflow:hidden;}
#innerpage-box .gallery-tabs li:before{display: none;}
#innerpage-box .gallery-tabs li a {
    padding: 10px 44px;
    display: block;
    background-color: #FDA12B;
    color: #222;
    font-size: 18px;
    min-height: auto;
    font-weight: 400;
    border-radius: 0px;
    transition: 0.5s all ease-in-out;
    text-transform: uppercase;
    /* margin: 2px 10px; */
    position: relative;
    overflow: hidden;
}
#innerpage-box .gallery-tab.active{background: #ccc;}
#innerpage-box .gallery-inn {
    column-count: 3;
    padding: 0;
    gap: 0;
}
#innerpage-box .innergalry{ position: relative; margin: 0px 4px 8px 4px;}
#innerpage-box .lz-gallery-images {position: relative; overflow: hidden;margin: 0px 0px;}
#innerpage-box .spa-gall {position: relative; margin: 0px;}
#innerpage-box .gallery-item{position: relative;margin: 4px 4px;}
#innerpage-box .lz-gallery-images a{
    display: block;
    position: relative;
    cursor: pointer;
/*    overflow: hidden;*/
    transition: 0.5s ease;
}
#innerpage-box .lz-gallery-images img {
    position: relative;
    transition: 0.5s all;
    border-radius: 5px;
    width: 100%;
    height: auto;
}

#innerpage-box .lz-gallery-images a:after {
    content: "\f05b";
    position: absolute;
    font-weight: 400;
    font-size: 28px;
    font-family: 'Fontawesome';
    top: -50%;
    color: #d33;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    animation: spin 5s linear infinite;
    width: 30px;
    height: 30px;
    background: #fff;
    line-height: 30px;
    border-radius: 50px;
    transition: 0.5s all;
    opacity: 0 ;
}
#innerpage-box .lz-gallery-images a:hover:after{
    transition: 0.5s all;
    top: 40%;
    opacity: 1;
}

@keyframes zoomInEffect {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.img-zoom {
    animation: zoomInEffect 0.5s ease-out;
}

/*--------------------------------------------------------------
## 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 4px;}
#innerpage-box .service_inbox{
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
}
#innerpage-box .singleinner-service {
    margin-bottom: 8px;
    transition: all 0.5s;
    padding: 0px 0px;
    position: relative;
    overflow: hidden;
}
#innerpage-box .singleinner-service .service_inimg {
    position: relative;
    transition: all 0.5s;
    overflow: hidden;
    border-radius: 10px;
}
#innerpage-box .singleinner-service .service_inimg img {
    position: relative;
    overflow: hidden;
    width: 100%;
    transition: all 0.5s;
    filter: none;
    border-radius: 10px;
    padding: 0;
}
#innerpage-box .singleinner-service .service_inimg .seroly{
    position: absolute;
    overflow: hidden;
    bottom: 0;
    top: 58%;
    left: 0;
    right: 0;
    opacity: 0.6;
    transition: all 0.3s ease 0s;
    background: transparent linear-gradient(0deg, #7f7d7d 60%, transparent 100%) 0% 0%;
}
#innerpage-box .singleinner-service:hover .service_inimg .seroly{
    top:0%;
    transition: all 0.3s ease 0s;
}
#innerpage-box .singleinner-service:hover .service_inimg img {
    padding:0px 0px ;
    transition: all 0.5s;
}
#innerpage-box .serbx {
    position: absolute;
    overflow: hidden;
    background: none;
    transition: all .3s;
    bottom: 20px;
    left: 6%;
    width: 90%;
    padding: 10px 0 0 0;
}
#innerpage-box .serbx .icn {
    position: relative;
    padding: 0;
    width: 20%;
    text-align: right;
    top: 5px;
}
#innerpage-box .serbx .icn:before {
    content: "";
    width: 50px;
    height: 50px;
    background: #E7F5FC;
    opacity: 0.25;
    left: 0;
    top: -10px;
    position: absolute;
    border-radius: 50px;
    animation: leftright 1s infinite alternate ease-in-out;
}
#innerpage-box .serbx .icn i{
    position: relative;
    font-size: 30px;
    color: #fff;
}
#innerpage-box .serbx h3{
    position: relative;
        width: 80%;
    padding: 6px 6px;
    margin: 0 0 10px 0 !important;
}
#innerpage-box .serbx p{
    display: none;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 5px 0 12px 0;
}


/*-----------------------
## Site map Template 
-----------------------------*/

div#sitemap-box { border-top: 2px solid #f94c34;border-radius: 0;}
div#sitemap-box:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 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 h4 {
      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 h4: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: 2px;}
main#innerpage-box div#sitemap-box ul li a:before {
    position: relative;
    top:-2px;
    content: "\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #000;
    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 h4: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;}
#innerpage-box .contact-address-area .fmbx{position: relative; padding: 0;margin: 0 0 4em 0;}

#ht-contactus-wrap .conformbx .submaintle{
    font-size: 32px;
    font-weight: 400;
    position: relative;
    margin: 0 0 1.2em 0;
}
#ht-contactus-wrap .conformbx .submaintle i{
    position: relative;
    top: -2px;
    margin: 0 10px 0 0;
    font-size: 22px;
    font-weight: 400;
}

#ht-contactus-wrap .conformbx{position: relative;margin-bottom: 3em;}
#ht-contactus-wrap .maintle{ 
    position: relative;
    font-size: 46px;
    font-weight: 500;
    margin: 0px 0 0px 0;
    word-break: break-word;
    line-height: 1.4;
}
#ht-contactus-wrap .maintle span{
    position: relative;
    color:#000;
    border-bottom: 1px solid #000;
}
#ht-contactus-wrap label {
    /* background: #000; */
    /* box-shadow: 0px 3px 6px #0000004D; */
    padding: 0px 0px;
    margin: 0px 0 0 6px;
    bottom: 0;
    position: relative;
    z-index: 1;
    font-size: 24px;
    /* top: 24px; */
}

#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 {
    border-bottom: 1px solid #fff;
    font-size: 24px;
    padding: 1px 4px 20px 4px;
    font-weight: 400;
    background: #f3f3;
    border-radius: 0px;
    position: relative;
    margin: 1px 0 20px 0;
}


#ht-contactus-wrap textarea {   height: 100px;}
#ht-contactus-wrap input[type="submit"] {
    position: relative;
    padding:12px 34px;
    font-weight: 600;
    font-size: 19px;
    display: inline-block;
    border-radius: 0px;
    box-shadow: none;
    transition: all 1s ease 0s;
    margin-top: 1.2em;
    box-shadow: 7px 7px 0px #0000001A;
    border-radius: 0;
}

#innerpage-box .cntlhsbx{
    position: relative;
    overflow: hidden;
    padding: 2em 22px 0em 22px;
    background: #333333;
}
#innerpage-box .contact-address-area .txtbx {position: relative; padding: 0 10px;}
#innerpage-box .contpgimgbx{width: 100%;border-radius: 0;position: relative; overflow: hidden;}
#innerpage-box .contpgimgbx img {
    width: 100%;
    height: 700px;
}
#innerpage-box .contpgimgbx .fmimgoly{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(-180deg, transparent 4%, #000 120%);
}
#innerpage-box .m_enk {
    position: absolute;
    bottom: 15%;
    text-align: center;
    width: 100%;
}
#innerpage-box .m_enk .enktitle{
    position: relative;
    font-size: 38px;
    font-weight: 500;
    color: #fff;
}
#innerpage-box .m_enk .enklink {
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    position: relative;
    margin: 18px 0 0 0;
}
#innerpage-box .contpgimgbx .plane{position: absolute; bottom: 15%;}
#innerpage-box .contpgimgbx .plane img {
    left:31%;
    position: relative;
    width: auto;
    height: auto;
  animation: moving 1s infinite ease-in-out alternate;
}
@keyframes moving{
0%{
    transform: translateX(1rem) translateY(-1rem);
} 
100%{
    transform: translateX(-1rem) translateY(1rem);
}
}
#innerpage-box .contact-address-area .txtbx .bxtitle{
    font-size: 47px;
    line-height: 1.2;
    position: relative;
    font-weight: 500;
    color: #000;
    margin: 0px 0 20px;
}
#innerpage-box .contact-address-area .txtbx .bxtxt {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    position: relative;
    margin: 0 0 24px 0;
}

/*detail box*/

#innerpage-box .conbx{    
    position: relative;
    margin: 0em 0 0 0;
    background: #E7F5FC;
    padding: 5em 0 0 0;
}
#innerpage-box .dbxsubtitlebx{position: relative;text-align: center;}
#innerpage-box .dbxsubtitlebx:before {
    content: "";
    right: 0;
    position: ABSOLUTE;
    border-top: 1px solid #000;
    left: 0;
    bottom: 8px;
    width: 60%;
    margin: 0 auto;
}
#innerpage-box .dbxsubtitle{
    text-align: center;
    position: relative;
    font-size: 24px;
    font-weight: 500;
    display: inline-block;
    padding: 0 30px;
    margin: 0 auto;
    background: #E7F5FC;
}
#innerpage-box .conbxinn {
    position: relative;
    z-index: 1;
}
#innerpage-box .dbxtitle{
    text-align: center;
    position: relative;
    font-size: 47px;
    font-weight: 500;
    margin: 25px 0 15px 0;
}
#innerpage-box .cntpgbx {
    position: relative;
    transition: all 0.5s ease 0s;
    border-radius: 0px;
    padding: 40px 10px 20px 10px;
    margin: 0 0 1.5em 0 ;
    background: #333333;
    border: 10px solid #fff;
    border-right: 0;
    border-top: 0;
    box-shadow: -1px 1px 0px #0000001A;
}
#innerpage-box .cntpgbxinn {
    position: relative;
    margin:10px 0px 2px 0;
}
#innerpage-box .cntpgbx .cname {
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    margin: 0 0 30px 12px;
}
#innerpage-box .cntpgbx .cname:after {
    display: inline-block;
    margin: 0 0 0px 20px;
    content: " ";
    text-shadow: none;
    width: 60%;
    flex: 1;
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-right: none;
    height: 1px;
}
#innerpage-box .cntpgtxt{position: relative;}
#innerpage-box .cntpgicn i{font-size: 22px;color: #fff;}
#innerpage-box .cntpgicn i.fa-envelope{font-size: 18px;}
#innerpage-box .cntpgtxt p{position: relative;font-size: 19px; word-break: break-word;}

#innerpage-box .cntpgicn{ position: relative; transition: all 0.5s ease 0s; font-weight: 600;}
#innerpage-box .contact-mapbox {
    position: relative;
    margin-top: -10em;
    z-index: 0;
}
/*iframe*/
#innerpage-box .contact-mapbox iframe {
    width: 100%;
    height: 430px;
}

/*-----------------------
## FAQS Section
-----------------------------*/
#faq_section{position: relative;overflow: hidden;}
#faq_section .faqsec-heading{    
    text-align: center;
    position: relative;
    margin: 1em 0 3.5em 0px;
}
#faq_section .faqsec-heading h5{font-size: 20px;}
#faq_section .faqsec-heading h3{font-size: 44px;font-weight: 600; margin: 30px 0;}
#faq_section .faq-content{position: relative; padding: 0 25px;} 
#faq_section .faqrhsbx{ margin: 0 auto; width: 80%;}
#faq_section .faq-content button.accordion {
    position: relative;
    color: #444;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    margin: 0 0 0px 0;
    background: #fbb34d;
    padding: 0;
    transition: all 0.2s ease 0s;
    box-shadow: none;
    border-radius: 5px;
}
#faq_section .faq-content button.accordion.active{
    position: relative;
}
#faq_section .faq-content button.accordion.active, button.accordion:hover {
    transition: all 0.2s ease 0s;
    opacity: 1;
}

#faq_section .faq-content button.accordion:after {
    content: "\f107";
    font-family: 'Fontawesome';
    /* line-height: 54px; */
    width: 24px;
    height: 24px;
    font-size: 16px;
    text-align: center;
    color: #000;
    float: right;
    position: absolute;
    font-weight: 600;
    top: 14px;
    right: 40px;
    display: inline-block;
    transition: all 0.4s ease 0s;
    border-radius: 0;
    background: #E5F3FA;
    opacity: 1;
}
#faq_section .faq-content button.accordion.active:after {
    content: "\f068";
    font-family: 'Fontawesome';
    transition: all 0.4s ease 0s;
    opacity: 0;
}
#faq_section .faq-content div.panel {
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin: 0px 0 20px 0;
    border: none;
    border-radius: 5px 5px;
    padding: 1px 20px 1px 20px;
    box-shadow:none;
}

#faq_section .faq-content div.panel.show {
    background: #f3f3;
    opacity: 1;
    max-height: 500px;
    padding: 0px 12px 2px 12px;
    border-radius: 0 0 2px 2px;
    margin-top: 0px;
    margin-bottom: 20px;
/*    box-shadow: 0px 1px 4px 1px #37363629;*/
}
#faq_section .faq-content div.panel p{
    padding: 10px 20px 10px 20px;
    margin: 4px 4px 2px 1px;
    line-height: 1.6;
    font-size: 15px;
}
#faq_section h3.faq-title {
    padding: 10px 64px 10px 36px;
    margin: 0;
    font-weight: 500;
    line-height: 30px;
    word-break: break-word;
    text-align: left;
    font-size: 16px;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    transition: all 0.4s ease 0s;
}
#faq_section .faq-content button.accordion.active .faq-title{
    border: 0 !important;
    transition: all 0.4s ease 0s;
}
#faq_section h3.faq-title i{    
    font-size: 12px;
    font-weight: 100;
    margin: 0 10px 0 0;
    position: relative;
    top: -2px;
}
/*-----------------------
## FAQS page
-----------------------------*/
#content-box .faq-content{position: relative; } 
#content-box .faqrhsbx{ margin: 0 auto; width: 80%;}
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 0px 0;
    background: #fbb34d;
    padding: 0;
    transition: all 0.2s ease 0s;
    box-shadow: none;
    border-radius: 5px;
}
div#content-box .faq-content button.accordion.active{
    position: relative;
}
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: "\f107";
    font-family: 'Fontawesome';
    /* line-height: 54px; */
    width: 24px;
    height: 24px;
    font-size: 16px;
    text-align: center;
    color: #000;
    float: right;
    position: absolute;
    font-weight: 600;
    top: 14px;
    right: 40px;
    display: inline-block;
    transition: all 0.4s ease 0s;
    border-radius: 0;
    background: #E5F3FA;
    opacity: 1;
}
div#content-box .faq-content button.accordion.active:after {
    content: "\f068";
    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 20px 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 12px 2px 12px;
    border-radius: 0 0 2px 2px;
    margin-top: 0px;
    margin-bottom: 20px;
/*    box-shadow: 0px 1px 4px 1px #37363629;*/
}
div#content-box .faq-content div.panel p{
    padding: 10px 20px 10px 20px;
    margin: 4px 4px 2px 1px;
    line-height: 1.6;
    font-size: 15px;
}
main#innerpage-box div#content-box h3.faq-title {
    padding: 10px 64px 10px 36px;
    margin: 0;
    font-weight: 500;
    line-height: 30px;
    word-break: break-word;
    text-align: left;
    font-size: 16px;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    transition: all 0.4s ease 0s;
}
div#content-box .faq-content button.accordion.active .faq-title{
    border: 0 !important;
    transition: all 0.4s ease 0s;
}
main#innerpage-box div#content-box h3.faq-title i{    
    font-size: 12px;
    font-weight: 100;
    margin: 0 10px 0 0;
    position: relative;
    top: -2px;
}
/*main#innerpage-box div#content-box h3.faq-title:after {  display: none;}*/
/*div#content-box .faq-content p {
    font-size: 15px;
    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: 0px !important;
    background: transparent;
    overflow: hidden;
    text-align: center;
    padding: 16px 20px !important;
    border: none;
    box-shadow: none;
    float: right !important;
    position: absolute !important;
    right: 0;
    text-indent: -999px !important;
    width: 54px !important;
    z-index: -999 !important;
    bottom: 0%;
    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: -50px;
    font-size: 18px;
    font-weight: 100;
    right: 8px;
    text-align: center;
    color: #fff;
    background: transparent;
    background-repeat: no-repeat;
    height: 39px;
    line-height: 40px;
    width: 44px;
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
    border-radius: 0px;
    opacity: 1;
}
/*.widget-area form#searchform:before{
    position: absolute;
    content: "";
    border: 3px solid #d33;
    right: 47px;
    top: 28px;
    bottom: 0;
    height: 26px;
    z-index: 1;
}*/
.home-page {  padding: 0 0 30px 0;}
#innerpage-box{padding:2em 0em 0em;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: 16px;}
#content-box ol ol { margin-left: 5px !important;}
#content-box ul ul { margin-left: 15px !important;}
#content-box li.wc-block-grid__product:before{display: none !important;}
#content-box ul li.product-category:before{display: none;}
#content-box ul li:before {
/*    content: "\f111";*/
    font-family: 'Fontawesome';
    margin-right: 4px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #fff;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    top: -3px;
    position: relative;
    text-align: center;
    font-size: 10px;
    width: 26px;
    line-height: 26px;
    height: 26px;
    border-radius: 50px;
    font-weight: 500;
/*    transform: rotate(45deg);*/
}
/*#content-box ul li:hover:before { transform: scale(1.2);}
#secondary .widget li:before{display: none;}*/
/*.widget-area ul li:before { 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: 1.5em 0;
    position: relative;
    padding-left: 2.3em;
    /* min-height: 60px; */
    padding-top: 0px;
}
#content-box ol li:before {
    content: counter(li);
    counter-increment: li;
    color: #fff;
    background: #FFD159;
    font-size: 18px;
    width: 20px;
    height: 20px;
    line-height: 22px;
    font-weight: 600;
    text-align: left;
    padding: 0;
    display: block;
    position: absolute;
    text-align: center;
/*    box-shadow: -2px 0 1px 2px #ccc;*/
    left: 0;
    top:4px;
}

#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: #000 !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;}
.wp-block-woocommerce-cart .wc-block-components-product-name{font-size: 20px; font-weight: 600;}
.wc-block-components-product-metadata p{font-size: 15px;}
.wc-block-cart__submit-container a span{color : #000 !important;}
/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/
.error404 .error-404{
    display: block;
    text-align: center;
    font-size: 200px;
    color: #f9f9f9;
    line-height: 1.2;
    color: #222;
    font-size: 220px;
    letter-spacing: 10px;
    margin: 0;
    font-weight: 700;
    text-shadow: 2px 2px 0 #c9c9c9, -2px -2px 0 #c9c9c9;
}

.error404 .oops-text{text-align: center;}
.toggle-bar{display: none;}
.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: 32px;
    transform: rotateY(180deg);
    text-decoration: none;
    z-index: 99;
    width: 70px;
    height: 70px;
    transition: all 0.2s ease 0.2s;
    -moz-transition: all 0.2s ease;
}
#back2Top .circle {
    background-color: #fff;
    height: 38px;
    width: 38px;
    display: block;
    border: 3px solid #00baff;
    border-radius: 100px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    animation-name: circle;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-play-state: running;
    -webkit-animation-name: circle;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;
}
#back2Top .fa {
    font-size: 28px;
    font-weight: 500;
    color: #00baff;
    bottom: 10px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    animation-name:arrow;
    animation-duration:2s;
    animation-timing-function:linear;
    animation-delay:0s;
    animation-iteration-count:infinite;
    animation-direction:normal;
    animation-play-state:running;
    -webkit-animation-name:arrow;
    -webkit-animation-duration:2s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-delay:0s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:normal;
    -webkit-animation-play-state:running;
}
#back2Top .movepulse {
    margin: 0 auto;
    border-radius: 100px;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 0;
    background-color: transparent;
    opacity: 0;
}
@keyframes arrow{
    0%   {bottom:0;}
    75% {bottom:30px;}
    100% {bottom:0;}
}
@keyframes circle{
    0%   {height:45px;}
    10% {height: 40px;}
    50% {height: 30px;}
    75% {height: 40px;}
    90% {height: 45px;}
    100% {height: 50px;}
}

/******/

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;
}
#content-box .wc-block-grid__product-title{font-size: 20px;}
#content-box .wc-block-grid__product-price {font-size: 16px;}

/*---------------FOR SINGLE PRODUCT PAGE PRODUCT IMAGE GALLERY---------------------------------------*/
.woocommerce .quantity .qty {
    height: 35px;
    width: 56px;
    padding-right: 4px;
    border: 1px solid;
    border-radius: 4px;
    margin-right: 10px;
}
.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{margin: 0em 0em 2em 0em;position: relative;float: left;padding: 0 10px;}
#innerpage-box .inner-blogpost {position: relative; padding: 0;}
#innerpage-box .inner-blogpost .ht-blog-thumbnail { position: relative;}
#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
    transform: scale(1);
    transition: all 1s ease 0s;
}
#innerpage-box .blog-admbx { 
    position: absolute;
    left: 40px;
    bottom: -18px;
    font-size: 12px;
    z-index: 1; 
}
#innerpage-box .blog-admbx li{
    list-style: none;
    display: inline-block;
    padding: 12px 26px;
    background: #F6F6F6;
    font-size: 12px;
    font-weight: 600;
    border-radius: 10px 10px 0px 1px;
    box-shadow: 0px 0px 5px #00000029;
}
#innerpage-box .blog-admbx li:before {
    content: "";
    left: -18px;
    position: absolute;
    bottom: 0;
    background: #E6E6E6;
    padding: 9px 15px;
    z-index: -1;
    clip-path: polygon(0% 0, 60% 100%, 100% 0);
}
#innerpage-box .blog-admbx li:after {
    content: "";
    right: -18px;
    position: absolute;
    bottom: 0;
    background: #E6E6E6;
    padding: 9px 15px;
    z-index: -1;
    clip-path: polygon(0% 0, 50% 100%, 100% 0);
}
#innerpage-box .inner-blogpost-info {
    position: relative;
    overflow: hidden;
    padding: 36px 22px 20px;
    box-shadow: 0px 0px 20px #0000001A;
}
main#innerpage-box #blog-box h2{
    word-break: break-word;
    margin:20px 0 20px 0;
    line-height: 27px;
}
#innerpage-box .inner-blog-excerpt p,
#innerpage-box .inner-blog-excerpt {
    font-size: 16px;
    font-weight: 400;
    word-break: break-word;
    padding: 0px;
    position: relative;
    line-height: 26px;
}
#innerpage-box .blog-btn {position: relative;  overflow: hidden; margin: 20px 0 0 0;}
#innerpage-box .blog-btn a {
    position: relative;
    overflow: hidden;
    color: #000;
    background: none;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
    transition: all 0.3s;
    cursor: pointer;
    text-align: center;
    word-break: break-all;
}
#innerpage-box .blog-btn a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #000;
    margin: 0 10px;
    transition: all 0.3s;
}
#innerpage-box .blog-btn a:hover:after {  transition: all 0.3s;border:0;}
/*--------------------------------------------------------------
## Inner Page Heading
--------------------------------------------------------------*/
body.page-template-default main#innerpage-box h1,
body.page-template-default main#innerpage-box h2,
body.page-template-default main#innerpage-box h3,
body.page-template-default main#innerpage-box h4,
body.page-template-default main#innerpage-box h5,
body.page-template-default main#innerpage-box h6,

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

#innerpage-box .wp-block-image figure {
    overflow: hidden;
    position: relative;
    border-radius: 0px;
}

.wp-block-group__inner-container h2,
 #innerpage-box .widget-area .widget-title {
    font-size: 18px !important;
    color: #000;
    font-weight: 400;
    background: #E7F5FC;
    padding:15px 10px 15px 22px;
/*    margin: 0px 0px 0.4em 0;*/
    position: relative;
    display: block;
    text-align: left;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 0px;
}

/* #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: 4px 2px;
    padding: 4px 6px;
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
    text-align: center;
    background: #fff;
    display: inline-block;
    box-shadow: 0 0 2px 1px #ccc;
}
.widget-area .tagcloud {list-style: none;padding: 0;margin: 1em 1em 0 1em;}
.widget-area .textwidget { padding: 10px 10px 10px 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 { position: relative; 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: 300px;margin: 0 0 10px 0;}
.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 4px;

}
.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: -3px !important;
    left: 0 !important;
    z-index: 1;
}

.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 {
    top: auto;
    right: auto;
    left: auto;
    margin: auto;
}
.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 div.images .woocommerce-product-gallery__trigger{z-index: 1;}
.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;z-index: 1;}
.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 .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: 1500px) {
.slider_section .slide-mainimg { height: 750px;}
.slider_section .slider_content{top:15%;}
}

@media only screen and (max-width: 1299px) {
.slider_section .slide-mainimg {  height: 650px;}
.slider_section .slider_content { top: 16%;}
}

@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;}*/
header button#formButton{top: 10px;}
header .tp-head { margin: 10px 0 0em 0;}
.navigation .mainmenu li {  margin: 0px 6px 0;}
.slider_section .slide-mainimg { height: 650px;}
.slider_section .slider_content{ width: 60%; padding: 2em 1em 2em 2em;top:10%;}
.slider_section .title {  margin: 10px 0;}
.slider_section .btn5 a { font-size: 18px; padding: 8px 20px; margin: 0.8em 0 0;}
#banner-section .f1_txt1, #banner-section .f1_txt2, #banner-section .f2_txt1, 
#banner-section .f2_txt2, #banner-section .f3_txt1, #banner-section .f4_txt1, 
#banner-section .f4_txt2 { font-size: 36px;}
.feature-area .conbx p { display: block;}
.feature-area .btnbx { display: block; float: left;}
.feature-area .f-bx { padding: 0 12px;margin: 1.5em 0 0em 0;}
.feature-area .fbttn{margin: 0 0 0 2px;}
#about .about-img1 { padding: 0 14px 0 15px;}
#about .txtbxinn .n-txt2,#about .txtbxinn .n-txt1,
#about .year .n-txt {font-size: 18px;}
#service .sertxbx h4 {font-size: 20px;}
#banner2 .bx { width: 68%;}
#banner2 .bx h4,
#banner2 .bx h3 { font-size: 30px;}
#banner2 .bx p { font-size: 20px;}
#banner2 .bx p svg { width: 16px; height: 16px; top: 0px;}
#banner2 .bttn span { font-size: 18px;}
#banner2 .imgbx { width: 32%;}
#testimonials .slidebtn .prevBtn { left: 6em;}
#testimonials .slidebtn .nextBtn { right: 8em;}
.pricing-area .single-pricing{margin: 0 4% 2em 4%; padding: 30px 10px 15px 10px;}
/*#gallery .homegalry:nth-child(1) .spa-gall img,
#gallery .homegalry:nth-child(2) .spa-gall img{height: 350px;border-radius: 5px;}*/
#offres .offresus-post-boxes { margin: 0 0em;}
#offres .conbx { width: 85%;}

.blog-area .blogbx{  padding: 0 15px;}
.blog-area .blog-single p { font-size: 16px; margin: 6px 0 6px;}
.blog-area .blog-btn a { font-size: 16px; padding: 8px 18px;}
.blog-area .blog-btn { margin: 0.4em 0 0em;}
#content-box .faqrhsbx { width: 90%;}
#innerpage-box .inner-blog-post { padding: 0em 10px;}
.wp-block-group__inner-container h2, #innerpage-box .widget-area .widget-title {font-size: 20px !important;}
#innerpage-box .workbx .wkbxinn { margin: 0px 6em 0em 10em;}
#innerpage-box .workbx .ntc_img2{right: -7em;}
}

@media screen and (max-width: 1024px){
.logo { padding: 1px 4px 1px 1px;}

}

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

@media only screen and (max-width: 991px) {
.logo { padding: 1px 4px 1px 1px;background: none !important; text-align: center;}
.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;}
div#sitemap-box h4:before,
div#sitemap-box:before{display: none;}
.commentmetadata span.reply{position: relative; top: -5px; margin: 10px;}
.pgtlebx {  width: 90%;}
#sidebars .widget, div#secondary.widget-area .widget { margin: 0px 2px 2em 2px;}

}

@media screen and (max-width: 991px) {
header .js-nav-toggle {
    position: absolute;
    top: -4em;
    right: -4em;
}
header .toptxt { font-size: 12px;}
header .epa span{display: none;}
header .epa a .tooltip-text{
    visibility: hidden;
    display: inline-block;
    width: 200px;
    background-color: #DFDABA;
    color: #000;
    text-align: center;
    padding: 2px 2px;
    position: absolute;
    font-size: 14px;
    top: 0px;
    right: 18px;
    opacity: 1;
    transition: opacity 0.3s;
    transition: all 0.2s linear;
}
header .epa:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}
.top-bar-head {padding: 0em 0;border-bottom: none;}
.home.page-template .site-header { position: relative;}
header .addres{display: none;}
.site-navigation{background:none ;}
.site-navigation{ right: 10px;padding: 0;}
.mid-head {padding: 4px 0;}
.navigation .mainmenu li a::before{display: none;}
.slider_section .slide-mainimg {   height: 450px;}
.slider_section .slider_content { width: 80%;}
.slider_section .title { font-size: 28px;line-height: 1.2;}
#banner-section .f1_txt1, #banner-section .f1_txt2, #banner-section .f2_txt1, 
#banner-section .f2_txt2, #banner-section .f3_txt1, #banner-section .f4_txt1, 
#banner-section .f4_txt2 {font-size: 25px;}
#banner-section .f3_txt1 .linebrd3,
#banner-section .f1_txt2 .linebrd {display: none;}
.section-title .titlebx {padding: 0 0% 0px 0;}
.section-title .titlebrd{display: none;}
.section-title {  margin-bottom: 2em; padding: 1em 0px 1em;}
.section-title h3 { font-size: 28px; margin: 0px 0 2px 0;}
.section-title h5 {font-size: 20px;}
.section-title p { padding: 0 0% 0 0%; margin: 10px 0;}
.feature-area .fea-title { font-size: 20px;margin: 2px 0 2px 0;}
#banner2 .imgbx:before, #banner2 .imgbx:after{display: none;}
#about .abtcon-bx{padding: 0;}
#about .abt-single { margin: 2.2em 0 0 0;}
#about .abt-contactbx { margin: 1em 0 0 0; padding: 1.5em 0 0 0;}
#about .abt-title { margin: 0px 0 4px 0;}
#about .abt-contactbx .phtext, 
#about .abt-contactbx .emtext { margin: 2px 0 0 0;}
#about .btnbx { margin: 1em 0;}
#about .about-img2 {position: relative; width: 64%;top: 18px;}
#banner2 .bx {margin: 2em 0 1em 0;width: 100%;}
#banner2 .bx h4{margin: 0;}
#banner2 .bx p { margin: 16px 0;}
#banner2 .bttn { margin: 14px 0 8px 0;}
#banner2 .imgbx { margin: 1em 1em 0 1em; bottom: 0;width: 300px;}
#banner2 .imgtitle {font-size: 26px; padding: 10px 2px 10px 2px;}
#banner2 .aplimg { margin: 1em 0 1em 0;}
#banner2 .gpayimg { margin: 1em 0 1em 0;}
#service .section-title { width: 100%;}
#service .single-service-bx { padding: 0 2px;margin-bottom: 1em;}
#service .bttnbx { margin-top: 10px;}
.pricing-area .pricebx { top: 0em;}
.pricing-area .sm-bx:nth-last-child(2) .single-pricing, 
.pricing-area .sm-bx:nth-last-child(4) .single-pricing { transform: scale(1);}
.pricing-area .single-pricing { margin: 0 0 1.5em 0; padding: 15px 10px 15px 10px;}
.pricing-area h5.pricetitle { margin: 14px 0 14px 0;}
.pricing-area .currency-price { font-size: 28px; margin: 12px 0 12px;}
ul.pricing-list li { font-size: 16px; margin: 10px 0 10px 0;}
.pricing-area .pc-btn { margin: 1em 0 0 0;}

.counter-area .cd-title { font-size: 20px;}
#testimonials .tsbx{width: 100%;  top: 0;}
#testimonials .tsbx .contentoutbx {overflow: visible;}
#testimonials .tsbx .cards .card{margin: 2px 1px;}
#testimonials .tsbx .contentoutbx .contentBox h3 { margin: 4px 0;}
#testimonials .tsbx .contentoutbx .contentBox p{width: 100%; margin: 8px auto;font-size: 16px}
#testimonials .slidebtn{display: none;}
#team .section-title2 { margin: 6px 0 18px 0;}
#team .section-title2 h3 {font-size: 28px; margin: 0px 0 2px 0;}
#team .section-title2 h5 { font-size: 20px; margin: 4px 0;}
#team .section-title2 p {  margin: 0 0px 0 0;}
#faq_section .faqsec-heading { margin: 6px 0 18px 0;}
#faq_section .faqsec-heading h3{font-size: 28px; margin: 0px 0 2px 0;}
#faq_section .faqrhsbx{width: 100%;}
/*#gallery .homegalry{padding:0 4px;width: 50%;}*/
.blog-area .blogbx:nth-last-child(3) .box-area-S .blog-thumbnail { order: 0;}
.blog-area .blogbx:nth-last-child(2) .blog-single, 
.blog-area .blogbx:nth-last-child(3) .blog-single {width: 100%; padding: 0 30px;}
.blog-area .blogbx:nth-last-child(1) .blog-thumbnail img,
.blog-area .blogbx:nth-last-child(2) .blog-thumbnail img,
.blog-area .blogbx:nth-last-child(3) .blog-thumbnail img,
.blog-area .blog-thumbnail img{height: 300px;}
.blog-area .blogbx:nth-last-child(2) .blog-thumbnail, 
.blog-area .blogbx:nth-last-child(3) .blog-thumbnail {width: 100%; padding: 0;}
.blog-area .blogbx:nth-last-child(3) {  width: 50%;}
.blog-area .blogbx:nth-last-child(2) { width: 50%;}
.blog-area .blogbx:nth-last-child(1) { width: 50%; position: relative;  }
.blog-area .blogbx:nth-last-child(2) .box-area-S .blog-thumbnail .blog-admbx,
.blog-area .blogbx:nth-last-child(3) .box-area-S .blog-thumbnail .blog-admbx {
    top: 92%;
    left: 50px; 
    transform: rotate(0deg);
    display: inline-table;
}
.blog-area .blogbx:nth-last-child(2) .blog-single, 
.blog-area .blogbx:nth-last-child(3) .blog-single { width: 100%; padding: 22px 30px;}
.blog-area .blog-btn {margin: 0.4em 0 10px;}
#about,#team,#gallery,#appointment,.feature-area,#callus,#achievement,#counter,#support,#project,#clientlogo,
#course,#banner-section,#ourvideo-section ,#ourclient,#newsletter,#counter,#banner2,#steps,#testimonials,
#blog,#service,#pricing,#faq_section,#offres,#footer{ padding: 1em 0 !important;}
.page-main-header{padding: 4em 0 4em !important;}
.ht-main-title { margin: 0px 0px 2px 0;}
.site-header {position: relative;}
header .woocommerce-breadcrumb, .breadcrumbbox .button { font-size: 18px;}
#innerpage-box blockquote p { font-size: 18px;}
#innerpage-box {  padding: 0em 0em ;}
#innerpage-box .inner-team { padding: 0 15px;}
#gallery .homegalry,
#innerpage-box .gallery-inn { column-count: 2; }
#innerpage-box .innertest-item{width: 50%;}
#innerpage-box .innertest-item { margin-bottom: 1em;}
#innerpage-box .tsarea-inn { margin: 0 1em 1em 0; padding: 0;}
#innerpage-box .ts-area-thumb img { margin: 0 0 1px 0;}
#innerpage-box .ts-area-content { margin: 14px 0 10px 0;}
#innerpage-box h4.ts-area-title { margin: 8px 0 2px 0 !important;}
#innerpage-box .ts-area-c p { font-size: 16px;}
#innerpage-box .singleinner-project .projectbx .txt {font-size: 18px;}
#content-box .faqrhsbx { width: 100%; padding: 0;}
.widget-area ul li:before{margin-right: 4px !important;}
main#innerpage-box #sidebars li {margin-left: 5px;}
header.site-header input[type='search'], 
header.site-header input[type='search']:hover { width: 100%;}
.footer-area .s-footer { width: 50%;}
.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-area .bottom-area { bottom: 0; position: relative;}
.s-footer { padding-bottom: 0em;}
#content-box ol li { padding-left: 3em;}
#innerpage-box .contact-address-area .fmbx {  margin: 0 0 1em 0;}
#ht-contactus-wrap .conformbx .submaintle i { font-size: 14px;}
#ht-contactus-wrap .conformbx .submaintle {font-size: 20px; margin: 0 0 0.2em 0;}
#ht-contactus-wrap .maintle { font-size: 30px;}
#ht-contactus-wrap .conformbx { margin-bottom: 1em;}
#ht-contactus-wrap label{font-size: 16px;}
#ht-contactus-wrap input[type="submit"] { padding: 8px 14px;margin-top: 10px; font-size: 16px;}
#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 {
    font-size: 16px;
    padding: 1px 4px 10px 4px;
    margin: 1px 0 6px 0;
}
#innerpage-box .cntlhsbx { margin: 1em 0 0 0;}
#innerpage-box .contact-address-area .txtbx .bxtitle {font-size: 30px;margin: 0px 0 10px;}
#innerpage-box .contact-address-area .txtbx .bxtxt { font-size: 16px; margin: 0 0 15px 0;}
#innerpage-box .contpgimgbx img { height: 550px;}
#innerpage-box .conbx { padding: 1em 0 0 0;}
#innerpage-box .dbxsubtitle { font-size: 20px;}
#innerpage-box .dbxtitle {font-size: 30px; margin: 6px 0 10px 0;}
#innerpage-box .m_enk .enktitle { font-size: 30px;}
#innerpage-box .m_enk .enklink { font-size: 18px; margin: 4px 0 0 0;}
#innerpage-box .contact-mapbox { margin-top: 0;}
#innerpage-box .contact-mapbox iframe { height: 250px;}
.footer-area .footbx1 {width: 60%;}
.footer-area .footbx2 { width: 40%;}
.footer-area .single-footer-1 { padding: 10px 10px 6px 10px;}
.footer-area .single-footer-2 { padding: 10px 10px 6px 10px;}
.footer-area .single-footer-3 { padding: 10px 10px 6px 10px;}
.footer-area .footbx2 { padding: 20px 10px 0 10px;}
.footer-area .footbx2inn {padding: 0 10px 0 10px;}
}


@media screen and (max-width: 768px){
    header .hbttn .modal-content{margin: 20% auto;}
.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){
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){
.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%;}
.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;}
.footer-area .bottom-area{padding: 8px 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;}
}

@media screen and (max-width: 768px){
.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;}
.top-bar-head { padding:0 !important;}

}

@media screen and (max-width: 767px){
header .js-nav-toggle{position: absolute !important;top: -4em;right: 0;}
header .hpt-txt,
header .hph i{display: none;}
header .hph{width: 16%; z-index: 9;top: 10px;}
header .hph .call{display: block;transform: rotateX(0deg);}
header .hph a .tooltip-text{
    visibility: hidden;
    display: inline-block;
    width: 150px;
    background-color: #ccc;
    color: #000;
    text-align: center;
    padding: 2px 2px;
    position: absolute;
    font-size: 14px;
    top: 0;
    left: 1px;
    opacity: 1;
    transition: opacity 0.3s;
    transition: all 0.2s linear;
}
header .hph:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
    top: 0;
}
.logo { width: 38% !important;}
header .hbttn{width: 16%; z-index: 9;top: 10px;}
header .hbttn-txt span{display: none;}
header .hbttn-txt i{display: block;}
header .hbttn a .tooltip-text{
    visibility: hidden;
    display: inline-block;
    width: 150px;
    background-color: #ccc;
    color: #000;
    text-align: center;
    padding: 2px 2px;
    position: absolute;
    font-size: 14px;
    top: 2px;
    right: 0;
    opacity: 1;
    transition: opacity 0.3s;
    transition: all 0.2s linear;
}
header .hbttn:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
    top: 0;
}
.widget-area a { padding: 6px 12px 6px 12px;}
.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;}
.slider_content:after{display: none;}
.slider_section .slide-mainimg { height: 350px;}
.slider_section .slider_content { width: 100%; top: 0; margin: 1em 0 0 0;padding: 0em; position: relative;}
.slider_section .sub-title { font-size: 18px;}
.slider_section .text {font-size: 16px;}
.slider_section .title { margin: 8px 0;}
.slider_section .btn5 a { padding: 6px 20px;}
.slider_section { padding: 0 0 15px 0;}
.slider_section .owl-dots{bottom: -14px;}
#banner-section .f1_txt1, #banner-section .f1_txt2, #banner-section .f2_txt1, 
#banner-section .f2_txt2, #banner-section .f3_txt1, #banner-section .f4_txt1, 
#banner-section .f4_txt2 {font-size: 18px; }
#banner-section .s_imgbx img { height: 40px;top: 0px;}
#banner-section .arrowbx { display: none;}
#banner-section .arrowbx svg#Layer_1 { width: 20px;}
.section-title { margin-bottom: 2em;}
#about .about-img2,#about .about-img3,#about .about-img1{width: 100%;}
#about .year { width: 100%; margin: 1em 0;}
#about .txtbx { position: relative;width: 100%;bottom: 0;top: 1em;}
#about .txtbxinn .n-txt1,#about .txtbxinn .n-txt2{text-align: center;}
#offres .conbx { width: 100%; border-radius: 0; position: relative;}
#offres .hi-icon img {height: 300px; border-radius: 0px;}
#offres .conbx:before{border-radius: 0;}
#offres .owl-theme .owl-dots, #offres .owl-theme .owl-nav { display: none;}
#innerpage-box .singleinner-project .projectbx .txt {font-size: 16px;}
.feature-area .fea-icon span { font-size: 40px;}
#testimonials .section-title { margin-bottom: 1em;}
#service .service-icon img{width: 100%;}
#about, #team, #gallery, #appointment, .feature-area, #callus, #achievement, #counter, #support,#blog,
#project, #course, #banner-section, #ourvideo-section, #ourclient, #newsletter,
 #service{padding: 1em 0 !important;}
#secondary.widget-area { padding: 0px 0;}
#content-box .faqrhsbx { width: 100%;}
#innerpage-box .item.innertest-item { width: 100%;}
#innerpage-box .innertest-item { padding: 0px 0px;}
#innerpage-box .singleinner-service { margin-bottom: 8px;}
#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%;}
#gallery .gallery-tabs { margin: 0 0 0.8em 0;}
#gallery .gallery-tabs li { margin: 4px 4px;}
#gallery .gallery-tabs li a { padding: 8px 16px;}

#innerpage-box .contpgimgbx img { height: 400px;}
#innerpage-box .gallery-tabs { margin: 0 0 0.8em 0;}
#innerpage-box .gallery-tabs li { margin: 4px 4px;}
#innerpage-box .gallery-tabs li a { padding: 8px 16px;}
.footer-area .widget li { margin-bottom: 0.4em;}
.footer-area .footbx1 { width: 100%;}
.footer-area .footbx2 { width: 100%;padding: 20px 10px 0 10px;}
.footer-area .footbx2inn { padding: 0 0px 0 10px;}
.footer-area .footbx2inn .title {margin: 0 0 10px 0px;}
.footer-area .footbx2 .delt {margin: 4px 0;}
.footer-area .paybx { margin: 12px 0;}
.footer-area .bottom-area { margin: 1em 0 0 0;}
}

@media screen and (max-width: 580px){  
.slider_section .slider_content { width: 96%;}
.ht-team-counter-wrap{  margin-left: 0;}
.ht-portfolio{ width: 50%; padding: 4px;}

}

@media screen and (max-width: 575px){
header .hbttn .modal-content{margin: 40% auto;}
.slider_section .slide-mainimg { height: 300px;}
.counter-area .count-box {margin: 8px auto;}
#about .abt-ph, #about .abt-mail { width: 100%; margin: 0 0 1em 0; padding: 0;}
#about .btnbx { margin: 0.4em 0;}
#innerpage-box .inner-blog-post { padding: 0em 0px;}
#banner2 .bx h4, #banner2 .bx h3 { font-size: 23px;}
#banner2 .bx h3{margin: 0 0 4px 0}
#banner2 .bx p { font-size: 16px;}
.blog-area .blogbx:nth-last-child(1),.blog-area .blogbx:nth-last-child(2),
.blog-area .blogbx:nth-last-child(3){width: 100%;padding: 0;}
.blog-area .blogbx:nth-last-child(1) .blog-thumbnail img, 
.blog-area .blogbx:nth-last-child(2) .blog-thumbnail img, 
.blog-area .blogbx:nth-last-child(3) .blog-thumbnail img, 
.blog-area .blog-thumbnail img{height: 350px;}
.widget-area a { padding: 6px 0 6px 10px;}
.footer-area .s-footer { width: 100%;}
}

@media screen and (max-width: 520px){
header .woocommerce-breadcrumb, .breadcrumbbox .button{font-size: 18px;}
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;}
.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;}
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;}
.slider_section .title { font-size: 24px;}
#about .abt-icon { width: 26%;}
#about .abt-conbx { width: 74%;}
#about .abt-contactbx .phbx a, #about .abt-contactbx .mailbx a { font-size: 18px;}
.page_featured {margin: 0 2em;margin-bottom: 1em;padding: 3em 4em;}
#innerpage-box .tsarea-inn { margin: 0 0em 1em 0; }
#innerpage-box .innertest-item { width: 100%;}
main#innerpage-box h1, 
body.page-template-default main#innerpage-box h1, 
.ht-main-title{ font-size: 24px !important;}
.footer-bottom-area ul li { margin: 0 10px;}
.footer-text, .footer-area li{font-size: 16px;}
#gallery .homegalry,
#innerpage-box .gallery-inn { column-count: 1;}
body {   position: inherit; }
.comment-form-url,
.comment-form-author,
.comment-form-email{ width: 98%;}
.single-header-info { text-align: center; padding: 0;}
#innerpage-box .m_enk { bottom: 5%;}
#innerpage-box .contpgimgbx .plane img{display: none;}
#innerpage-box .m_enk .enktitle { font-size: 22px;}
#innerpage-box .contpgimgbx img { height: 400px;}
#innerpage-box .cntpgbx .cname:after{display: none;}
#innerpage-box .cntpgbx .cname {
    font-size: 24px;
    margin: 0 0 12px 12px;
}
}

@media screen and (max-width: 425px){
header .epa a .tooltip-text {top: -26px;}
.site-navigation { right: 18px;}
header .fmbx { width: 10%;}
header .Hbtn{padding: 12px 0 0 0;}
header .Hbtn i { position: relative;}
header .Hbtn .tooltiptext{visibility: hidden;position: absolute;z-index: 4;display: block;}
header .Hbtn:hover span.tooltiptext{ visibility: visible; position: relative;}
.slider_section .slide-mainimg { height: 250px;}
#service .service-icon img { width: 100%; height: 100%;}
#innerpage-box .dbxsubtitlebx:before{display: none;}

}

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


}

@media screen and (max-width: 375px){
.slider_section .slider_content {padding: 0px; margin: 10px 0;}
.counter-area .cd-num:after {  left: -10px;}
}

@media screen and (min-width: 320px) and (max-width: 375px){
/*.ht-site-title, .site-title {font-size: 18px;}*/
.navicon { top: -60px !important;}
.page_featured { 
    margin-bottom: 1em; 
    padding: 2em 4em;
}
}

@media screen and (max-width: 340px){
.commentmetadata span.reply {
    position: relative;
    top: 0px;
}
}

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

main#innerpage-box .tagcloud a {
    border-radius: 5px;
    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;}
