/*Theme Name: Moneymind Finance Advisor
Theme URI: https://www.luzukdemo.com/demo/moneymind-finance-advisor/

Author: luzuk Themes
Author URI: https://www.luzuk.com/top/wordpress-themes/

Description: We’ve designed Moneymind Finance Advisor WordPress Theme for people in money management business. Whether you’re a wealth consultant, financial advisor, investment banker, Tax advisor, mutual fund agent, or insurance advisor - this template will prove to be a game changer for you. Once you download it to display your services and expertise things will start looking brighter and clear. You will be able to see pathways ahead. This online presence will give you confidence to focus on your business without overwhelming you. 
This theme does not just look professional with a great layout and usage of high quality graphic. It is also highly functional and easy to manage. You can customize the look, feel, and vibe as per your preference. 
Being mobile compatible gives this theme a double advantage. While your clients will have it easy, no matter which device they use to find your website.  They will be able to learn about your services and expertise effortlessly. On the other hand you will be able to maintain this website without any hassle. The backend we’ve provided helps you to change images and information whenever you wish. You can also make these changes via your mobile phone. You don’t need to know coding or possess any technical expertise to operate this theme. 
What you need is a domain name and hosting space. After that you can use this design to make yourself live. It will work for you like an employee. You can use it for as long as you wish. Whether you are in the process of launching your money management business or you are an established financial advisor, this Moneymind Finance Advisor WordPress Theme will work perfectly for you. 

Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: Moneymind Finance Advisor
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: none;
    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: 600;
/*    line-height: 1;*/
    font-family: 'Oswald', sans-serif;
}
h1{
    font-size: 29px;
    margin-bottom: 15px;
}
h2{
    font-size: 26px;
    margin-bottom: 15px;
}
h3{
    font-size: 24px;
    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:15px 0;
    word-break: break-word;
    line-height: 1.4;

}

dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    background-color: #3ff;
    position: relative;
    clear: both;
    top: 12px;
    left: 1%;
    width: 96% !important;
    margin: 30px 2px;
    padding: 2em 20px 0em 20px !important;
    font-size: 18px;
    color: #212121;
    box-shadow:6px 4px 26px #0000004D;
}

#innerpage-box blockquote p {
    padding: 0 0 5em 8px;
    position: relative;
    z-index: 1;
    margin: 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
}
/*#innerpage-box blockquote p:after {
    content: "\f10e";
    font-family: 'Fontawesome';
    position: absolute;
    top: -46px;
    clear: both;
    right: -24px;
    font-size: 30px;
    padding: 0px 8px;
    color: #d33;
    z-index: -1;
}*/


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

/*padding*/

.pd-0{ padding: 0 !important;}
.pd-1{ padding: 6px;}
.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;
}

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 .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;
    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 a{
    text-decoration: none;
    font-size: 20px;
    word-break: break-word;
/*    color: #fff;*/
   display: block; 
    padding: 2px 6px 2px 6px;
    font-weight: 400 !important;
    line-height: 1.4;
    margin: 0;
}


.widget-area .widget{ margin-bottom: 1.5em; position: relative;z-index: 1;}
#innerpage-box .widget-area .wp-block-latest-posts__list {padding: 0 2px;}
#secondary .widget_search, #sidebars .widget_search,
#secondary .widget_tag_cloud,
#sidebars .widget_tag_cloud{background: none !important;margin: 0 0 15px 0 !important}
#secondary .widget_tag_cloud .widget-title{margin: 0 0 15px 0 !important;}

#sidebars .widget, 
div#secondary.widget-area .widget {
    background-color: #fff;
    border-radius: 0px;
    position: relative;
/*    overflow: hidden;*/
}

#sidebars .widget,
#secondary.widget-area .widget {     
    padding: 0em 0 1.5em 0;
    margin: 0px 2px 2em 2px;
    color: #fff;
    box-shadow:none;
    border-radius:0;
}

#sidebars .widget.widget_search,
#secondary.widget.widget_search{
    box-shadow: none;
}
#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;}

.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 {
    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 10px 6px !important; border-radius: 7px;}

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

#sidebars .widget_archive li:before,
#sidebars .widget_categories li:before,
#secondary .widget_nav_menu li:before{   display: none;}

#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: "\f18e";
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    margin: 0 12px 0 0;
    font-weight: 400;
    transition: all 0.2s ease 0s;
    font-size: 16px;
    position: relative;
    top: 0px;
}
/**/
/*recent post*/
/*.attachment-thumbnail.widget_recent_comments.wp-post-image*/
span.post-date {
    font-size: 18px;
    font-weight: 600;
    margin: 0 !important;
}
.attachment-thumbnail.size-thumbnail.wp-post-image{      
    width: 60px;
    margin: 0 0 4px 0;
}
.attachment-thumbnail.size-thumbnail.wp-post-image:after{

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

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

/*recent comments*/

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

.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: 15px;
    padding: 10px 4px 10px 18px;
    margin: 12px 0 0 0;
    font-weight: 500 !important;
    border-radius: 7px;
}

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

#sidebars .widget_nav_menu a, 
#sidebars .widget_nav_menu ul li a,
#secondary .widget.widget_nav_menu a{color: #1955C1 !important;}
#secondary .widget_nav_menu li a,
#sidebars .widget_nav_menu a,
#sidebars .widget_nav_menu ul li a{display: block;}

#secondary .widget_nav_menu li a:before, 
#sidebars .widget_nav_menu ul li a:before{ 
    content: "\f18e";
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    margin: 0 12px 0 0;
    font-weight: 400;
    transition: all 0.2s ease 0s;
    font-size: 16px;
    position: relative;
    top: 0px;
}
/*#sidebars .widget_recent_entries ul li:before{display: none;}*/
/*#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: "\f105";
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: #fff;
    background: #d33;
    margin: 0px 4px 0px 1px;
    font-weight: 500;
    font-size: 22px;
    left: 0;
    top: 0px;
    height: 30px;
    border-radius: 0px;
    width: 30px;
    line-height: 28px;
    position: absolute;
    text-align: center;
}*/
#secondary .widget_recent_entries li:before,
#sidebars .widget_recent_entries li:before{
    display: none !important;
}
.widget-area li.recentcomments {padding: 4px 38px 10px}
.recentcomments a {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
}

#secondary #recentcomments li:before, 
#sidebars #recentcomments li:before {
    content: "\f27b" !important;
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: #d33;
    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{   
    padding: 0 !important;
}
#secondary #recentcomments li a, 
#sidebars #recentcomments li a{ padding: 0 0 0 0px !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: 10px 40px 10px 12px;}

#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% 8px 0;
    font-size: 15px;
    display: inline-block;
    border-radius: 5px;
    padding: 6px 3px 6px 10px;
    line-height: 20px;
    background-color: transparent;
    text-align: left;
    box-shadow: none;
    border: 1px solid #000;
}
#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: 6px 20px;
    font-weight: 400;
    font-size: 16px;
    border-radius: 0px;
    line-height: 35px;
    word-break: break-word;
    background: #F5F7F9;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 15px;
}
/*--------------------------------------------------------------
## section Title
--------------------------------------------------------------*/
.section-title h2{font-size: 18px;font-weight: 500; margin: 10px 0 0 0;}
.section-title h3{font-size: 35px;font-weight: 600; margin: 18px 0;}

/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
.owl-carousel{ will-change: transform;}

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

#sample-heading-here:after {display: none !important;}

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

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 4px;}
.ht-site-title, .site-title{
    font-weight: 600;
    font-size: 22px;
    padding: 0px 0 0 0;
}
.ht-site-title a, .site-title a{ text-decoration: none;color: #4a4a4a;}
.ht-site-description{
    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;}
/*===========================================
## woocommerce new css
======================================*/
.wp-block-woocommerce-cart .wp-block-product-new{display: none;}
/*======= side bar ===========*/
.woocommerce .widget_price_filter .price_slider_amount {
    text-align: center !important;
    padding: 0 2px !important;
    
}
/*===========================================
## 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;}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
.bdcrmbox{position: relative;}
.breadcrumbbox {
    position: relative;
    margin: 10px 0 0 0;
    padding: 4px 10px;
    display: inline-block;
    border: 1px solid #d33;
    border-radius: 4px;
}
.breadcrumbbox span{ color:#000; margin:0 2px;font-weight: 400;position: relative;}
.breadcrumbbox i {
    font-size: 12px;
    font-weight: 600;
    top: 0px;
    position: relative;
    padding: 0 6px;
}
header .woocommerce-breadcrumb,
.breadcrumbbox .button {
    display: inline-block !important;
    font-size: 15px;
    font-weight: 500;
    border-radius: 0;
    position: relative;
    z-index: 1;
    line-height: 1;
}

/*header second image*/
header .second-featured-image {
    position: absolute;
    width: 350px;
    height: 250px;
    margin: 0 auto;
    border: 5px solid #000;
    bottom: -5em;
    left: 0;
    right: 10%;
    overflow: hidden;
    z-index: 0;
}
header .second-featured-image img{width: 100%;height: 100%;}
/*----------------------------------------*/
/*  Inner Page Header Area
/*----------------------------------------*/
.ht-main-title {
    position: relative;
    margin: 0px 0 4px;
    padding: 30px 0 0 0;
    font-weight: 500;
    font-size: 41px;
    text-transform: uppercase;
    color: #FDA12B;
    word-break: break-word;
    z-index: 1;
    line-height: 1.1;
}
.page-main-header {
    overflow: hidden; 
    position: relative;
    text-align: center;
}
.page-main-header .overlay1{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.3;

}
.page-main-header p {
    position: relative;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    margin: 10px 27% 4px;
    line-height: 24px;
}

/*----------------------------------------*/
/*  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: 0em 0 0em 0; padding: 0px 0px 0px 0px;}
header .mid-head{position: relative;padding:20px 0 12px 0;}
header .header-midd { position: relative;}

/**/
.logo { 
    position: relative;
    padding: 0;
    width: 20% ;
    text-align: left;
    top: 0px;
}
.head-menu { width: 60%; padding: 4px 4px 0 0;text-align: center;}
header .h-bttn{ width: 20%;padding: 0;position: relative; text-align: right; margin: 1px 0 0 0;}
header .h-bttn a {
    overflow: hidden;
    position: relative;
    display: inline-block;
    color: #fff;
    background: #1C3434;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 20px;
    margin: 0 0px 0 0;
    border: none;
    border-radius: 5px;
    transition: all 0.3s;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    word-break: break-all;
    text-align: center;
    z-index: 1;
}
header .h-bttn a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 0px;
   background-color: #f3f;
/*background-image: linear-gradient(315deg, #4dccc6 0%, #96e4df 74%);*/
  transition: all 0.3s ease;
}
header .h-bttn a:hover {
  color: #fff;
}
header .h-bttn a:hover:after {
  top: 0;
  height: 100%;
}
header .h-bttn a:active {
  top: 2px;
}


/*search form header*/
/*search form*/
header .top-form{display: inline-block; position: relative;}
header button#formButton {
    padding: 0;
    background: #C1D5F9;
    position: relative;
    border-radius: 5px;
    width: 48px;
    height: 48px;
    line-height: 46px;
    text-align: center;
    box-shadow: none;
    border: 1px solid #1955C1;
    margin: 0px 0 0 0;
    top: 0em;
}

header #formButton:after {
    content: "\f002";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /* position: relative; */
    font-size: 18px;
    top: 0%;
    position: absolute;
    left: 0px;
    right: 0;
    text-align: center;
    margin: 0;
    z-index: 1;
}
header form#form1 {
    width: 280px !important;
    border-radius: 4px;
    display: none;
    position: absolute;
    right: 0;
    margin: 0 auto;
    /* left: 0; */
    width: auto;
    top: 54px;
    /*overflow: hidden;*/
}
header .top-form form {
/*    background: #F0F8FF;*/
    position: absolute;
    right: 2%;
    width: auto;
    /*top: 100%;*/
    z-index: 10;
    padding: 2px 1px 4px 4px;
}
header .top-form form input[type="text"]{width: 80%;font-size: 15px; border: 1px solid; border-radius: 4px;padding: 8px 2px 8px 10px;}
header .top-form form input[type="submit"], 
header .top-form form input[type="button"] {
    background-color: #ffb800;
    color: #000;
    position: absolute;
    font-size: 12px;
    padding: 10px 8px;
    font-weight: 500;
    border: 1px solid;
    margin: 0 1px 1px 4px;
/*    text-indent: 999px !important;*/
}
header .top-form fieldset{ padding: 0; margin: 0 1%;}
    

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

/* = Navigation hover and active menu css
-------------------------------------------------------------- */
header .navigation {
    display: inline-block;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 4px;
}

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;
    text-align: right;
}
.navigation .mainmenu li{ 
    display:inline-block; 
    position:relative; 
    line-height:normal; 
    margin: 1px 1px 2px;
    transition: all 0.5s;
}
.navigation .mainmenu li a{ 
    display:block; 
    text-align:center; 
    /*color:#ffffff; */
    position:relative; 
    transition: all 0.5s;
}

.navigation .mainmenu li a::before {
    
    content: "";
    inset: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.5s ease-in-out;
    border-radius: 4px;
    background: #4dccc6;
    width: 100%;
    z-index: -1;
    margin: 1px auto;
    transform-origin: right;
}
.navigation .mainmenu li.current_page_item a::before , 
.navigation .mainmenu>li>a:active,
.navigation .mainmenu li a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
    bottom: 0;
    height: 100%;
}


.navigation .mainmenu .sub-menu a::before{display: none;}
/* = Navigation 2nd level css
-------------------------------------------------------------- */

/*.navigation .mainmenu ul.sub-menu{ animation: fadeIn 0.8ms ease-in-out; }*/
.navigation .mainmenu li ul.sub-menu {
    -webkit-transition:all 300ms ease-in-out 500ms;
    -moz-transition:all 500ms ease-in-out 500ms;
    -ms-transition:all 500ms ease-in-out 500ms;
    -o-transition:all 500ms ease-in-out 500ms;
    transition:all 500ms ease-in-out 500ms;
    -webkit-transform:rotateX(-90deg);
    -moz-transform:rotateX(-90deg);
    -ms-transform:rotateX(-90deg);
    -o-transform:rotateX(-90deg);
    transform:rotateX(-90deg);
    -webkit-transform-origin:0% 0%;
    -moz-transform-origin:0% 0%;
    -ms-transform-origin:0% 0%;
    -o-transform-origin:0% 0%;
    transform-origin:0% 0%;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
}

.navigation .mainmenu li:hover ul.sub-menu {
    -webkit-transition:all 500ms ease-in-out 0ms;
    -moz-transition:all 500ms ease-in-out 0ms;
    -ms-transition:all 500ms ease-in-out 0ms;
    -o-transition:all 500ms ease-in-out 0ms;
    transition:all 500ms ease-in-out 0ms;
    -webkit-transform:rotateX(0deg);
    -moz-transform:rotateX(0deg);
    -ms-transform:rotateX(0deg);
    -o-transform:rotateX(0deg);
    transform:rotateX(0deg);
}
.navigation .mainmenu li ul.sub-menu{
    border-top: 4px solid #637ce9;
    border-bottom: 4px solid #637ce9;
}

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;
    border: none;
    border-radius: 8px 8px;
}
.navigation .mainmenu li ul li{
    display:block; 
    position:relative; 
    float:none; 
    line-height:18px; 
    margin:0; 
    -webkit-transform: skew(0deg); 
    -ms-transform: skew(0deg); 
    transform: skew(0deg); 
    transition: all 0.5s;
    border-bottom:1px solid #000;
    /*box-shadow: 0 0 6px rgba(0,0,0,0.15);*/
}

/*.navigation .mainmenu ul.sub-menu .sub-menu{border: 0;}*/
.navigation .mainmenu li ul li a{
    display:block; 
    padding: 5px 0px;
    position:relative;
    top:0; 
    text-align:left; 
    z-index: 1;
    transition: all 0.5s;
}
/*.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 {
    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;
}

header .search_dropdown:hover,
header .search_dropdown.active { cursor: pointer; } 
header .search_dropdown ul {
    display: none;
    position: absolute;
    top: 105%;
    left: -1px;
    font-size: 14px;
    width: 225px;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 7px 0;
}
    
header .search_dropdown li {
  list-style-type: none;
  margin: 0;
  padding: 5px 18px;
  color: $highlight_color;
  line-height: 1.2em;
  position: relative;
}
      
header .search_dropdown:hover {}
header .search_dropdown .selected {color: #fff;}
header .search_dropdown .huge { max-width: 860px; }
header .search_dropdown  input[type=text] {  font-size: 20px;}

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

/* = Navigation sticky header css
-------------------------------------------------------------- */
.top-bar-head{padding: 0em 0 0em 0; margin: 0 0px; }
/*.top-bar-head:before{
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    opacity: 0.2;
    z-index: -1;
    background: url(images/bannerbg.png) repeat;
}*/
.site-navigation { position: relative; }
.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;}

/*--------------------------------------------------------------
## banner Section  ##
--------------------------------------------------------------*/
#banner-section{ position: relative;overflow: hidden;}
/*#banner-section:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(images/bannerbg.png);
    background-repeat: repeat;
    opacity: 0.2;
    z-index: 0;
}*/
#banner-section .banner-box {
    position: relative;
    padding: 0em 0em 0 0px;
    margin: 0px 0 0.2em 0;
}
#banner-section .banner_title {
    position: relative;
    top: 46px;
    width: 62%;
    font-size: 50px;
    font-weight: 600;
    margin: 0px 0;
    line-height: 1.2;
}

/*#banner-section .banner-box p {
    position: relative;
    font-size: 16px;
    padding: 1em 0;
    margin: 0 ;
    overflow: hidden;
}*/
/*#banner-section .bann-btn img {
    position: relative;
    left: 16px;
    margin-top: -100px;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: bounce5;
    animation-timing-function: ease;
}
@keyframes bounce5 {
    0% { transform: scale(1,1) translateY(0); }
    10% { transform: scale(1.1,.9) translateY(0); }
    50% { transform: scale(.9,1.1) translateY(-2em); }
    100% { transform: scale(1,1) translateY(0); }
}
*/
/***title img uppebx****/
/*Rightbx*/
#banner-section .Rbx{width: 38%;position: relative;margin: 0em 0 0 0;font-size: 14px;}
#banner-section .Rbxbtmbx {
    position: relative;
    box-shadow: 0px 3px 15px #0000001A;
    border-radius: 30px;
    width: 320px;
    right: 0;
    float: right;
    padding: 20px 10px 14px 10px;
}
#banner-section .sm-lhs{
    width: 46%;
    position: relative;
    border-right: 1px solid #33558B;
    padding: 10px 2px 0 10px;
}

#banner-section .sm-lhs p {
    margin: 0;
    font-size: 10px;
    padding: 4px 0;
    line-height: 1.5;
    color: #000;
}
#banner-section .sm-rhs p{margin: 0;padding: 0;}
#banner-section .sm-lhs .price {
    font-size: 20px;
    color: #33558B;
    margin: 0px 0 0px 0;
    font-weight: 600;
    line-height: 1.2;
}
#banner-section .sm-rhs .txt,
#banner-section .sm-lhs .txt {
    font-size: 10px;
    color: #33558B;
    font-weight: 500;
    margin: 2px 0 0 0;
    letter-spacing: 2px;
}
#banner-section .sm-rhs{
    width: 54%;
    position: relative;
    padding:0 4px 0 24px;
}
/*form box*/
#banner-section .fmbx input[type="text"], 
#banner-section .fmbx input[type="email"], 
#banner-section .fmbx input[type="url"], 
#banner-section .fmbx input[type="password"], 
#banner-section .fmbx input[type="search"], 
#banner-section .fmbx input[type="number"], 
#banner-section .fmbx input[type="tel"], 
#banner-section .fmbx input[type="range"], 
#banner-section .fmbx input[type="date"], 
#banner-section .fmbx input[type="month"], 
#banner-section .fmbx input[type="week"], 
#banner-section .fmbx input[type="time"], 
#banner-section .fmbx input[type="datetime"],
#banner-section .fmbx input[type="datetime-local"], 
#banner-section .fmbx input[type="color"],
#banner-section .fmbx input[type="file"],
#banner-section .fmbx select,
#banner-section .fmbx textarea{
    width: 100%;
    color: #747474;
    margin: 4px 0 4px 0;
    border-radius: 4px;
    padding: 10px 10px 10px 16px;
    font-size: 13px;
    font-weight: 400;
    background: #F9F9F9;
    border: 1px solid #ECECEC;
}
#banner-section .fmbx input[type="file"] {
    cursor: pointer;
    padding: 12px 20px;
}
#banner-section .fmbx textarea {
    height: 100px;
    padding: 18px 50px;
}
#banner-section .fmbx p,
#banner-section .fmbx label{
    margin:0;
    width: 100% !important;
}
#banner-section .fmbx input[type="submit"]:hover {
    color: #222225;
      background: #fff;
}
#banner-section .fmbx input[type="submit"] {
    box-shadow: none;
    font-size: 13px;
    font-weight: 500;
    color: #F9F9F9;
    background: #1955C1;
    border: none !important;
    position: relative;
    padding: 11px 50px;
    border-radius: 4px;
    transition: all 0.3s;
    margin: 4px 0 0 0;
}
/**/
/*leftbx*/
#banner-section .Lbx{ width: 54%; margin:5em 0 0 0; position: relative; }
#banner-section .Lbx p {
    font-size: 16px;
    margin: 0;
    line-height: 1.8;
    width: 84%;
}
#banner-section .Lbx .banner2x span {
    font-weight: 700;
    font-size: 55px;
    color: #1955C1;
    margin: 0 40px 0 -122px;
    top: 24px;
    position: relative;
}
#banner-section .Lbx .banner2x {
    position: relative;
    font-size: 18px;
    color: #414141;
    padding: 30px 252px 10px 116px;
    line-height: 28px;
    font-weight: 300;
}
#banner-section .Lbx .banner2x:before {
    position: absolute;
    left: 18px;
    bottom: 10px;
    content: "";
    border-bottom: 2px solid #000;
    width: 74px;
}
#banner-section .Lbx .banner1m span{
  font-weight: 700;
  font-size: 55px;
  color: #000;
  margin: 0 40px 0 -120px;
  top: 24px;
  position: relative;
}
#banner-section .Lbx .banner1m {
    font-size: 18px;
    color: #707070;
    padding: 24px 198px 10px 116px;
    line-height: 28px;
    font-weight: 300;
}

/*middlebx*/
#banner-section .Mbx {
    width: 44%;
    text-align: center;
    position: relative;
    right: 2%;
}
#banner-section .tpimg {
    position: absolute;
    top: -50px;
    left: 18%;
    /*animation: rubberBand 10s linear infinite;*/
}
#banner-section .smallimg1 {
    position: absolute;
    top: 36%;
    animation: spin 7s linear infinite;
}
#banner-section .smallimg2 {
    position: absolute;
    top: 14%;
    right: 22%;
    animation: spin 5s linear infinite;
}
#banner-section .smallimg3 {
    position: absolute;
    right: 4%;
    bottom: 19%;
    animation: spin 9s linear infinite;
}
#banner-section .Mbximg{position: relative;}
#banner-section .Mbximg:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -14px;
    margin: 0 auto;
    width: 410px;
    height: 410px;
    background: #D6E6F9;
    border-radius: 50%;
    z-index: 0;
}
#banner-section .Mbximg:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -28px;
    margin: 0 auto;
    width: 450px;
    height: 450px;
    border: 2px dashed #C1D5F9;
    border-radius: 50%;
    z-index: -1;
    animation: spin 50s linear infinite;
}
#banner-section .Mbximg img{position: relative;}
/*1st*/
#banner-section .Mbximg .imtxt1 {
    position: absolute;
    top: 46%;
    font-size: 14px;
    left: 0%;
    color: #1A3B75;
    box-shadow: 0px 0px 10px #00000029;
    padding: 4px 14px 6px 8px;
    background: #fff;
    border-radius: 4px;
    transform: rotate(11deg);
}
#banner-section .Mbximg .imtxt1 i {
    position: relative;
    font-size: 12px;
    margin: 0 4px 0 0;
}
#banner-section .Mbximg .imtxt1 p{ display: inline-block;margin: 0 0px 0 8px; transition: all 0.8s; padding:0;}

/*2nd*/
#banner-section .Mbximg .imtxt2 {
    position: absolute;
    bottom: 28%;
    right: 2%;
    font-size: 14px;
    color: #1A3B75;
    border-radius: 4px;
    box-shadow: 0px 3px 26px #00000029;
    padding: 4px 14px 6px 8px;
    background: #fff;
    transition: all 1.2s;
    transform: rotate(-11deg);
}
#banner-section .Mbximg .imtxt2:hover{border-radius: 4px;transition: all 0.3s;}
#banner-section .Mbximg .imtxt2 i {
    position: relative;
    font-size: 12px;
    margin: 0 0px 0 0;
    display: inline-block;
    transition: all 1.2s;
}
#banner-section .Mbximg .imtxt2 p{ margin: 0 0px 0 12px; transition: all 1.2s; padding:0;display: inline-block;}
#banner-section .Mbxbtmbx {
    box-shadow: 0px 3px 26px #00000029;
    border-radius: 30px;
    position: relative;
    background: #fff;
    margin: 5em 0 0 0;
    padding: 30px 10px 30px 10px;
}

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

#service { position: relative;overflow: hidden;}
#service .section-title { position: relative; margin-bottom: 5em;}
#service .single-service-bx {  margin-bottom:2em ; position: relative; transition: all 0.5s;}
#service .single-service {
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    padding: 16px 10px 14px 10px;
    box-shadow: 0px 0px 20px #00000029;
    border-radius: 10px;
    z-index: 1;
}
#service .single-service:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0%;
    z-index: -1;
    border-radius: 0px;
    background-color: #f3f;
    transition: all 0.5s ease;
    margin: 0 auto;
    text-align: center;
}
#service .single-service:hover:after { top: 1px; height: 100%;transition: all 0.5s; }

/**/
#service .service-icon { position: relative; transition: all 0.5s; }
#service .service-icon img { 
    position: relative;
    width: 100%; 
    height: 229px; 
    border-radius: 7px;
    transition: all 0.5s; 
}
/*#service .service-icon i{font-size: 45px;}*/
#service .sertxbx { position: relative; overflow: hidden; transition: all 0.5s;}
#service .Numrical {
    position: absolute;
    right: 5px;
}
#service .Numrical h5 {
    position: relative;
    font-size: 135px;
    color: #f2f3f5;
    transition: all 0.5s;
}
#service .sertxbx h4 {
    font-size: 24px;
    font-weight: 500;
    margin: 20px 0px 10px 0px;
    padding: 0 0 0px 0;
    position: relative;
    transition: all 0.5s;
}
#service .sertxbx p{
    position: relative;
    font-size: 14px;
    margin: 0 0 3px 0;
    line-height: 24px;
    transition: all 0.5s;
}
#service .s-btn{position: relative;transition: all 0.5s;margin-top: 10px;}
#service .s-btn a svg {
    position: relative;
    width: 30px;
    margin: 0 0 0 8px;
    top: -1px;
    transition: all 0.5s;
}
#service .s-btn a{
    position: relative;
    overflow: hidden;
    font-size: 16px;
    transition: all 0.5s; 
}
#service .s-btn a:hover{letter-spacing: 1px;transition: all 0.5s; }
/*----------------------------------------*/
/*   our steps Area
/*----------------------------------------*/
#oursteps{  position: relative;  overflow: hidden;  background: #EDF7FE;}
#oursteps .section-title { position: relative; margin-bottom: 5em;}
#oursteps .oursteps-post-wrap { position: relative; }
#oursteps .oursteps-bx{position: relative;margin-bottom: 1.5em;padding: 0 50px;}
#oursteps .oursteps-post{ text-align: center;  position: relative;}
#oursteps .oursteps-icon a span.fa {
    border-radius: 50px;
    border:1px solid #e1e1e1;
    width: 60px;
    height: 60px;
    line-height: 60px;
    position: relative;  
    z-index: 1;
}
#oursteps .oursteps-icon {
/*    overflow: hidden;*/
    position: relative;
    text-align: center;
    height: 110px;
    width: 110px;
    line-height: 110px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 0;
    font-size: 40px;
    border:1px solid #e1e1e1;
    transition: all 0.5s;
}
#oursteps .oursteps-icon:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    right: 0;
    text-align: center;
    margin: 0 auto;
    top: 54px;
    display: none;
    width: 110px;
    height: 110px;
    background: #d33;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}
#oursteps .oursteps-post:hover .oursteps-icon:before{
    transition: all 0.5s;
    display: block;
}
@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;
  }
}
/**/
#oursteps h5.title {
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    word-break: break-word;
    text-decoration: none;
    padding: 0 0;
    margin: 20px 0;
}
#oursteps p {
    font-size: 14px;
    padding: 0px;
    margin: 0;
    line-height: 25px;
}
#oursteps .oursteps-bx .oursteps-button svg {
    position: absolute;
    top: 14%;
    right: -16%;
    font-size: 46px;
    width: 50px;
    padding: 0 0px;
    opacity: 1 !important ;
}
#oursteps .oursteps-bx:nth-last-child(-n + 2) .details .oursteps-button {  display: none;}

/*----------------------------------------*/
/*   Counter Area
/*----------------------------------------*/
.counter-area {position: relative;overflow: hidden;}
/*left*/
.counter-area .counter-single-area{ width: 70%; padding: 10px 4px; background: #E9E9E9;border-radius: 21px 0 0 21px;}
.counter-area .single-top {
    position: relative;
    padding: 0 8px 0 8px;
    width: 50%;
}
.counter-area .cd-single {
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: all 0.5s;
    margin: 0 0 0.2em 0;
    background: #fff;
    padding: 20px 10px;
    border-radius: 17px;
}

.counter-area .d-bx{ padding: 10px 0 0 0;}
.counter-area .cd-num {
    position: relative;
    font-size: 60px;
    color: #fff;
    font-weight: 600;
    padding: 0 0 12px 0;
    transition: all 0.5s;
    line-height: 1.2;
}
.counter-area .cd-num span {
    position: absolute;
    font-size: 16px;
    background: #1955C1;
    color: #fff;
    border-radius: 50px;
    width: 26px;
    height: 26px;
    line-height: 28px;
    top: 11px;
    margin-left: 10px;
}
.counter-area .cd-title {
    position: relative;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    padding: 0px 0;
    margin: 0px 0 0 0;
    line-height: 1.2;
    word-break: break-word;
    transition: all 0.5s;
}
/*right*/
.counter-area .txt-boxinn{
    padding: 5pc 1pc 4px 2pc;
}
.counter-area .txt-box {
    width: 30%;
    padding: 0;
    border-radius: 0 21px 21px 0;
}

.counter-area .txt-box h4{
    position: relative;
    width:36%;
    font-size: 60px;
    font-weight: 600;
    color: #fff;
    text-align: right;
    line-height: 1;
}
.counter-area .txt-box p{
    width: 64%;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
    padding: 0;
    margin: 0px 0;
}

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

#clientlogo { position: relative; overflow: hidden; background:#1955C1 ; }
#clientlogo .titlebx{width: 32%;}
#clientlogo .titlebx h2{
    position: relative;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    margin: 0px 0 10px 0;
}

#clientlogo .supp-inn { margin: 0 auto; text-align: center;}
#clientlogo .hi-icon a{transition: all 0.5s;}
#clientlogo .hi-icon img{
    position:relative;
    /*max-width: 100%;*/
    vertical-align: top;
    margin: 0 auto;
    width: auto;
    height: auto;
    transition: all .3s linear;
    transition: all 0.3s;
    opacity: 0.6;
}
#clientlogo .hi-icon a:hover img{
    transition: all 0.3s;
    opacity: 1;
}
#clientlogo .clientlogo-group{margin-top: 1em;position: relative;width: 68%;}

#clientlogo .owl-dots{display: none;}
#clientlogo .owl-carousel{display: block;}
#clientlogo .owl-nav {
    display: none;
    position: absolute;
    top: 30%;
    width: 100%;
}

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


/*left*/
#about .conbx{position: relative;width: 50%;}
#about .titleimg {
    position: absolute;
    top: -8pc;
    left: -1pc;
}
#about .conbx h2 {
    position: relative;
    font-size: 58px;
    font-weight: 600;
    margin:0px 0 10px;
    padding: 0;
    line-height: 1.3;
}
#about .conbx h2 span{
    text-align: center;    
    display: block;
}
#about .conbx p{
    font-size: 16px;
    margin: 0;
    padding: 0;
    line-height: 30px;
}
#about .abt-btnbx {
    margin: 2em 0 0 0em;
    display: block;
    transition: all 0.5s;
}
#about .abt-btn {
    width: 30%;
    border-right: 1px solid #707070;
    padding: 1em 1em 1em 0;
}
#about .abt-btn a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    padding:10px 40px ;
    color: #3ff;
    border: none;
    cursor: pointer;
    text-align: center;
    word-break: break-all;
    background-color: #2D2D2D;
    border-radius: 5px;
    transition: all 0.3s;
    cursor: pointer;
    text-align: center;
    word-break: break-all;
    z-index: 1;
}
#about .abt-btn a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 0px;
   background-color: #f3f;
  transition: all 0.3s ease;
}
#about .abt-btn a:hover {
  color: #fff;
}
#about .abt-btn a:hover:after {
  top: 0;
  height: 100%;
}
#about .abt-btn a:active {
  top: 2px;
}


/**/
#about .agt-con {
    width: 70%;
    padding: 0px 4px 2px 30px;
}
#about .phimg{display: inline-block;}
#about .agt-con img{border-radius: 50px;width: 50px; height: 50px;}
#about .phbx{display: inline-block;padding: 0 0 0 10px;position: relative;top: 14px;}
#about .agtname {
    font-size: 20px;
    font-weight: 500;
}
#about .agtnum a{font-size: 16px;}
/*right*/
#about .Imagebx{position: relative;width: 50%;padding: 0 0 0 40px;}
#about .about-imgbx{position: relative;}
#about .about-imgbx img{position: relative;border-radius: 14px;}

/*----------------------------------------*/
/*   Feature Area
/*----------------------------------------*/
.feature-area {position: relative;overflow: hidden;}
.feature-area .section-title {
    position: relative;
    margin: 0 auto 5em auto;
    width: 66%;
}
.feature-area .section-title h4 {
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 14px 0;
}
.feature-area .section-title p{font-size: 16px; line-height: 25px;color: #707070;}
.feature-area .f-bx{
    position: relative;
    padding: 0 10px;
    margin: 0 0 1em 0;
    overflow: hidden;
}
.feature-area .fea-single:hover{transition: all 0.5s ease 0s;background: #e6edfd;}
.feature-area .fea-single {
    position: relative;
    overflow: hidden;
    padding: 1em 1em ;
    background: #fff;
    box-shadow: 0px 3px 20px #0000000D;
    border-radius: 15px;
    z-index: 1;
}
.feature-area .fea-single:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    right: 0%;
    z-index: -1;
    border-radius: 0px;
    background-color: #f3f;
    transition: all 0.5s ease;
    margin: 0 auto;
    text-align: center;
}
.feature-area .fea-single:hover:after { bottom: 1px; height: 100%;transition: all 0.5s; }
.feature-area .fea-icon {
    position: relative;
    overflow: hidden;
    transition: all ease 1s;
    display: inline-block;
    background: #e6edfd;
    width: 72px;
    height: 72px;
    line-height: 72px;
    text-align: center;
    font-size: 36px;
    border-radius: 11px;
    transition: all 0.5s;
}
.feature-area .fea-single:hover .fea-icon{background: none !important;transition: all 0.5s;}
.feature-area .fea-title {
    position: relative;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    font-weight: 600;
    padding: 0px 0;
    margin: 20px 0 18px 0;
    word-break: break-word;
}
.feature-area .fea-single p {
    position: relative;
    font-size: 14px;
    margin: 0;
    padding: 0;
    line-height: 25px;
}
.feature-area .fea-rbtn{
    position: relative;
    margin: 1.2em 0 0 0;
}
.feature-area .fea-rbtn a{
    position: relative;
    font-size: 16px;
    font-weight: 500;
    padding: 0;
    margin: 0;
    transition: all 0.5s; 
}
.feature-area .fea-rbtn a:hover{letter-spacing: 1px;transition: all 0.5s; }
.feature-area .fea-rbtn a svg{width: 20px;margin: 0 0 0 6px;}
/*----------------------------------------*/
/*  Appointment Section 
/*----------------------------------------*/
#appointment{position: relative;overflow: hidden;background: #edf8fe;}
#appointment .appimg1{position: relative; width: 20%;text-align: center;}
#appointment .appimg2{position: relative; width: 20%;text-align: center;}
#appointment .appimgbx-inn { position: absolute; bottom: 0;}
#appointment .appconbx {
    position: relative;
    width: 60%;
}
#appointment .sub-title{
    text-align: center;
    font-size: 18px;
}
#appointment h2 {
    text-align: center;
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1.3;
    padding: 10px 0px 0px 0;
}
#appointment .appconbx p{
    position: relative;
    font-size: 16px;
    text-align: center;
    margin: 0 19%;
}
/*tab*/
#appointment .tabs-container {overflow: hidden; position: relative;}
#appointment .tabs { padding: 0px 0px 0px 0px; margin: 0em 0 0 0;}
#appointment .tab-links { margin: 2em 0 1em;}
#appointment .tbbox p{margin: 0}
#appointment .tab-links { text-align: center;}

#appointment .tab-link {
    border: none;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 16px;
    margin: 0 8px 1em 8px;
    color: #ccc;
    cursor: pointer;
    position: relative;
    transition: color 0.3s ease;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    background: #392ce9;
}
#appointment .tab-link.active,
#appointment .tab-link:hover { background: #b84de5; }

#appointment .tab-content {
    display: none;
      animation: slideInUp 0.5s ease;
    padding:10px 30px 15px 0px;
    transition: all 0.5s; 
}
#appointment .tab-content.active { display: block;}
#appointment .tab-content p{
    position: relative;
    font-size: 20px;
    color: #212121;
    line-height: 1.8;
}
#appointment .tab-content li {
    position: relative;
    list-style: none;
    width: 50%;
    float: left;
    font-size: 18px;
    color: #696868;
    margin: 12px 0 12px 0px;
    padding: 0 8px 0 28px;
}
#appointment .tab-content li:after{
    content: "\f04b";
    font-family: "Fontawesome";
    font-weight: 500;
    position: absolute;
    top: 1px;
    left: 0px;
    font-size: 18px;
    color: #FC6441;
}
/*form*/
#appointment label {
    position: relative;
    color: #d33;
    text-align:left;
    display: block;
    padding: 0;
    border-radius: 0;
    margin: 6px 0 6px 0px;
    z-index: 1;
    font-size: 16px;
}
#appointment input[type="text"], 
#appointment input[type="email"], 
#appointment input[type="url"],
#appointment input[type="password"], 
#appointment input[type="search"], 
#appointment input[type="number"], 
#appointment input[type="tel"], 
#appointment input[type="range"], 
#appointment input[type="date"], 
#appointment input[type="month"], 
#appointment input[type="week"], 
#appointment input[type="time"], 
#appointment input[type="datetime"], 
#appointment input[type="datetime-local"], 
#appointment input[type="color"], 
#appointment select, 
#appointment textarea {
    width: 100%;
    height: auto;
    margin: 0 0 1pc 0;
    font-size: 15px;
    padding: 12px 8px 12px 14px;
    line-height: 22px;
    font-weight: 400;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #707070;
}
#appointment option{height: 100px;}
#appointment textarea {   height: 100px;}
#appointment input[type="submit"] {
    position: relative;
    padding: 12px 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    display: block;
    width: 100%;
    box-shadow: none;
    transition: all 0.2s;
    margin-top: 2.6em;
    border-radius: 4px;
    background: #d33;
}
#appointment input[type="submit"]:hover{letter-spacing: 1px;transition: all 0.2s;}


/*----------------------------------------*/
/*  Testimonials Section 
/*----------------------------------------*/
#testimonials .item.innertest-item.col-md-6{width: 100% !important;}
#testimonials {position: relative; overflow: hidden; background:#090A1E }
#testimonials .section-title { position: relative;  margin: 0em 0 1em 0em;}
#testimonials .section-title p {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    margin: 0 23%;
}
/*********/
#testimonials .tesbox { position: relative; transition: all .4s linear; }
#testimonials .testimonials-single-area { position: relative;}
#testimonials .ts-area-single {
    position: relative;
    margin: 50px 0 0 0;
    background: #D8E8E8;
    border-radius: 13px;
    padding: 15px 20px;
    transition: all 0.5s;
}
#testimonials .ts-area-single:after {
    content: "\f10e";
    font-family: 'Fontawesome';
    font-size: 52px;
    padding-right: 10px;
    color: #313042;
    font-weight: 100;
    transition: all 1s ease 0s;
    position: absolute;
    right: 16px;
    bottom: 9px;
}
#testimonials .ts-area-c p {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin: 0px 0 0px 0;
    z-index: 1;
}
#testimonials .ts-area-content {
    position: relative;
/*    overflow: hidden;*/
    margin: 0 0 0px 0;
    transition: all 1s ease 0s;
    padding:1.5em 0 0 0;
}
#testimonials .ts-area-thumb { padding: 0px 10px 0 0;width: 26%;}
#testimonials .testiimginn{position: relative;}
#testimonials .ts-area-thumb img {
    width: 70px;
    height: 70px;
    position: relative;
    transition: all 1s ease 0s;
    border-radius: 50px;
}
#testimonials .ts-area-bx {
    position: relative;
    width: 74%;
    padding: 10px 0 0 0;
}
#testimonials h3.ts-area-title {
    position: relative;
    font-size: 21px;
    font-weight: 500;
    transform: scale(1);
    transition: all 1s ease 0s;
    margin: 0px 0 0px 0;
    z-index: 1;
}
#testimonials .text-designation{    
    position: relative;
    font-size: 16px;
    margin: 5px 0 4px;
    font-weight: 400;
    z-index: 1;
}

#testimonials .owl-carousel {display: block;transition: all 1s ease 0s;}
#testimonials .owl-nav{  display: none; }
#testimonials .owl-dots {display: block; text-align: center; margin: 2em 0 0 0;}
#testimonials .owl-dots button {
    background: #d33;
    border-radius: 3px;
    padding: 6px 6px;
    margin: 0 18px 0 0;
    transition: all 0.5s;
}
#testimonials .owl-dot.active{ background-color: #3ff; }
#testimonials .owl-theme .owl-dots .owl-dot span{width: 0;height: 0;margin: 0;padding: 0;}

/*----------------------------------------*/
/*  Pricing Area
/*----------------------------------------*/
#pricing {position: relative;overflow: hidden;transition: all 1s ease 0s;}
#pricing .section-title {  margin: 0 0 4em 0;}
.pricing-area .pricebx { position: relative;  top: 2em;}

.pricing-area .sm-bx:nth-child(2) .single-pricing {
    position: relative;
    top: -2.5em;
/*    transform: scale(1.15);*/
}
.pricing-area .sm-bx:nth-child(2) .single-pricing:after{top:0% !important;}
.pricing-area .sm-bxinn{margin: 0 6% 0em 6%;}
.pricing-area .single-pricing {
    position: relative;
    overflow: hidden;
    background: #fff;
    transition: all 1s ease 0s;
    margin: 0 0% 2em 0%;
    border-radius: 16px;
    z-index: 0;
    padding: 40px 30px 30px 30px;
}
.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 .starsinn {
  position: absolute;
  background: transparent;
  width: 200rem;
  height: 200rem;
  opacity: 0;
  transition: all 1s ease 0s;
}
.pricing-area .single-pricing:hover .starsinn{opacity: 1;transition: all 1s ease 0s;} 
.pricing-area .starsinn::after {
  content: "";
  position: absolute;
  top: -10rem;
  left: -100rem;
  width: 100%;
  height: 100%;
  animation: animStarRotate 90s linear infinite;
}
.pricing-area .starsinn::after {
  background-image: radial-gradient(#ffffff 1px, transparent 1%);
  background-size: 50px 50px;
}
.pricing-area .starsinn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 170%;
  height: 500%;
  animation: animStar 60s linear infinite;
}
.pricing-area .starsinn::before {
  background-image: radial-gradient(#ffffff 1px, transparent 1%);
  background-size: 30px 30px;
  opacity: 0.5;
}

@keyframes animStar {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-135rem);
  }
}

@keyframes animStarRotate {
  from {
    transform: rotate(360deg);
  }

  to {
    transform: rotate(0);
  }
}

@keyframes gradient_301 {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}
/**/
.pricing-area .pr-s-area {  position: relative;  border-bottom: 1px solid #000;}
.pricing-area .single-pricing h4{
    position: relative;
    font-size: 20px;
    font-weight: 600;
    transition: all 1s ease 0s;
}
.pricing-area .currency-price {
    position: relative;
    color: #000;
    font-size: 45px;
    font-weight: 500;
    margin: 20px 0 20px;
    word-break: break-word;
    transition: all 1s ease 0s;
}
.pricing-area .currency-price span{ font-size:31px; font-weight:500;  }
.pricing-area ul.pricing-list {    
    margin:1.8em 0 0 0;
    padding: 0 0;
    transition: all 1s ease 0s;
}
ul.pricing-list li {
    position: relative;
    font-size: 15px;
    list-style: none;
    color: #ffffff;
    font-weight: 400;
    word-break: break-word;
    margin: 18px 0 4px 0;
    padding: 0px 0px 0px 0;
    transition: all 1s ease 0s;
}
.pricing-area ul li:before {
    content: "\f00c";
    font-family: 'Fontawesome';
    font-size: 10px;
    padding-right: 20px;
    color: #e01515;
    font-weight: 100;
    transition: all 1s ease 0s;
}
.pricing-area .pc-btn {
    position: relative;
    margin: 3.4em 0 0 0;
    text-align: center;
}
.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.3s; letter-spacing: 1px;}
/*
.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%;
}
*/
/*----------------------------------------*/
/* 10. Blog Area
/*----------------------------------------*/
.blog-area {position: relative;overflow: hidden;}
.blog-area .section-title { position: relative; margin: 0em 0 3em 0em;}

.blog-area .blog-post {position: relative; margin-bottom: 2em;overflow: hidden;padding: 0 18px; }
.blog-area .box-area-S { position: relative; overflow: hidden;transition: all 0.5s;}
.blog-area .blog-image{position: relative;}
.blog-area .blog-image img{
    position: relative;
    width: 100%;
    height: 264px;
    border-radius: 11px;
    transform: scale(1);
    transition: all 0.5s;
}
/*.blog-area .box-area-S:hover .blog-image img{
    filter: grayscale(100%);    
    transform: scale(1);
    transition: all 0.5s;
}*/
.blog-area .blog-admin {
    position: absolute;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #d33;
    top: 6px;
    right: 6px;
    padding: 6px 10px;
    border-radius: 7px;
    transition: all 0.5s;
}
.blog-area .box-area-S:hover .blog-admin{transition: all 0.5s;right: 15%;}
.blog-area .blog-single {
    position: relative;
    overflow: hidden;
    padding: 28px 2px 12px 2px;
}
.blog-area .cattile {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #1955C1;
    background: #EDF7FE;
    padding: 8px 14px;
    border-radius: 7px;
    /* margin: 0; */
}
.blog-area .blog-posts h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 16px 0 8px;
    line-height: 30px;
    word-break: break-word;
}
.blog-area .blog-single p {
    font-size: 16px;
    margin: 0;
    line-height: 31px;
    font-weight: 400;
    padding: 0;
}


/*----------------------------------------*/
/*  Newsletter Area
/*----------------------------------------*/
#newsletter { 
    position: relative;
    overflow: hidden;
    background: #1955C1;
}
#newsletter .newsbx { position: relative;}
#newsletter .titlebx{
    position: relative;
    width: 40%;
}
#newsletter .newstitle h3 {
    position: relative;
    font-size: 30px;
    line-height: 30px;
    color: #fdfdfd;
    font-weight: 600;
    margin: 15px 0 0 0;
}
#newsletter .newslettersign-box {
    position: relative;
    width: 60%;
}
#newsletter p{margin: 0; padding: 0;}
#newsletter .ht-newsletter-member-wrap {  padding: 0em 0em 0 0;}
#newsletter .ht-newsletter-member-wrap input::placeholder{  opacity: 1;}

#newsletter .ht-newsletter-member-wrap input[type="text"], 
#newsletter .ht-newsletter-member-wrap input[type="email"], 
#newsletter .ht-newsletter-member-wrap input[type="url"], 
#newsletter .ht-newsletter-member-wrap input[type="password"], 
#newsletter .ht-newsletter-member-wrap input[type="search"], 
#newsletter .ht-newsletter-member-wrap input[type="number"], 
#newsletter .ht-newsletter-member-wrap input[type="tel"], 
#newsletter .ht-newsletter-member-wrap input[type="range"], 
#newsletter .ht-newsletter-member-wrap input[type="date"], 
#newsletter .ht-newsletter-member-wrap input[type="month"], 
#newsletter .ht-newsletter-member-wrap input[type="week"], 
#newsletter .ht-newsletter-member-wrap input[type="time"], 
#newsletter .ht-newsletter-member-wrap input[type="datetime"],
#newsletter .ht-newsletter-member-wrap input[type="datetime-local"], 
#newsletter .ht-newsletter-member-wrap input[type="color"],
#newsletter .ht-newsletter-member-wrap input[type="file"],
#newsletter .ht-newsletter-member-wrap select,
#newsletter .ht-newsletter-member-wrap textarea{
    width: 100%;
    /* color: #fff; */
    margin: 4px 0 4px 0;
    border-radius: 8px;
    padding: 14px 10px 14px 16px;
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    border: 1px solid #fff;
}
#newsletter .ht-newsletter-member-wrap input[type="file"] {
    cursor: pointer;
    padding: 12px 20px;
}
#newsletter .ht-newsletter-member-wrap textarea {
    height: 100px;
    padding: 18px 50px;
}
#newsletter .ht-newsletter-member-wrap label{
    color:#fff;
    margin:0;
    width: 100%;
}
#newsletter .ht-newsletter-member-wrap input[type="submit"]:hover {
    color: #222225;
      background: #fff;
}
#newsletter .ht-newsletter-member-wrap input[type="submit"] {
    box-shadow: none;
    font-size: 20px;
    font-weight: 600;
    color: #e8e2f0;
    border: none !important;
    position: relative;
    padding: 11px 50px;
    border-radius: 8px;
    transition: all 0.3s;
    margin: 4px 0 0 0;
}

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

.footer-area { 
    position: relative;
   overflow: hidden;
}

.footer-area .fbox { position: relative; }
.footer-area .s-footer{ position: relative; width: 25%; padding: 0 20px 0 0; margin: 0 0 1em 0;}

.footer-area .textwidget { 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: 10px !important;
    font-size: 18px;
    font-weight: 500;
    padding: 0px 0 0 32px;
}
.footer-area .widget li{margin-bottom: 1.2em;list-style: none; display: block;}

.footer-area li a {font-weight: 500;text-decoration: none;font-size: 18px;}
/*.footer-area .widget_recent_entries li:before,*/
.footer-area .menu li:before {
    position: relative;
    font-weight: 100;
    content: "\f178";
    font-family: 'Fontawesome';
    font-size: 18px;
    margin: 0px 14px 0 -32px;
    top: 1px;
}
.footer-area .attachment-thumbnail.size-thumbnail.wp-post-image{
    margin: 10px 0;
}
.footer-area .widget_recent_entries ul li {
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    gap: 4px;
    align-items: center;
    box-shadow: 0px 1px 0px 0px #ccc;
}
.footer-area .gallery-item {padding-right: 13px;padding-bottom: 13px;}
.footer-area ul {margin: 0 0 15px 00px;}
.footer-area p { margin-bottom: 16px;line-height: 30px;font-size: 16px;}
footer#footer.footer-area .widget-title {
    position: relative;
    color: #3ff;
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 25px;
    font-weight: 600;
    z-index: 1;
    padding: 10px 4px 10px 0;
}
.footer-area .widget { margin-bottom: 1.2em; padding: 4px 10px;}
.footer-bottom-area ul li {display: inline-block;margin-left: 40px;margin-bottom: 0;position: relative;}
.footer-area .ft-brd{position: relative;border-bottom:1px solid #fff; }
.footer-area .bottom-area { position: relative; margin: 15px 0;}
.footer-area .bottom-area ul { margin-bottom: 0;}
.footer-text, .footer-text a {position: relative;font-size: 22px;font-weight: 500;margin:12px 0;text-align: center;}

.footer-text b,.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: 14px;
    margin-bottom: 8px;
    padding: 6px 84px 6px 10px;
    font-style: normal;
    font-weight: 400;
    word-break: break-all;
    border-radius: 2px;
    border: none;
    box-shadow: 0px 0px 0px 2px #00000014;
}

.footer-area textarea {  height: 100px !important;}
.footer-area input[type="submit"] {
    position: relative;
    padding: 6px 16px;
    white-space: normal;
    font-weight: 500;
    font-size: 14px;
    border-radius: 0px;
    background: #fff;
    color: #000;
    display: inline-block;
    transition: all 0.3s;
    box-shadow: none;
    border-radius: 4px;
}

.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 .f-social li,
.footer-area .social-profile-icons ul li{ display: inline-block;}

.footer-area .f-social li a,
.footer-area .social-profile-icons ul li a {
    display: inline-block;
    text-align: center;
    margin: 0 6px 6px 0;
    transition: all .5s;
    width: 45px;
    line-height: 50px;
    height: 45px;
    background:#EDF7FE;
    border-radius: 5px;
}
.footer-area .f-social a i,
.footer-area .social-profile-icons ul li i {
    position: relative;
    font-size: 24px;
    font-weight: 500;
    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 .f-social { position: relative; text-align: right;width:40%; }*/
.footer-area .f-social li{
    display: inline-block;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.footer-area .f-social li a{display: block;transition: all 0.5s;margin: 2px 8px 2px 12px;line-height: 1;}

.footer-area .f-social a:hover i{color: #FAB915;}
/**/
.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{position: relative;width: 33.33%; padding: 0 1.2pc;}
#innerpage-box .tsarea-inn {
    padding: 8px 8px 16px 8px;
    position: relative;
    overflow: hidden;
    background: #D8E8E8;
    border-radius: 13px;
    transition: all 0.3s;
    margin-bottom: 2em;
    box-shadow: 0px 3px 6px #00000029;
}
#innerpage-box .tsarea-inn:hover{
    box-shadow: -1px 6px 11px 4px #00000029;
    transition: all 0.3s;
}
#innerpage-box .ts-area-content p {
    position: relative;
    transition: all 1s ease 0s;
    margin: 10px 10px 20px 10px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}
#innerpage-box .ts-area-thumb { position: relative;width: 30%;padding: 0 4px 0 16px;}
#innerpage-box .ts-area-thumb img {
    width: 67px;
    height: 67px;
    position: relative;
    transition: all 1s ease 0s;
    border-radius: 50pc;
}
#innerpage-box .tsarea-inn .ts-area-bx{position: relative;width: 70%;padding: 0 0px;}
#innerpage-box h4.ts-area-title {  
    position: relative;  
    margin: 10px 0 8px 0 !important;
    transition: all 0.3s;
    z-index: 1;
}
#innerpage-box .text-designation{    
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}
#innerpage-box .tsarea-inn:after {
    position: absolute;
    content: "\f10e";
    font-family: 'Fontawesome';
    font-weight: 100;
    font-size: 60px;
    bottom: 9px;
    right: 23px;
    transition: all 1s ease 0s;
    transform: rotate(180deg);
    z-index: 0;
}
/*#innerpage-box .tsarea-inn:hover .ts-area-content p:after{
    transform: rotateY(180deg);
    transition: all 1s ease 0s;
}*/

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

#team { position: relative;overflow: hidden;}
#team .section-title {
    position: relative;
    margin-bottom: 4em;
}
#team .section-title h3{ margin: 8px 0;}
#team .single-team{padding: 0 15px;}
#team .our-team{
    position: relative;
    /*overflow: hidden;*/
    margin-bottom: 5em;
    transition: all .4s linear;
}
#team .single-team-img { position: relative; border-radius: 8px;}
#team .single-team-img img{width: 100%;height: 100%;transition: all .7s linear;border-radius: 8px;}
#team .team-text h4 {
    word-break: break-word;
    font-size: 20px;
    font-weight: 500;
    color: #FE8A00;
    margin-bottom: 1px;
}
#team .team-text .team-designation {
    word-break: break-word;
    font-size: 12px;
    margin: 8px 0 4px;
    font-weight: 400;
}
#team .team-text {
    padding: 16px 6px 0px 6px;
    z-index: 2;
    position: absolute;
    bottom: -50px;
    right: 0;
    left: 0;
    width: 84%;
    text-align: center;
    background: #d45b5b;
    box-shadow: 0px 0px 20px #0000000F;
    border-radius: 8px 8px;
    margin: 0 auto;
}
#team .team-social-icon {
    position: relative;
    top: 15px;
    text-align: center;
    z-index: 1;
    transition: all .2s linear;
    margin-top: -15px ;
    opacity: 0;
}
#team .our-team:hover .team-social-icon{
    opacity: 1;
    transition: all .1s linear;
}
#team .team-social-icon a i {
    position: relative;
    margin: 4px 3px;
    font-size: 15px;
    font-weight: 500;
    color: #767779;
    text-align: center;
    transition: all .1s linear;
    box-shadow: 0px 2px 5px #0000000F;
    border-radius: 4px;
    background: #fff;
    padding: 4px 4px;
}

/*----------------------------------------*/
/*  09. Inner team page
/*----------------------------------------*/
#innerpage-box .our-team,
#team .inner-team{display: none;}
#innerpage-box .inner-team {
    position: relative; 
    overflow: hidden;
    margin-bottom: 1.5em;  
    padding: 10px 10px;
}
#innerpage-box .ht-team-member { position: relative;transition: all .5s linear;}
#innerpage-box .ht-team-member {
    position: relative;
    transition: all .5s linear;
    box-shadow: 0px 0px 20px #00000033;
    padding: 16px 12px;
    border-radius: 8px;
}
#innerpage-box .imgbx img {
    width: 100%;
    transition: all .5s linear;
    padding: 0px;
    border-radius: 8px;
    margin: 0 0 0 0;
}
#innerpage-box .team-box {
    padding: 24px 0px 10px 0px;
    position: relative;
}
#innerpage-box .team-detail{
   position: relative;
   text-align: center;
}

#innerpage-box .team-box h4{margin:0px 0 11px 0 !important; padding: 0px 0px !important;}
#innerpage-box .team-member-designation {
    position: relative;
    font-weight: 400;
    font-size: 14px;
    margin:12px 0px 14px;
    padding: 0;
    line-height: 1.2;
}
#innerpage-box .team-social-icon {
    position: relative;
    text-align: center;
    padding: 0;
}
#innerpage-box .team-social-icon a i{
    font-size: 18px;
    transition: all .1s linear;
    position: relative;
    z-index: 1;
}
#innerpage-box .team-social-icon a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin: 2px 2px 1px 2px;
    padding: 0px 0px;
    font-weight: 400;
    color: #767779;
    text-align: center;
    transition: all .1s linear;
    width: 36px;
    height: 36px;
    border-radius: 50px;
    line-height: 40px;
}

#innerpage-box .team-social-icon a:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background:#111944;
    transition:all .5s;
    z-index: 0;
}
#innerpage-box .team-social-icon a:hover:after{ top: 0;}
/*----------------------------------------*/
/* Gallery Section
/*----------------------------------------*/

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


/*--------------------------------------------------------------
# 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: 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;
    /* margin: 2px 10px; */
    position: relative;
    overflow: hidden;
}
#innerpage-box .gallery-tab.active{background: #ccc;}
#innerpage-box .gallery-inn {
    column-count: 3;
    padding: 0;
    gap: 20px;
}
#innerpage-box .innergalry{ position: relative; margin: 0px 4px 8px 4px;}
#innerpage-box .lz-gallery-images {position: relative; overflow: hidden;margin:0px 0px 20px 0;}
#innerpage-box .spa-gall {position: relative; margin: 0px;}
#innerpage-box .gallery-item{position: relative;margin: 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: 0px;
    width: 100%;
    height: auto;
    border-radius: 17px;
}
#innerpage-box .lz-gallery-images .g-oly{
    position: absolute;
    left: 0px;
    right: 0px;
    top:auto;
    bottom: 0px;
    background: #fff;
    opacity: 0.4;
    transition: 0.5s all;
    border-radius: 17px;
}
#innerpage-box .lz-gallery-images a:hover .g-oly{top: 0px;transition: 0.5s all;}
#innerpage-box .lz-gallery-images .titlbx {
    position: absolute;
    bottom: 10px;
    left: 10px;
}
#innerpage-box .lz-gallery-images .titlbx h3{
    position: relative;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    padding: 0;
    opacity: 0;
    transition: 0.5s all;
}
#innerpage-box .lz-gallery-images:hover .titlbx h3{
    opacity: 1;
    transition: 0.5s all;
}
/*#innerpage-box .lz-gallery-images a:after {
    content: "\f067";
    position: absolute;
    font-weight: 400;
    font-size: 20px;
    font-family: 'Fontawesome';
    top: -50%;
    color: #d33;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    transform: rotateZ(0);
    width: 34px;
    height: 34px;
    line-height: 36px;
    background: #fff;
    border-radius: 4px;
    transition: 0.5s all;
    opacity: 0;
}
#innerpage-box .lz-gallery-images a:hover:after{
    transition: 0.5s all;
    top: 40%;
    opacity: 1;
}*/

/*--------------------------------------------------------------
## 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 14px;}
#innerpage-box .service_inbox{
    position: relative;
    transition: all 0.5s;
}
#innerpage-box .singleinner-service {
    margin: 1em 0 2em;
    transition: all 0.5s;
    box-shadow: 0px 0px 20px #00000029;
    padding: 15px 10px 15px 10px;
    position: relative;
    border-radius: 8px;
}
#innerpage-box .singleinner-service .service_inimg {
    position: relative;
    transition: all 0.5s;
}
#innerpage-box .singleinner-service .service_inimg img {
    position: relative;
    overflow: hidden;
    width: 100%;
    transition: all 0.5s;
    padding: 0;
    border-radius: 7px 7px;
}
#innerpage-box .serbx {
    position: relative;
    overflow: hidden;
    transition: all 0.6s;
    padding: 20px 10px 0px 10px;
}
#innerpage-box .serbx .icn { position: relative;}
/*#innerpage-box .serbx .icn i{
    position: relative;
    font-size: 29px;
    color: #fff;
}*/
#innerpage-box .serbx h3 {
    position: relative;
    padding: 4px 0px 0px;
    margin: 0 0 10px 0 !important;
}
#innerpage-box .serbx p {
    font-size: 14px;
    line-height: 23px;
    font-weight: 300;
    margin-bottom: 0;
    padding: 6px 0 6px 0;
}
#innerpage-box .s-btn{position: relative;transition: all 0.5s;margin-top: 4px;}
#innerpage-box .s-btn a svg {
    position: relative;
    width: 30px;
    margin: 0 0 0 8px;
    top: -1px;
    transition: all 0.5s;
}
#innerpage-box .s-btn a {
    position: relative;
    overflow: hidden;
    font-size: 16px;
    /* text-decoration: underline; */
    text-underline-offset: 1px;
    transition: all 0.5s;
}
#innerpage-box .s-btn a:hover{letter-spacing: 1px;transition: all 0.5s; }
/*--------------------------------------------------------------
## Project inner page
--------------------------------------------------------------*/
#innerpage-box .inn-single-project-bx{ position: relative; overflow: hidden; transition: all 0.5s;}
#innerpage-box .singleinner-project{ position: relative;transition: all 0.5s;}
#innerpage-box .project_inbox {
    margin: 0em 0 3em;
    transition: all 0.5s;
    position: relative;
    box-shadow: 0px 0px 14px 6px #0000000D;
    border-radius: 8px;
    padding: 10px;
    background: #fff;
}

#innerpage-box .project_inbox img {
    position: relative;
    overflow: hidden;
    width: 100%;
/*    height: 263px;*/
    transition: all 0.5s;
    padding: 0;
    border-radius: 7px 7px;
}
#innerpage-box .project_inbox:hover img{
    filter: grayscale(100%);
    transition: all 0.5s;
}
#innerpage-box .projectbx {
    position: absolute;
    width: 90%;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
#innerpage-box .singleinner-project .projectbx a h4 {
    font-size: 20px !important;
    margin: 0;
    padding: 14px 6px;
    border-radius: 7px;
}
#innerpage-box .projectbx p{display: none;}
/*-----------------------
## Site map Template 
-----------------------------*/
div#sitemap-box { border-top: 2px solid #f94c34;border-radius: 0;}
div#sitemap-box:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 36px;
    border-width: 2px;
    border-style: solid;
    border-color: #f72985;
    right: 0;
    top: 16px;
    left: 0%;
    margin: 0 auto;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(90deg);
    z-index: 1;
}
div#sitemap-box 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; margin: 1em 0 0 0;}

#innerpage-box .conpgimg{text-align: center;position: relative;}
#innerpage-box .conpgimg:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 20px;
    margin: 0 auto;
    width: 400px;
    height: 400px;
    background: #D6E6F9;
    border-radius: 50%;
    z-index: -1;
    animation: movecir 5s infinite alternate;
    transition: 1s cubic-bezier(0.07, 0.8, 0.16, 1);
}
@keyframes movecir {
  from {
    margin-top: 0%;
  }

  25% {
    margin-top: -4%;
  }

  to {
    margin-top: 0%;
  }
}
/*1st*/
#innerpage-box .conpgimg .conpgimtxt1 {
    position: absolute;
    top: -1%;
    font-size: 14px;
    left:26%;
    color: #1A3B75;
    box-shadow: 0px 0px 10px #00000029;
    padding: 1px 8px;
    border-radius: 4px;
}
#innerpage-box .conpgimg .conpgimtxt1 i {
    position: relative;
    font-size: 12px;
    margin: 0 4px 0 0;
}
#innerpage-box .conpgimg .conpgimtxt1 p{ display: inline-block;margin: 0 0px 0 4px; transition: all 0.8s; padding:0;}

/*2nd*/
#innerpage-box .conpgimg .conpgimtxt2 {
    position: absolute;
    top: 5%;
    font-size: 14px;
    left:60%;
    color: #1A3B75;
    box-shadow: 0px 0px 10px #00000029;
    padding: 1px 8px;
    border-radius: 4px;
}
#innerpage-box .conpgimg .conpgimtxt2 i {
    position: relative;
    font-size: 12px;
    margin: 0 4px 0 0;
}
#innerpage-box .conpgimg .conpgimtxt2 p{ display: inline-block;margin: 0 0px 0 4px; transition: all 0.8s; padding:0;}

/*3rd*/
#innerpage-box .conpgimg .conpgimtxt3 {
    position: absolute;
    top: 18%;
    left: 6%;
    font-size: 14px;
    color: #1A3B75;
    border-radius: 50px;
    box-shadow: 0px 3px 26px #00000029;
    padding: 4px 8px;
    transition: all 1.2s;
}
#innerpage-box .conpgimg .conpgimtxt3:hover{border-radius: 4px;transition: all 0.3s;}
#innerpage-box .conpgimg .conpgimtxt3 i {
    position: relative;
    font-size: 12px;
    margin: 0 0px 0 0;
    display: inline-block;
    transition: all 1.2s;
}
#innerpage-box .conpgimg .conpgimtxt3 p{ display: none;margin: 0 0px 0 4px; transition: all 1.2s; padding:0; }
#innerpage-box .conpgimg .conpgimtxt3:hover p{ display: inline-block;margin: 0 0px 0 4px; transition: all 1.2s; }

/*4th*/
#innerpage-box .conpgimg .conpgimtxt4 {
    position: absolute;
    top: 50%;
    right: 6%;
    font-size: 14px;
    color: #1A3B75;
    border-radius: 50px;
    box-shadow: 0px 3px 26px #00000029;
    padding: 4px 8px;
    transition: all 1.2s;
}
#innerpage-box .conpgimg .conpgimtxt4:hover{border-radius: 4px;transition: all 0.3s;}
#innerpage-box .conpgimg .conpgimtxt4 i {
    position: relative;
    font-size: 12px;
    margin: 0 0px 0 0;
    display: inline-block;
    transition: all 1.2s;
}
#innerpage-box .conpgimg .conpgimtxt4 p{ display: none;margin: 0 0px 0 4px; transition: all 1.2s; padding:0; }
#innerpage-box .conpgimg .conpgimtxt4:hover p{ display: inline-block;margin: 0 0px 0 4px; transition: all 1.2s; }

/*5th*/
#innerpage-box .conpgimg .conpgimtxt5 {
    position: absolute;
    bottom: 32%;
    left: 15%;
    font-size: 14px;
    color: #1A3B75;
    border-radius: 50px;
    box-shadow: 0px 3px 26px #00000029;
    padding: 4px 8px;
    transition: all 1.2s;
}
#innerpage-box .conpgimg .conpgimtxt5:hover{border-radius: 4px;transition: all 0.3s;}
#innerpage-box .conpgimg .conpgimtxt5 i {
    position: relative;
    font-size: 12px;
    margin: 0 0px 0 0;
    display: inline-block;
    transition: all 1.2s;
}
#innerpage-box .conpgimg .conpgimtxt5 p{ display: none;margin: 0 0px 0 4px; transition: all 1.2s; padding:0; }
#innerpage-box .conpgimg .conpgimtxt5:hover p{ display: inline-block;margin: 0 0px 0 4px; transition: all 1.2s; }

/*6th*/
#innerpage-box .conpgimg .conpgimtxt6 {
    position: absolute;
    bottom: 15%;
    left: 76%;
    font-size: 14px;
    color: #1A3B75;
    border-radius: 50px;
    box-shadow: 0px 3px 26px #00000029;
    padding: 4px 8px;
    transition: all 1.2s;
}
#innerpage-box .conpgimg .conpgimtxt6:hover{border-radius: 4px;transition: all 0.3s;}
#innerpage-box .conpgimg .conpgimtxt6 i {
    position: relative;
    font-size: 12px;
    margin: 0 0px 0 0;
    display: inline-block;
    transition: all 1.2s;
}
#innerpage-box .conpgimg .conpgimtxt6 p{ display: none;margin: 0 0px 0 4px; transition: all 1.2s; padding:0; }
#innerpage-box .conpgimg .conpgimtxt6:hover p{ display: inline-block;margin: 0 0px 0 4px; transition: all 1.2s; }

#innerpage-box .contact-address-area .detalbx { position: relative;  margin: 4em 0 3em;}
#innerpage-box .cntpgtxt{ position: relative;  width: 33.33%;text-align: center;}
#innerpage-box .cntpgtxt .icnbx {
    width: 74px;
    height: 74px;
    line-height: 74px;
    background: #1955C1;
    border-radius: 50px;
    font-size: 30px;
    margin: 0 auto 20px auto;
}
#innerpage-box .cntpgtxt i { margin: 0 0px 0 0px; font-weight: 600;color: #fff;}
#innerpage-box .cntpgtxt p {
    /* display: inline-block; */
    position: relative;
    font-size: 16px;
    word-break: break-word;
    color: #24345D;
    margin: 6px 0px 1px 0px;
    padding: 0 0 0 0px;
}

/*new*/
#innerpage-box .conpgfmbx .tabs-container {overflow: hidden; position: relative;}
#innerpage-box .conpgfmbx .tabs { padding: 0px 0px 0px 0px; margin: 0em 0 0 0;}
#innerpage-box .conpgfmbx .tab-links { margin: 01em 0 1em 0;}
#innerpage-box .conpgfmbx .tbbox p{margin: 0}
#innerpage-box .conpgfmbx .tab-links {
    text-align: center;
    width: 24%;
}

#innerpage-box .conpgfmbx .tab-link {
    border: none;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 8px;
    margin:0 8px 12px 8px;
    color: #ccc;
    cursor: pointer;
    position: relative;
    transition: color 0.3s ease;
/*    display: inline-block;*/
    text-align: center;
    border-radius: 4px;
    background: #392ce9;
}
#innerpage-box .conpgfmbx .tab-link.active,
#innerpage-box .conpgfmbx .tab-link:hover { background: #b84de5; }
#innerpage-box .conpgfmbx .fmbxinn {
    width: 76%;
    background: #edf8fe;
    border-radius: 16px;
    padding: 10px 24px;
}
#innerpage-box .conpgfmbx .tab-content {
    display: none;
    animation: slideInDown 0.5s ease;
    padding:2px 0px 2px 0px;
    transition: all 0.5s; 
}
#innerpage-box .conpgfmbx .tab-content.active { display: block;}
#innerpage-box .conpgfmbx .tab-content p{
    position: relative;
    font-size: 20px;
    color: #212121;
    line-height: 1.8;
}
#innerpage-box .conpgfmbx .tab-content li {
    position: relative;
    list-style: none;
    width: 50%;
    float: left;
    font-size: 18px;
    color: #696868;
    margin: 12px 0 12px 0px;
    padding: 0 8px 0 28px;
}
#innerpage-box .conpgfmbx .tab-content li:after{
    content: "\f04b";
    font-family: "Fontawesome";
    font-weight: 500;
    position: absolute;
    top: 1px;
    left: 0px;
    font-size: 18px;
    color: #FC6441;
}
/*form*/
#innerpage-box .conpgfmbx label {
    position: relative;
    color: #d33;
    text-align:left;
    display: block;
    padding: 0;
    border-radius: 0;
    margin: 6px 0 6px 0px;
    z-index: 1;
    font-size: 16px;
}
#innerpage-box .conpgfmbx input[type="text"], 
#innerpage-box .conpgfmbx input[type="email"], 
#innerpage-box .conpgfmbx input[type="url"],
#innerpage-box .conpgfmbx input[type="password"], 
#innerpage-box .conpgfmbx input[type="search"], 
#innerpage-box .conpgfmbx input[type="number"], 
#innerpage-box .conpgfmbx input[type="tel"], 
#innerpage-box .conpgfmbx input[type="range"], 
#innerpage-box .conpgfmbx input[type="date"], 
#innerpage-box .conpgfmbx input[type="month"], 
#innerpage-box .conpgfmbx input[type="week"], 
#innerpage-box .conpgfmbx input[type="time"], 
#innerpage-box .conpgfmbx input[type="datetime"], 
#innerpage-box .conpgfmbx input[type="datetime-local"], 
#innerpage-box .conpgfmbx input[type="color"], 
#innerpage-box .conpgfmbx select, 
#innerpage-box .conpgfmbx textarea {
    width: 100%;
    height: auto;
    margin: 0 0 1pc 0;
    font-size: 15px;
    padding: 12px 8px 12px 14px;
    line-height: 22px;
    font-weight: 400;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #707070;
}
#innerpage-box .conpgfmbx option{height: 100px;}
#innerpage-box .conpgfmbx textarea {   height: 100px;}
#innerpage-box .conpgfmbx input[type="submit"] {
    position: relative;
    padding: 12px 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    display: block;
    width: 100%;
    box-shadow: none;
    transition: all 0.2s;
    margin-top: 2.6em;
    border-radius: 0;
    background: #d33;
}
#innerpage-box .conpgfmbx input[type="submit"]:hover{letter-spacing: 1px;transition: all 0.2s;}

/*form*/
#ht-contactus-wrap { position: relative; }
#ht-contactus-wrap .conpgfmbx{ position: relative;}

#innerpage-box .contact-mapbox iframe { width: 100% !important; height: 390px;margin; 0  0;}
/*-----------------------
## FAQS Section
-----------------------------*/
#faq_section{position: relative;overflow: hidden;}
#faq_section .imgbx{width: 50%;}
#faq_section .faqimg1 { position: relative; margin: 0 50px 0 0;}
#faq_section .faqimg1 img{border-radius: 16px; }
#faq_section .cl-imginn {
    position: absolute;
    top: 24px;
    left: -50px;
    box-shadow: 0px 0px 14px #0000004F;
    border-radius: 10px;
    background: #fff;
    padding: 15px 22px 15px 30px;
    display: inline-block;
}
#faq_section .cl-img .imgtxt {
    font-size: 13px;
    font-weight: 500;
    left: -10px;
    position: relative;
    padding: 0 0 5px 0;
}
#faq_section .cl-imginn li{ 
    position: relative; 
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0 0 0 -14px;
}
#faq_section .cl-imginn li:first-child {margin-left: 0;}
#faq_section .cl-imginn li img{
    width: 36px;
    height: 36px;
    border-radius: 50px;
    box-shadow: inset 0px 3px 6px #00000029, 0px 0px 7px #00000029;
    border: 2px solid #FFFFFF;
    padding: 0;
    margin: 0;
}
#faq_section .cl-imginn li i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    border-radius: 50px;
    background: #1955C1;
    color: #fff;
    padding: 0;
    text-align: center;
    margin: 0;
}
#faq_section .faqimg2 {
    position: absolute;
    right: -50px;
    bottom: 3em;
}
#faq_section .faqimg2 img{width: 177px;height:191px;border-radius: 16px; }
#faq_section .bttn {
    position: absolute;
    margin: 0px 0;
    z-index: 1;
    right: -40px;
    bottom: 211px;
}
#faq_section .bttn i {
    font-size: 16px;
    background: #FFCE4E;
    padding: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50px;
    text-align: center;
    left: -16px;
    position: relative;
}
#faq_section .bttn i:after {
    content: "";
    position: absolute;
    z-index: 0;
    right: -30px;
    top: 30px;
/*    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;
  }
}
#faq_section #closePopup {
    padding: 1px 10px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: -20px;
    width: 30px;
    font-size: 18px;
    background: #fff;
    color: #000;
}
#faq_section .popup-content {
    padding: 10px 10px 4px 10px;
    border-radius: 0px;
    width: auto;
    height: auto;
    position: relative;
}
#faq_section .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;
}

#faq_section .popup.show{ display: flex;}
/*right*/
#faq_section .faqbx{width: 50%;}
#faq_section .faqsec-heading{     position: relative; margin: 0em 0 1.5em 0px;}

#faq_section .faqsec-heading h3{font-size: 30px;font-weight: 600; margin: 0px 0;}
#faq_section .faqsec-heading p {
    font-size: 18px;
    line-height: 38px;
    margin: 14px 0;
}
#faq_section .faq-content{position: relative; padding: 0 0px;} 
#faq_section .faqrhsbx{ margin: 0 auto; width: 100%;}
#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: 16px;
}
#faq_section .faq-content button.accordion.active{
    position: relative;
    border-radius: 16px 16px 0 0;
}
#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: "\f111";
    font-family: 'Fontawesome';
    font-size: 13px;
    text-align: center;
    color: #000;
    position: absolute;
    font-weight: 600;
    top: 17px;
    left: 22px;
    display: inline-block;
    transition: all 0.4s ease 0s;
    border-radius: 0;
    opacity: 1;
}
#faq_section .faq-content button.accordion.active:after {
    content: "\f111";
    font-family: 'Fontawesome';
    transition: all 0.4s ease 0s;
    opacity: 1;
}
#faq_section .faq-content div.panel {
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin: 0px 0 12px 0;
    border: none;
    border-radius: 0 0 16px 16px;
    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 16px 16px;
    margin-top: 0px;
    margin-bottom: 20px;
/*    box-shadow: 0px 1px 4px 1px #37363629;*/
}
#faq_section .faq-content div.panel p{
    padding: 4px 20px 12px 40px;
    margin: 4px 4px 2px 1px;
    line-height: 2;
    font-size: 18px;
}
#faq_section h3.faq-title {
    padding: 10px 10px 10px 50px;
    margin: 0;
    font-weight: 500;
    line-height: 30px;
    word-break: break-word;
    text-align: left;
    font-size: 20px;
    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 .faqinn {
    position: relative;
    transition: 0.4s ease-in-out;
    float: left;
}
#content-box .faq-content{position: relative; width: 50%;} 
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: 0.4s ease-in-out;
    border-radius: 16px;
    box-shadow: none;
}
div#content-box .faq-content button.accordion.active{
    position: relative;
    border-radius: 16px 16px 0 0;
}
div#content-box .faq-content button.accordion.active, button.accordion:hover {
    transition: 0.4s ease-in-out;
    opacity: 1;
}
div#content-box .faq-content button.accordion:after {
    content: "\f107";
    font-family: 'Fontawesome';
    font-size: 22px;
    line-height: 1;
    text-align: center;
    color: #000;
    float: right;
    position: absolute;
    font-weight: 400;
    top: 20px;
    right: 20px;
    display: inline-block;
    transition: 0.4s ease-in-out;
    opacity: 1;
    box-shadow: none;
    padding: 0px 6px;
}
div#content-box .faq-content button.accordion.active:after {
    content: "\f106";
    top: 22px;
    font-family: 'Fontawesome';
    transition: 0.4s ease-in-out;
}
div#content-box .faq-content div.panel {
    max-height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    opacity: 0;
    margin: 0px 0 12px 0;
    border: none;
    border-radius: 5px 5px;
    padding: 1px 20px 1px 20px;
    box-shadow:none;
}
div#content-box .faq-content div.panel.show {
    background: #f3f3;
    opacity: 1;
    max-height: 500px;
    padding: 0px 0px 2px 0px;
    border-radius: 0 0 16px 16px;
    margin: 0px 0px 40px 0px;
    transition: 0.4s ease-in-out;
}
div#content-box .faq-content div.panel p {
    padding:10px 40px 10px 55px;
    margin: 0px 0px 2px 1px;
    line-height: 2;
    font-size: 18px;
    transition: 0.4s ease-in-out;
}

main#innerpage-box div#content-box h3.faq-title {
    padding: 15px 50px 15px 55px;
    margin: 0;
    font-weight: 600;
    line-height: 26px;
    word-break: break-word;
    text-align: left;
    font-size: 16px;
    transition: 0.4s ease-in-out;
}
div#content-box .faq-content button.accordion.active .faq-title{
    font-size: 20px !important;
    transition: 0.4s ease-in-out;
}
main#innerpage-box div#content-box h3.faq-title:before {
    content: "\f111";
    font-family: 'Fontawesome';
    font-size: 14px;
    line-height: 1;
    text-align: center;
    color: #000;
    position: absolute;
    font-weight: 400;
    top: 22px;
    left: 16px;
    display: inline-block;
    transition: 0.4s ease-in-out;
    opacity: 1;
    box-shadow: none;
    padding: 0px 6px;
}
/*div#content-box .faq-content button.accordion.active:after {
    content: "\f0d8";
    top: 10px;
    font-family: 'Fontawesome';
    transition: 0.4s ease-in-out;
}*/
/*-----------------------
## 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 0px 0;
    position: relative;
    overflow: hidden;
    /*background: url(images/sbar.jpg);*/
}
div#sidebars.sidebar{position: relative;z-index: 1;}

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

.widget-area form#searchform input[type="submit"] {
    border-radius: 5px !important;
    background: transparent;
    overflow: hidden;
    text-align: center;
    padding: 6px 18px !important;
    border: none;
    box-shadow: none;
    float: right !important;
    position: absolute !important;
    right: 3px;
    text-indent: -999px !important;
    width: 18px !important;
    z-index: -999 !important;
    /* bottom: 6%; */
    top: 4px;
}
.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: -46px;
    font-size: 13px;
    font-weight: 100;
    right: 4px;
    text-align: center;
    color: #fff;
    background: transparent;
    background-repeat: no-repeat;
    height: 34px;
    line-height: 34px;
    width: 34px;
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
    border-radius: 5px;
    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 2em 0; width: 100%;}
div#content-box {
    padding: 0 1em;
/*    position: relative;*/
    overflow: hidden;
}

#content-box h4{ margin: 20px 0 5px 0; }
#content-box ul{ padding: 0 0 0px 10px;list-style: none;font-size: 18px;margin: 0;}
#content-box ol{ font-size: 18px;}
#content-box ol ol { 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:before {
    /* content: "\f111"; */
    font-family: 'Fontawesome';
    margin-right: 4px;
    color: #fff;
    display: inline-block;
    transform: rotate(-45deg);
    transition: all 0.5s ease 0s;
    top: -1px;
    position: relative;
    text-align: center;
    font-size: 15px;
    width: 26px;
    line-height: 26px;
    height: 26px;
    border-radius: 50px;
    font-weight: 500;
}

/*#content-box ol li:before {
    transform: scale(1);
    transition: all 0.5s ease 0s;
}*/

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: 2em 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: none;
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: 500;
    text-align: left;
    padding: 0;
    display: block;
    position: absolute;
    text-align: center;
    /* box-shadow: -2px 0 1px 2px #ccc; */
    left: 0px;
    top: -6px;
    border-radius: 50px;
    background: #d33;
    margin: 0 0 0 -20px;
    transition: all 0.5s ease 0s;
}
#content-box ol li:before:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: -10px;
    border-radius: 50px;
    background: #d33;
    padding: 10px;

}
#content-box ol.wp-block-list li{margin-left: 20px;}
#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;
    /*font-family: josefin sans,sans-serif;*/
    color: #222;
    font-size: 220px;
    letter-spacing: 10px;
    margin: 0;
    font-weight: 700;
    text-shadow: 2px 2px 0 #c9c9c9, -2px -2px 0 #c9c9c9;
}

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

@media only screen and (max-width: 767px){
  .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 479px){
   .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 359px){
   .error404 .error-404{ font-size: 122px; }
}
@media screen and (min-width: 769px){
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    
}
.woocommerce #reviews h2 small{
    float: none;
}
/*-----------------------
## page scroll
-----------------------------*/
#back2Top {
    /* display: none; */
    position: fixed;
    bottom: 50px;
    right: 20px;
/*    padding: 4px;*/
    line-height: 22px;
    text-align: center;
    rotate: 180deg;
    font-size: 32px;
    /* transform: rotateY(180deg); */
    text-decoration: none;
    z-index: 99;
    width: 50px;
    height: 50px;
    transition: all 0.2s ease 0.2s;
    -moz-transition: all 0.2s ease;
}
/*#back2Top .center-con {
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center;
}*/

#back2Top .round {
    position: relative;
    border: 3px solid #d33;
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

#back2Top span {
    z-index: 999;
    height: 3px;
    margin:1px;
    width: 15px;
    background: #3ff;
    transition: 0.4s ease;
}

#back2Top span:first-child {
    display: block;
    position: absolute;
    transform: rotate(45deg);
    left: 20%;
    bottom: 30%;
}

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

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

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

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

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

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

#back2Top .round:hover span:nth-child(4) {
    transform: rotate(-225deg);
}
/*#back2Top .chevron {
    position: absolute;
    width: 28px;
    height: 8px;
    opacity: 0;
    transform: scale(0.3);
    animation: move-chevron 3s ease-out infinite;
}
#back2Top .chevron:nth-child(1) { animation-delay: 1s; }
#back2Top .chevron:nth-child(2) { animation-delay: 2s; }
#back2Top .chevron:nth-child(3) { animation-delay: 3s; }

#back2Top .chevron:before,
#back2Top .chevron:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    background: #2c3e50;
}
#back2Top .chevron:before {
    left: 0;
    transform: skewY(30deg);
}
#back2Top .chevron:after {
    right: 0;
    transform: skewY(-30deg);
}

@keyframes move-chevron {
    0% {
        opacity: 1;
        transform: translateY(-10px) scale(1);
    }
    50% {
        opacity: 1;
        transform: translateY(15px);
    }
    100% {
        opacity: 0;
        transform: translateY(30px) scale(0.4);
    }
}
*/

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

/************************/
/*Shop Page*/
/************************/
.total-product-title-wrap del .amount{display: none;}
.total-product-title-wrap ins .amount{    top: 6px;position: relative;}
.total-product-title-wrap ins .amount bdi,
.total-product-title-wrap ins .amount bdi span{font-size: 22px;font-weight: 400;}

/************************/
/*SINGLE PRODUCT PAGE*/
/************************/
/***price******/
.product .product-short-description p{font-size: 18px;color: #707070;}
.product-price-title del .woocommerce-Price-amount span.woocommerce-Price-currencySymbol,
.product-price-title del .woocommerce-Price-amount{color: #d33;font-size: 21px; }
.product-price-title .woocommerce-Price-amount{margin-right:10px; }
.product-price-title ins .woocommerce-Price-amount span.woocommerce-Price-currencySymbol,
.product-price-title ins .woocommerce-Price-amount {color: #d33;font-size: 30px;font-weight: 500;}
/*star-rating*/
.woocommerce .woocommerce-product-rating .star-rating { margin: 0.3em 12px 0 0;float: left;}
.woocommerce div.product .woocommerce-product-rating{ line-height: 2; margin-bottom: 20px;}

/*short-description*/
.woocommerce-product-details__short-description{display: none;}

/*product-categories*/
.product-type-simple .related.products,
.product-type-simple .quantity,
.product-type-simple .summary.entry-summary .qty-label,
.product-type-simple .summary.entry-summary .product-categories{display: none;}

.product_meta { display: none;}
.product .qty-label{margin: 14px 0 0 0;}
.single-productpage .product-categories a {
    position: relative;
    overflow: hidden;
    background: #ccc;
    padding: 9px 10px;
    margin:2px 10px 2px 2px;
    font-size: 15px;
    font-weight: 500;
    height: 10px;
    line-height: 3;
    top:10px;
}
/*.product-type-simple .product-categories a:hover{}*/

/*quntity Button*/
.woocommerce div.product form.cart div.quantity{float: none;margin: 15px 0;}
.single-productpage .quantity button.minus {
    font-size: 30px;
    padding: 4px 10px;
    margin: 0;
    border-radius: 0;
    background: #f0f1f3;
    line-height: 1;
    font-weight: 500;
    box-shadow: none;
    right: -6px;
    position: relative;
}
.single-productpage .quantity button.plus {
    position: relative;
    left: -6px;
    top: -1px;
    font-size: 24px;
    padding: 8px 10px;
    margin: 0;
    border-radius: 0;
    background: #f0f1f3;
    line-height: 1;
    font-weight: 500;
    box-shadow: none;
}
.woocommerce .quantity .qty {
    height: 38px !important;
    width: 66px !important;
    margin: 0;
    text-align: center;
    padding: 4px 6px 4px 14px;
    border: none;
    font-size: 22px;
    font-weight: 500;
    background: #ccc;
}
/*add to cart button*/
.single_add_to_cart_button{display: none !important;}
.product .buy-now-button {
    display: block !important;
    width: 70%;
    background: #2E2E2D ;
    border-radius: 4px;
    padding: 14px 10px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #fff ;
}
.product .buy-now-button:hover{color: #FF7617 !important;}

/*Related Product*/

.woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, 
.woocommerce .upsells.products ul.products li.product, 
.woocommerce-page .upsells.products ul.products li.product, 
.woocommerce .related ul li.product, .woocommerce-page .related ul li.product, 
.woocommerce .upsells.products ul li.product, 
.woocommerce-page .upsells.products ul li.product {
    width: 22% !important;
    margin-right: 2% !important;
}

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

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

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

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

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

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

/*-----------------------
## Blog Inner Page 
-----------------------------*/
#innerpage-box .inner-blog-post {
    position: relative;
    float: left;
    margin: 0em 0em 2em 0em;
    padding: 0 18px;
}
#innerpage-box .inner-blogpost { position: relative;transition: all 0.5s;}
#innerpage-box .inner-blogpost .ht-blog-thumbnail { position: relative;}
#innerpage-box .ht-blog-thumbnail img {
    border-radius: 11px;
    width: 100%;
    transform: scale(1);
    transition: all 1s ease 0s;
}
#innerpage-box .blog-admin {
    position: absolute;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #d33;
    top: 6px;
    right: 6px;
    padding: 6px 10px;
    border-radius: 7px;
    transition: all 0.5s;
}
#innerpage-box .inner-blogpost:hover .blog-admin{transition: all 0.5s;right: 15%;}
#innerpage-box .inner-blogpost-info {
    position: relative;
    overflow: hidden;
    padding: 20px 4px 4px 0px;
    /* border-radius: 0; */
}
#innerpage-box .inner-blogpost .cattile {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #1955C1;
    background: #EDF7FE;
    padding: 8px 14px;
    border-radius: 7px;
    margin: 0 0 10px 0; 
}
main#innerpage-box #blog-box h2 {
    word-break: break-word;
    margin: 6px 0 6px 0px;
    line-height: 30px;
    padding: 0 0 0 0px;
}
#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: 30px;
    margin: 2px 0 2px;
}

/*--------------------------------------------------------------
## 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: #000;
    padding: 10px 24px 10px 22px;
    position: relative;
    text-align: left;
    z-index: 9;
    border-radius: 4px;
    margin: 0 0px 28px 0;
}*/
.wp-block-group__inner-container h2, #innerpage-box .widget-area .widget-title {
    position: relative;
    text-align: left;
    margin: 0px 0px 24px 0px;
    background: #e2a822;
    font-size: 20px !important;
    color: #fff;
    font-weight: 400;
    background: #000;
    padding: 10px 24px 10px 22px;
    z-index: 9;
    border-radius: 7px;
}
/*.wp-block-group__inner-container h2, */
/*#innerpage-box .widget-area .widget-title .widget-titleinn {
    display: inline-block;
    font-size: 18px !important;
    color: #fff;
    font-weight: 400;
    background: #000;
    padding: 10px 24px 10px 22px;
    position: relative;
    text-align: left;
    z-index: 9;
    border-radius: 4px;
    margin: 0 0px 0px 0;
}*/
/*.wp-block-group__inner-container h2:before, 
#innerpage-box .widget-area .widget-title:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #d33;
    content: "";
    z-index: 0;
    padding: 17px;
    margin: -3px -3px -3px -3px;
    border-radius: 3px;
}*/
main#innerpage-box .widget-area .tagcloud a {
    margin: 6px 2px;
    padding: 6px 6px;
    border-radius: 5px;
    border: none;
    position: relative;
    box-shadow: unset;
    text-align: center;
    background: none;
    display: inline-block;
    background: #fff;
}
.widget-area .tagcloud {list-style: none;padding: 0;margin: 1em 3em 1em 3em;}
.widget-area .textwidget { padding: 10px 15px 10px 15px;}
.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 Cateigiries Page
--------------------------------------------------------------*/
#content-box ul li.product-category:before{display: none;}
#content-box .product-category {position: relative;}
#content-box  .woocommerce.columns-4,
#content-box .products.columns-4{padding: 0;}
#content-box li.product-category.product {
    padding: 0 20px;
    margin: 0 0 50px 0;
    text-align: center;
    width: 25%;
    float: left;
}
#content-box h2.woocommerce-loop-category__title {
    position: relative;
    font-size: 25px ;
    font-weight: 400 !important;
    line-height: 1.4;
    margin: 30px 0 6px 0 !important;
}
#content-box .woocommerce-loop-category__title mark.count {
    font-size: 22px;
}
/*--------------------------------------------------------------
## WooCommerce CSS
--------------------------------------------------------------*/
.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{ height: auto;border: none !important;}
.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 ;}

.woocommerce ul.products li.product .button{
    margin: 0;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    font-size: 16px;
    background-color: #c3c3c3;
    border:none;
    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: 0px;
    box-shadow: none;
}

.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; padding: 1em 2em 2em 3.5em;}
.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{margin: 0 12px 5px; }
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ background-color: #FFF; border: 3px solid #000;}
.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: 4px 0 0 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{ margin-bottom: 0px;}
.single_post .datebx li{list-style: none; display: inline-block;}
.single_post .datebx .post-date-publishable {
    display: inline-block; 
    margin-right: 20px; 
    padding-top: 15px;
    padding-bottom: 15px;
}
.single_post .datebx  i { padding-right: 6px;}
.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:none;
    margin: 0px 0 0 20px;
}
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;
}

/*-----------------------
## product rating
--------------------------------------------------------------*/
.woocommerce .star-rating {
    position: relative;
    height: auto; 
    font-family: star; 
    overflow: initial;
}
.woocommerce .star-rating {
    display: block;
    position: relative;
    unicode-bidi: bidi-override;
    direction: ltr; /* Use ltr direction for proper filling */
}
.woocommerce .star-rating span {
    overflow: hidden;
    float: left;
    top: 0px;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}
.woocommerce .star-rating::before {
/*    color: #ccc ; */
    content: '\73\73\73\73\73';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
}
.woocommerce .star-rating span {
/*    color: red ; */
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0; /* Default width */
}
.woocommerce .star-rating span::before {
    content: '\53\53\53\53\53';
    font-family: star;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 18px;
}

/* Rating specific styles */
.woocommerce .star-rating[data-rating="5"] span {  width: 100%;}
.woocommerce .star-rating[data-rating="4"] span { width: 80%;}
.woocommerce .star-rating[data-rating="3"] span { width: 60%;}
.woocommerce .star-rating[data-rating="2"] span { width: 40%;}
.woocommerce .star-rating[data-rating="1"] span { width: 20%;}

/*sidebar star*/
.widget_recent_reviews .star-rating{display: none;}
/*--------------------------------------------------------------
# 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{float: right;display: contents;}
.single-productpage .innerpage-whitebox .woocommerce-product-rating span.count {display: inherit;}
.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 .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 .woocommerce-product-rating .star-rating{}
.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: 16px;font-weight: 500;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) {
header .second-featured-image{right: 14%;}
#appointment .appconbx p { margin: 0 10%;}

/*#innerpage-box .contact-address-area .detalbx {  padding: 1em 15px 1pc 5%;}
#innerpage-box .fmbxout { padding: 3.4pc 5% 1pc 3pc;}*/

}

@media only screen and (max-width: 1299px) {
header .svgtxt p, header .svgtxt a { font-size: 14px;}
#appointment .appconbx p { margin: 0 0%;}
}

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

}

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

@media screen and (max-width: 1199px){
.page-main-header p {margin: 10px 16% 4px;}
header .h-bttn a{font-size: 14px;}
.navigation .mainmenu li a {font-size: 15px !important; padding: 8px 16px !important;}
header button#formButton { width: 48px; height: 50px; line-height: 44px;top: 2px;}
.navigation .mainmenu>li.menu-item-has-children>a:after { right: 1px !important;}
#banner-section .banner_title { top: 12px; font-size: 38px;}
#banner-section .tpimg{display: none;}
#banner-section .Lbx { width: 50%; margin: 1em 0 0 0;}
#banner-section .Lbx p { width: 100%;}
#banner-section .Lbx .banner2x { padding: 30px 10px 10px 116px;}
#banner-section .Lbx .banner1m {  padding: 12px 11px 10px 116px;}
#banner-section .Mbx { width: 50%; right: 0%;}
#banner-section .Mbximg:before { bottom: 0px; width: 340px; height: 340px;}
#banner-section .Mbximg:after{ bottom: -12px;  width: 366px; height: 366px};
#oursteps .oursteps-bx {padding: 0 30px;}
#oursteps .oursteps-bx { margin-bottom: 2em;}
#clientlogo .titlebx { width: 35%;}
#clientlogo .clientlogo-group { width: 65%;}
#about .conbx h2 { font-size: 40px;}
#about .abt-btnbx { margin: 1em 0 0 0em;}
#about .abt-btn a { padding: 10px 20px;}
#team .single-team { padding: 0 10px;}
.counter-area .txt-boxinn {  padding: 5pc 10px 4px 10px;}
.feature-area .section-title {  width: 100%;}
.pricing-area .sm-bxinn {margin: 0 3% 0em 3%;}
.pricing-area .single-pricing { padding: 40px 15px 30px 15px;}
.pricing-area .currency-price { font-size: 34px;}
.pricing-area .currency-price span { font-size: 24px;}
.pricing-area ul li:before { padding-right: 10px;}
#testimonials .ts-area-thumb { width: 32%;}
#testimonials .ts-area-bx { width: 68%;}
#innerpage-box .inn-single-project-bx {  padding: 0 10px;}
#innerpage-box .conpgfmbx .tab-links {  width: 28%;}
#innerpage-box .conpgfmbx .fmbxinn { width: 72%;}
.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;}
#content-box li.product-category.product {padding: 0 10px;margin: 0 0 15px 0;}
#content-box h2.woocommerce-loop-category__title {margin: 10px 0 6px 0 !important;}
.widget-area .tagcloud { margin: 1em 1em 1em 1em;}
.widget-area a { font-size: 16px;}
footer#footer.footer-area .widget-title { font-size: 22px;}
.footer-area li a { font-size: 18px;}
.footer-text, .footer-text a {  font-size: 18px;}
.footer-area .f-social li a, .footer-area .social-profile-icons ul li a { width: 40px; line-height: 40px; height: 40px;
}
}

@media screen and (max-width: 1024px){
.logo { padding: 1px 4px 1px 1px;}
#newsletter .newstitle h3 { font-size: 22px;}
#newsletter .ht-newsletter-member-wrap input[type="submit"] { font-size: 18px;}

}

@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: 22px;}
}

@media only screen and (max-width: 991px) {
.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;}
#sidebars .widget, div#secondary.widget-area .widget { margin: 0px 2px 1em 2px;}
#content-box li.product-category.product{width: 33.33%;}
#content-box h2.woocommerce-loop-category__title {font-size: 18px !important;}
#content-box .woocommerce-loop-category__title mark.count { font-size: 16px;}
}

@media screen and (max-width: 991px) {
header button#formButton { width: 42px;height: 42px; top: -1px; line-height: 38px;}
header #formButton:after { font-size: 16px;}
header form#form1 { top: 42px;}
.page-main-header p { margin: 10px 0% 4px;}
header .search_bar input[type=text] {box-shadow: 0px 0px 5px 3px #dfdfdf94;}
header .mid-head {  padding: 10px 0 10px 0;}
header .tp-head { padding: 0;}
header .h-bttn { margin: 2px 0 0 0;}
.logo {  width: 40%; padding: 1px 4px 1px 1px;}
header .h-bttn { width: 40%;}
header .head-menu { width: 20%; order: 1;padding: 0;}
header .js-nav-toggle {position: absolute;right: 0em; }

.top-bar-head {padding: 0em 0;}
.home.page-template .site-header { position: relative;}
.site-navigation{background:none ;}
.site-navigation{ right:0px;padding: 0;}
.mid-head {padding: 4px 0;}
.navigation .mainmenu li a::before{display: none;}
#banner-section .Lbx .banner2x:before{display: none;}
#banner-section .banner_title { font-size: 24px;width: 50%; padding: 0 10px 0 0;}
#banner-section .Rbx { width: 50%;padding:0;}
#banner-section .Rbxbtmbx { width: 100%;}
#banner-section .Mbx { width: 100%; right: auto; margin: 1em 0;padding: 0; }
#banner-section .Mbximg:before { width: 500px; height: 500px; }
#banner-section .Mbximg:after { width: 540px; height: 540px; }
#banner-section .Lbx { width: 100%; order: 2;  }
#clientlogo .titlebx { width: 100%;}
#clientlogo .clientlogo-group { width:100%;margin: 0;}
#about .titleimg{display: none;}
#about .conbx{width: 100%;}
#about .Imagebx{width: 100%;margin-top:2em; padding: 0 15px; }
.counter-area .counter-single-area{width: 100%;}
.counter-area .txt-box{width: 100%; margin-top: 1em;}
.counter-area .txt-boxinn { padding: 2pc 10px 2pc 10px;}
.feature-area .section-title { margin: 0 auto 1em auto;}
#appointment .appimg2,
#appointment .appimg1 {display: none;}
#appointment .appconbx { width: 100%;}
#appointment h2 {font-size: 30px;}
#appointment .tab-links {  margin: 1em 0 1em;}
.pricing-area .pricebx ,
.pricing-area .sm-bx:nth-child(2) .single-pricing { top: 0;}
.pricing-area .pc-btn { position: relative; margin: 1.4em 0 0 0;}
.pricing-area ul li:before { padding-right: 10px;}
#pricing .section-title { margin: 0 0 2em 0;}
#faq_section .imgbx {width: 100%;}
#faq_section .faqbx{width: 100%; margin: 1em 0 0 0;}
#faq_section .faqsec-heading p { font-size: 16px; line-height: 25px; margin: 6px 0;}
#faq_section h3.faq-title{font-size: 18px;}
#faq_section .faq-content button.accordion:after{font-size: 10px; top: 18px;}
#faq_section .faq-content div.panel p {line-height: 1.5; font-size: 16px;}
#newsletter .titlebx{  width: 100%;padding: 4px;}
#newsletter .newstitle h3 { font-size: 20px; margin: 0px 0 0px 0;}
#newsletter .newslettersign-box { width: 100%;padding: 4px;}
#newsletter .ht-newsletter-member-wrap input[type="submit"] { padding: 10px 20px;}
#team .section-title,
#oursteps .section-title,#service .section-title { margin-bottom: 2em;}
#about,#team,#gallery,#appointment,.feature-area,#callus,#achievement,#counter,#support,#project,#clientlogo,
#course,#banner-section,#ourvideo-section ,#ourclient,#newsletter,#counter,#banner2,#steps,#testimonials,
#oursteps,#blog,#service,#plan,#pricing,#faq_section,#offres,#footer{ padding: 1em 0 !important;}
header .second-featured-image { width: 240px;height: 180px;bottom: -2em;}
.page-main-header{padding: 2em 0 2em !important;}
.site-header {position: relative;}
header .woocommerce-breadcrumb, .breadcrumbbox .button { font-size: 18px;}
#innerpage-box blockquote p { font-size: 18px;}
#innerpage-box .inner-blog-post {margin: 0em 0em 1em 0em;}
#innerpage-box .innertest-item{width: 50%;}
#innerpage-box .project_inbox { margin: 0em 0 1em;}
#content-box .faqinn { width: 100%;padding: 0;}
#content-box .faq-content{width: 100%;padding: 0;}
#innerpage-box .conpgfmbx .tab-links { width: 100%;}
#innerpage-box .conpgfmbx .tab-link {margin: 0 4px 12px 4px;display: inline-block;}
#innerpage-box .conpgfmbx .fmbxinn{width: 100%;}
#innerpage-box .contact-address-area .detalbx { margin: 1em 0 1em;}
#content-box ol.wp-block-list li { margin-left: 5px;}
div#content-box { padding: 0 0em;}
.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;}
.footer-area .bottom-area { margin-top: 0em;}
.s-footer { padding-bottom: 0em;}
.footer-area input[type="submit"] { position: relative;}
#innerpage-box .singleinner-service { margin-bottom: 24px;}
#content-box ol li { padding-left: 2em; margin: 1em 0;}

}

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

}

@media screen and (min-width: 320px) and (max-width: 768px){
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;}
#content-box li.product-category.product{margin-bottom: 15px !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 .second-featured-image { width: 300px; height: 200px; bottom: -2em;}
#innerpage-box { padding: 1em 0em 1em 0;}
.page-main-header { padding: 1em 0 1em !important;}
.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 {width: 100%;order: 2;padding: 0em 1em 0em 1em;}
#banner-section .banner_title { width: 100%; top: 0; margin: 10px 0; padding: 0; }
#banner-section .Rbx{width: 100%;}
#banner-section .Mbximg:before {  width: 400px; height: 400px; }
#banner-section .Mbximg:after { width: 430px; height: 430px; }
#banner-section .fmbx input[type="submit"] { margin: 4px 0 8px 0;}
#banner-section .Lbx .banner2x {  padding: 4px 10px 10px 116px; }
#oursteps .oursteps-bx .oursteps-button svg{display: none;}
#oursteps .oursteps-bx {  padding: 0 10px;}
#about .conbx h2 {font-size: 30px;}
.pricing-area .sm-bx { margin: 0;}
#newsletter .ht-newsletter-member-wrap input[type="submit"] { padding: 8px 16px; font-size: 16px;}

.section-title { margin-bottom: 2em;}
#about, #team, #gallery, #appointment, .feature-area, #callus, #achievement, #counter, #support,#blog,
#project, #course, #banner-section, #ourvideo-section, #ourclient, #newsletter,
#oursteps{padding: 1em 0;}
.ht-main-title { padding: 0px 0 0 0;font-size: 30px;}
#innerpage-box .cntpgtxt { width: 100%;  margin: 0.59em 0;}
#innerpage-box .ts-area-thumb { padding: 0px 2px 0 2px;}
#innerpage-box .conpgimg .conpgimtxt1 { left: 12%;}
#innerpage-box .conpgimg .conpgimtxt6{left: 50%;}
#innerpage-box .contact-mapbox iframe {height: 300px;}
#secondary.widget-area { padding: 0px 0;}
#secondary .widget_nav_menu li a:before, #sidebars .widget_nav_menu ul li a:before{right: -3%;}
#secondary input[type="text"], #secondary input[type="email"], #secondary input[type="url"], 
#secondary input[type="password"], #secondary input[type="search"], #secondary input[type="number"], 
#secondary input[type="tel"], #secondary input[type="range"], #secondary input[type="date"],
#secondary input[type="month"], #secondary input[type="week"], #secondary input[type="time"], 
#secondary input[type="datetime"], #secondary input[type="datetime-local"], 
#secondary input[type="color"], #secondary input[type="file"], 
#secondary textarea, #secondary select{padding: 10px 3px 10px 12px;}
.widget-area li{padding-left: 3%;}
#innerpage-box .singleinner-service { margin-bottom: 10px;}
#innerpage-box .inn-single-service-bx { padding: 0 6px;}
#innerpage-box .innertest-item {padding: 0 0.6pc;}
#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;}
#content-box li.product-category.product{width: 50%;}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images
{width: 100% !important;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary{width: 100% !important;}
#innerpage-box .product_title { font-size: 24px !important;}
.product .product-short-description p { font-size: 16px;}
.woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, 
.woocommerce .upsells.products ul.products li.product, 
.woocommerce-page .upsells.products ul.products li.product, 
.woocommerce .related ul li.product, .woocommerce-page .related ul li.product, 
.woocommerce .upsells.products ul li.product, 
.woocommerce-page .upsells.products ul li.product {
    width: 48% !important;
    margin-right: 2% !important;
}
}

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

}

@media screen and (max-width: 580px){  
.ht-portfolio{ width: 50%; padding: 4px;}
.single-footer-1,.single-footer-2{width: 100%;}
.footer-area .s-footer{width: 100%;}

}

@media screen and (max-width: 575px){
header .second-featured-image { width: 220px; height: 160px;}
.logo { width: 50%;}
header .h-bttn { width: 40%;text-align: left;}
header .head-menu { width: 10%;}
#about .abt-btn{width: 100%;padding: 0;border: none;}
#about .agt-con{width: 100%; padding: 0;}
#appointment input[type="submit"] { margin-top: 0.6em;}
#faq_section .cl-imginn { left: 0px; top: 16px;}
#faq_section .faqimg2 { position: relative; right: 0; bottom: 0;}
#faq_section .bttn { position: absolute; right: auto;bottom: 211px;left: 20px;}
#innerpage-box .innertest-item{width: 100%;}
#innerpage-box .ts-area-thumb { width: 20%; }
#innerpage-box .tsarea-inn .ts-area-bx { width: 80%;}
#innerpage-box .inn-single-service-bx { padding: 0 2px;}
.widget-area a { padding: 6px 0 6px 10px;}
.footer-area .s-footer { width: 100%;}
#innerpage-box .conpgimg:before {display: none;}
}

@media screen and (max-width: 520px){
header .woocommerce-breadcrumb, .breadcrumbbox .button{font-size: 16px;}
header .woocommerce-breadcrumb:before, .breadcrumbbox .button:before{left: 14px; top: 16px; padding: 4px;}
.counter-area .single-top{width: 520px;}
.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;}
#banner-section .Mbximg:before {  width: 340px; height: 340px; }
#banner-section .Mbximg:after { width: 360px; height: 360px; }
#banner-section .Lbx .banner2x:before{display: none;}
#banner-section .Lbx .banner2x { padding: 4px 10px 10px 80px;}
#banner-section .Lbx .banner2x span { margin: 0px 0px 0 -80px; }
#banner-section .Lbx .banner2x { font-size: 16px;}
#banner-section .Lbx .banner1m { padding: 4px 10px 10px 80px;}
#banner-section .Lbx .banner1m span { margin: 0px 0px 0 -80px; }
#banner-section .Lbx .banner1m { font-size: 16px;}
#appointment h2,.section-title h3,#about .conbx h2 ,#faq_section .faqsec-heading h3,
.feature-area .section-title h4 {font-size: 24px;}
.pricing-area .currency-price {font-size: 24px;}
#innerpage-box .ts-area-thumb { width: 30%;}
#innerpage-box .tsarea-inn .ts-area-bx {  width: 70%;}
.page_featured {margin: 0 2em;margin-bottom: 1em;padding: 3em 4em;}
main#innerpage-box h1, 
body.page-template-default main#innerpage-box h1, 
.ht-main-title{ font-size: 30px !important;}
.footer-bottom-area ul li { margin: 0 10px;}
.footer-text, .footer-area li{font-size: 16px;}
body {   position: inherit; }
.comment-form-url,
.comment-form-author,
.comment-form-email{ width: 98%;}
.single-header-info { text-align: center; padding: 0;}

}

@media screen and (max-width: 450px){
#banner-section .Mbximg:after{display: none;}
#banner-section .Mbximg:before { width: 290px; height: 290px;}
header .h-bttn a { font-size: 10px;padding: 8px 8px;}
header .h-bttn a span{display: none;}
header #formButton:after { font-size: 12px; }
header button#formButton {
        width: 30px;
        height: 30px;
        line-height: 28px;
    }
}

@media screen and (max-width: 425px){
header .second-featured-image { width: 175px; height: 140px;}
.ht-site-title, .site-title { font-size: 20px;}
main#innerpage-box div#content-box h3.faq-title { padding: 15px 30px 15px 40px;}
div#content-box .faq-content button.accordion:after{right: 8px;}
main#innerpage-box div#content-box h3.faq-title:before{left: 8px;}
div#content-box .faq-content div.panel p { padding: 10px 30px 10px 30px;font-size: 16px;}
div#content-box .faq-content button.accordion.active .faq-title{ font-size: 18px !important;}
#innerpage-box .conpgimg .conpgimtxt2 {top:15%; left: 50%;}
#innerpage-box .gallery-inn,
#gallery .homegalry { column-count: 2;}
}

@media screen and (max-width: 400px){
#innerpage-box .ts-area-content p:after{display: none;}
/*#counter .single-top{width: 100%;}*/

}

@media screen and (max-width: 375px){
header .second-featured-image {width: 200px;height: 150px;}
#content-box li.product-category.product { width: 100%;}
header .js-nav-toggle {  width: 34px !important;  height: 34px !important; }
#banner-section .smallimg3 {  right: 0%;}
#banner-section .smallimg2 { right: 4%;}
}

@media screen and (min-width: 320px) and (max-width: 375px){
.navicon { top: -60px !important;}
.page_featured { 
    margin-bottom: 1em; 
    padding: 2em 4em;
}
}

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