/*Theme Name: Interior Architect Free
Theme URI: https://luzuk.com/demo/interior-architect/
Author: luzuk Themes
Author URI: https://www.luzuk.com/top/wordpress-themes/
Description: All architects and interior designers whether they’re experienced with years of behind them or are fresher just completed a degree, if you are or planning to offer consultancy as a freelance professional you ought to think about creating an online presence.  When people think of getting a website they assume it will be very technical and they will need to invest a lot of time, money, effort interacting with the team to explain their requirements etc.  This is not always true. You can create an online presence to showcase your services in very little time, with very little effort and without knowing any coding or possessing technical skills.  Have a look at the Interior Architect Free WordPress Theme designed by us. Isn’t it attractive? And if you look closely you will know that it has all the features you are ever going to require to display your work, talk about yourself and your expertise, how you work, and there is a contact form through which your potential audience can connect with you.  This Interior Architect Free WordPress Theme is responsive and compatible on any browser and device. This theme is also woo-commerce compatible, which means the theme offers a secure payment gateway through which you can accept payment from clients if client hires you to offer architectural and interior design related consultancy. Our team has designed this theme after a lot of research. They have created space to publish pictures where you can display projects completed by you, There is a space where you can place client testimonials, you can write about various services you offer and other information relevant for your potential client. Interior Architect Free WordPress Theme as the name suggests is a free to use theme. All you need is a domain name and hosting space. If you have both these, then you can simply download this theme, install it and you go live, ready to serve your clients.  You can use this design forever we will never ask for it back. The dashboard is simple to use from where you can change images, replace content, change colors, text color, size etc. All this is very user friendly. With a little practice you will get familiar and be able to make changes to your own theme without getting stuck at all. So go ahead and give your business an identity online with our Interior Architect Free WordPress Theme.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: interior-architect-free
Tags: two-columns, right-sidebar, left-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-image-header, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, news, portfolio
*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}
body.custom-background {
    background-color: #fff !important;
    background-repeat: no-repeat !important;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
    margin: 0;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    text-decoration: :none;
}
a:active,
a:hover {
    outline: 0;
    text-decoration:none;
}

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

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

#innerpage-box blockquote p{ 
    margin: 0 30% 2em 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    z-index: 1;
    position: relative;
}
blockquote {
   top: 1em;
    background-color: #f2f2f2;
    position: relative;
    clear: both;
    margin: 2em 0px 3em;
    padding: 3em 2em 0.6em 2em!important;
    font-size: 15px;
    color: #212121;
    font-style: normal;
    font-weight: 400;
    border-radius: 0;
}
/*blockquote:before {
    content: "\f10e";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50px;
    font-size: 64px;
    left: 40px;
    clear: both;
    padding-left: 1em;
}*/
blockquote:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 25%;
    font-size: 40px;
    border-radius: 0px 0px 225px 0px;
    background: #323232;
    z-index: 0;
}
.wp-block-quote cite {
    font-weight: 700 !important; 
    float: right;
    font-size: 24px;
    font-style: normal;
}
/*blockquote:after {
    content: "\f10d";
    font-family: 'FontAwesome';
    position: absolute;
    bottom: 20px;
    font-size: 40px;
    right: 30px;
    clear: both;
    padding-right: 1em;
}*/
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;}
.pd-1{ padding: 5px;}
.pl-0{padding-left:0 ;}
.pl-1{padding-left: 1em;}
.pd-4{padding: 0 2em;}

/*margin*/

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


.justify-content-center { -ms-flex-pack: center!important; -webkit-box-pack: center!important; text-align: center;justify-content: center!important;}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

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

.widget-area ul{
    list-style: none !important;
    padding: 0px 3px !important;
    margin: 0 !important;
    /*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: 2px 0 2px 20px !important;
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
    padding-left: 30px;
}
.widget-area a{
    text-decoration: none;
    font-size: 20px;
    color: #404040;
    display: block;
    padding: 0px 0;
    font-weight: 400;
    line-height: 32px;
    margin: 0;
}
.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}
.widget-area .widget{ margin-bottom: 1.5em; position: relative;z-index: 1;}
#innerpage-box .widget-area .wp-block-latest-posts__list {padding: 0 2px;}

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

/*main#innerpage-box #sidebars .widget-area li:before{
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f192";
    padding-right: 1em;
}*/
/*main#innerpage-box .widget-area .tagcloud a:before{
    display: none;
}*/
#secondary.widget-area li:before,
main#innerpage-box #sidebars .widget-area li:before{display: none !important;}
#secondary .widget_nav_menu li a,
#sidebars .widget_nav_menu li a{
    font-weight: 700;
    padding: 12px 25px 12px 35px;
    font-size: 12px;
    line-height: 18px;
}
#secondary .widget_archive a:before,
#secondary .widget_categories a:before,
#secondary .widget_recent_entries li a:before,
#secondary .widget_recent_comments span:before,
#sidebars .widget_archive ul li a:before,
#sidebars .widget_recent_entries ul li a:before ,
#sidebars .product-categories li a:before,
#sidebars .widget_recent_comments span:before{ 
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f0eb";
    margin: 0px 6px 0 0;
    left: 0;
    font-weight: 600;
    transition: all 0.2s ease 0s;
    font-size: 15px;
    position: absolute;
}
#secondary .widget_recent_comments span:before{line-height: 32px;}
#secondary ul li:before {
    content: '';
    font-family: 'FontAwesome';
    float: left;
    padding-right: 12px;
    color: #0074D9;
    font-weight: 600;
    transition: all 0.2s ease 0s;
    font-size: 18px;
}
#secondary .widget-area .tagcloud,
#sidebars .widget-area .tagcloud{padding: 0 1em;}
#content-box ul li{margin: 15px 0;padding-left: 2em;position: relative;}
/*/*---------------------
sidebar menu 
------------------------*/
#secondary .widget_nav_menu li ,
#sidebars .widget_nav_menu ul li{
        margin: 0px 8% 20px 5% !important;
    border-radius: 21px 41px 0px 21px;
    padding-left: 0;
}
#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 {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f101";
    color: #000;
    background: #332102;
    margin: 0 0 0 14px;
    font-weight: 500;
    font-size: 18px;
    right: -3%;
    top: 7px;
    height: 27px;
    border-radius: 50px;
    width: 27px;
    line-height: 27px;
    position: absolute;
    text-align: center;
}
#secondary .widget_nav_menu li a:after,
#sidebars .widget_nav_menu ul li a:after{
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "";
    margin: 0 0 0 14px;
    left: 0;
    top: 12px;
    height: 13px;
    border-radius: 50px;
    border: 2px solid #000;
    width: 13px;
    position: absolute;
}
/*--------------------------------------------------------------
## Sidebar Area
--------------------------------------------------------------*/
.widget-area { position: relative; overflow: hidden;}
#secondary input[type="text"]{
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    background: transparent;
    border-radius: 5px;
}

#secondary input[type="text"],
#secondary input[type="email"],
#secondary input[type="url"],
#secondary input[type="password"],
#secondary input[type="search"],
#secondary input[type="number"],
#secondary input[type="tel"],
#secondary input[type="range"],
#secondary input[type="date"], 
#secondary input[type="month"], 
#secondary input[type="week"], 
#secondary input[type="time"], 
#secondary input[type="datetime"], 
#secondary input[type="datetime-local"], 
#secondary input[type="color"], 
#secondary input[type="file"],
#secondary textarea, #secondary select {
    width: 100%;
    margin: 0px 0%;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    border-radius: 50px;
    border: 1px solid #543602;
    padding: 15px 3px 15px 30px;
    line-height: 0.8;
    background-color: transparent;
    text-align: left;
    margin: 0 0 10px;
}
#secondary select{padding: 2px 3px 2px 20px;}
#secondary .search-form input[type="text"],
#sidebars .search-form input[type="text"]{
    width: 100%;
    font-size: 14px;
    padding: 12px 18px;
    border-radius: 50px;
}
#secondary textarea {padding: 15px 3px 6px 20px; height: 90px;border-radius: 14px;}
#secondary .gallery-columns-3 .gallery-item { max-width: 33.33%;}
#secondary figure.gallery-item a img:hover, #secondary .widget img:hover{  opacity: 0.7;}
#secondary figure.gallery-item a img, #secondary .widget img{ padding: 5px;}

/*#secondary select#archives-dropdown-3 {left: 0px !important;margin: 18px 5px 30px 5px ! important;}*/
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.author-email-url{
    margin-left: -2%;
}
#comments a:hover{
    color:#2d2d2d;
}
#commentsAdd a:hover{
    color:#2d2d2d;
}
#content-box a :hover{
    /*color:#2d2d2d;*/
}
/*#content-box a i{
    color: #fff;
}*/
#commentsAdd input[type="submit"]{
    background: #fc226a;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 50px;
    font-size: 16px;
}
#commentsAdd input[type="submit"]:hover{
    border-radius: 5px;
    opacity: 1;
}
#content .tags a {
    margin: 0 5px;
    border: 1px solid #000;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 15px;
    border-radius: 8px;
    line-height: 35px;
    word-break: break-word;
}

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

.comment-respond p label{margin-bottom: 5px;}
.inner_contentbox .tags{margin-top: 15px;}
.inner_contentbox .socialMedia ul{margin-left: 0;}
.inner_contentbox .socialMedia ul li{
    display: inline-block;
    position: relative;
    margin-bottom: 0 !important;
    padding: 2px 5px!important;
}
.inner_contentbox .socialMedia ul li a{background: none !important;}
.inner_contentbox .socialMedia ul li:before{display: none !important;}
.inner_contentbox .socialMedia{float: right;}
.inner_contentbox .socialMedia ul li a i {
    background: none !important;
    border: 2px solid #d33;
    color: #000;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 16px;
    margin: 2px 0;
    clear: both;
}
.author-email-url input{
    width: 100%;
}
.comment-form .form-submit{
    margin-bottom: 0
}
h3#reply-title,
h3.comments-title{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
h3#reply-title:after,
h3.comments-title:after{
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 30px;
    background: #fe5722;
    height: 2px;
}
.logged-in-as,
.comment-notes{
    font-size: 0.9em;
}
/*================== New ==========================*/
div#commentsAdd {
    margin-top: 1em;
    border-top: 3px solid #000;
    padding: 2em 1em 2em 2em;
    box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
}
div#commentsAdd h1 span {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
}
.commentmetadata span.reply {
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 12px;
    line-height: 20px;
    color: #222;
    font-weight: 500;
    background: #ccc;
    padding: 7.5px 32px;
    text-align: center;
    border-radius: 25px;
    /*text-transform: uppercase;*/
    z-index: 1;
}

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

#respond #respond h3#reply-title{display: none;}
#comments ol li.comment:before{display: none;}
#comments ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#comments li.comment{
    margin: 2em 0 3em;
    padding: 0;
}
#comments li.comment .children{
    display: block;
    margin: 20px 0 0 30px;
    padding: 0px;
    list-style: none;
}
#content .blog-innimg img{
    margin-bottom: 1em;
    border: 1px solid #bbb;
    padding: 5px;
}
article{position: relative;}
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: #FFF !important;
    padding: 8px 12px;
    line-height: 1;
    border-radius: 2px;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover{
    background: #333;
    color: #FFF;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 15px;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.pagingation{
    margin: 0px 0 0 0;
    padding: 1em 0;
     clear: both; 
    text-align: center;

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

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

div#secondary input[type="submit"],
.wp-block-search__button {
    width: 80%;
    margin: 0 auto;
    top: 5px;
    display: block;
    position: relative;
    text-align: center;
    padding: 8px 10px !important;
    z-index: 999 !important;
    overflow: hidden;
    border: none;
    box-shadow: none;
    font-size: 24px;
    font-weight: 600;
    border-radius: 50px;
}
#sample-heading-here:after {display: none !important;}
.section-title{ margin-bottom: 77px;margin-top: 20px; position: relative;}
.section-title h2 {
    position: relative;
    word-break: break-word;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 0px;
    display: inline-block;
    z-index: 1;
    word-spacing: 0px;
    padding: 0 8px;
}
.inner-area-title {    
    font-size: 23px;
    font-weight: 500;
    word-break: break-word;
}
.section-area-text {    
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 35px;
    font-weight: 400;
    word-break: break-word;
}
.textcenter{  text-align: center;}

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

section .darkbox{  padding:3em 0;  background: rgba(0,0,0,0.6)}
.padding0{ padding: 0;}
.ht-section-title-tagline{ margin-bottom: 3em;}
.ht-section-title{
    font-size: 33px;
    color: #323232;
    margin: 0 auto;
    font-weight: bold;
    line-height: 60px;
    word-break: break-word;
    position: relative;
}
.darkbox .ht-section-tagline{
    font-size:16px;
    width: 70%;
    margin: 0 auto 0;
    color:#fff;
}
.ht-main-title{
    position: relative;
    margin: 0 0px 0px 0;
    padding: 0 15px;
    z-index: 1;
}
.ht-main-title:before{
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 7px;
    background: #FFC400;
    border-radius: 17px
}
.category .ht-main-title {  margin: 0 0 1.5em;}
.ht-site-title, .site-title{
    font-weight: 600;
    font-size: 32px;
    line-height: 1;
    padding: 0;
}
.ht-site-title a, .site-title a{ text-decoration: none;color: #4a4a4a;}
.ht-site-description{
/*    color: #ffffff;*/
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0 0 0;
}
.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;}
/*======= side bar ===========*/
.woocommerce .widget_price_filter .price_slider_amount {
    text-align: center !important;
    padding: 0 2px !important;
    
}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
/*.page-main-header { text-align: center;}*/
.breadcrumbbox { position: relative; padding: 0em 0em; z-index: 1;margin-bottom: 3px;width: 40%;}
.breadcrumbbox span{ color:#000; margin:0 1px;}
.breadcrumbbox .bread-arrow {display: none;}
.breadcrumbbox span.root {
    padding: 0px 18px 0px;
    border-radius: 0px 36px 0px 26px;
    margin-right: 0;
}
.breadcrumbbox span.treeEnd {padding: 9px 10px 10px;}
.breadcrumbbox i {
    font-size: 20px;
    font-weight: 100;
    top: 0px;
    position: relative;
}
header .woocommerce-breadcrumb,
.breadcrumbbox .button {
    padding: 10px 0 10px !important;
    display: inline-block !important;
    font-size: 24px;
    font-weight: 500;
    border-radius: 0;
    position: relative;
    z-index: 1;
}

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

/*----------------------------------------*/
/*  01. Header Area
/*----------------------------------------*/
header .nav-menus{display: none;}
.page-main-header .headinnbox {
    position: relative;
    overflow: hidden;
}
.logo-header.mostion {padding: 3px 0;}
.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;}
.single-header-info li:nth-of-type(2n):before {
    content: "|";
    padding: 0px 1px 0px 1px;
    color: #ffffff;
    font-weight: 600;
}
.logo { padding: 0;}
.logobox img{ position: relative;}
header.site-header .main-dispaly.padding0 {  padding-right: 0;}

/*menu Hover bg color*/
.navigation .mainmenu li::before{
    content: '';
    position: absolute;
    overflow: hidden;
    background: #323232;
    height: 100%;
    width: 100%;
    border-radius: 0px 0px 17px 16px;
    transform: translateX(-50%) scaleX(0);
    top: 0;
    left: 50%;
     z-index: -1;
     opacity: 0;
     transition: all 0.3s;
}
.navigation .mainmenu li:after{
    content: '';
     position: absolute;
    overflow: hidden;
    background: #fff;
    height: 2px;
    width: 80%;
    border-radius: 10px;
    transform: translateX(-50%) scaleX(0);
    top: 1px;
    left: 50%;
     z-index: -1;
     opacity: 0;
     transition: all 0.3s;
}
.navigation .mainmenu li.current_page_item:before,
.navigation .mainmenu li:hover:before{
    /*bottom: 0;height: 100%;opacity: 1;*/
     transform: translateX(-50%) scaleX(1);opacity: 1;
}
.navigation .mainmenu li.current_page_item:after,
.navigation .mainmenu li:hover:after{
    transform: translateX(-50%) scaleX(1);opacity: 1;
}
.navigation .mainmenu ul.sub-menu li:before,
.navigation .mainmenu ul.sub-menu li:after{display: none;}


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

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

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.navigation .mainmenu ul.sub-menu li { 
    list-style-type: none;transition: all 0.5s;
    border-bottom: 1px solid #f1f1f1;
    transition: all 0.5s;
    border-radius: 0px;
}
.navigation .mainmenu li:hover ul.sub-menu{
    left: auto;
    text-align: left;
    transition: all 0.5s;
   animation: zoomIn .8s ease-in-out;
    border-radius: 0px;
/*   transform: rotate(-30deg) translateY(30px);*/
}

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);
}
.navigation .mainmenu li ul li{
    display:block; 
    position:relative; 
    float:none; 
    line-height:18px; 
    margin-left:0; 
    margin-right:0; 
    -webkit-transform: skew(0deg); 
    -ms-transform: skew(0deg); 
    transform: skew(0deg); 
    /*box-shadow: 0 0 6px rgba(0,0,0,0.15);*/
}

.navigation .mainmenu li ul li a{
    display:block; 
    padding: 5px 0px;
    position:relative;
    top:0; 
    text-align:left; 
    z-index: 1;
}
.navigation .mainmenu li:hover ul.sub-menu li {
    opacity: 1;
    visibility: visible;
}
.navigation .mainmenu ul.sub-menu li a {
    font-size: 14px;
    position: relative;
    color: #3b3fb2;
    font-weight: 600;
    margin-right: 25px;
}
.navigation .mainmenu ul.sub-menu li a:hover {
    background: #fff;
    z-index: 200;
}
.navigation .mainmenu ul.sub-menu li a {
    list-style-type: none;
    font-size: 13px;
    font-weight: 400;
    padding: 12px 8px 12px 20px;
    display: inline-block;
    width: 100%;
    margin: 0px;
}
.ht-sticky-header .header-transparent {
    position: fixed !important;
    left: 0;
    right: 0;
}

/* = Navigation 3rd level css
-------------------------------------------------------------- */

.navigation .mainmenu li:hover ul li:hover > ul{
    display:inline-block; 
    position:absolute; 
    left:100%; 
/*    top:-1px; */
    /*-ms-animation: fadeInRight .3s ease-in-out; 
    -webkit-animation: fadeInRight .3s ease-in-out; 
    animation:fadeInRight .3s ease-in-out; */
    z-index: 1;
}

.header.site-header ul.sub-menu li a {
    font-size: 15px;
    /*    transition: all 0.5s ease 0s;*/
    font-weight: 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;
}

.navigation .mainmenu ul.sub-menu li.current_page_item a, 
.navigation .mainmenu ul.sub-menu li:hover a{background-color: #f2f2f2;transition: all 0.3s;}
.navigation .mainmenu ul.sub-menu li:hover a{padding: 12px 8px 12px 30px;transition: all 0.3s;}
 .header.site-header ul.sub-menu li a:before {
    content: "\f0ec";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    margin-top: -.6em;
    margin-left: -22px;
    margin-right: 5px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;

    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
   /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
    font-size: 1em;
}
.header.site-header ul.sub-menu li:hover a:before { margin-left: 14px; opacity: 0;}
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;
}
.home.page-template .site-header,
.page-template .site-header, .page-template-default .site-header, .site-header{
    z-index: 99999;
    position: absolute;
    width: 100%;
    background: none;
    margin-top: 17px;
}
.page-template .site-header,
.page-template-default .site-header,
.site-header {
    z-index: 99;
    position: absolute; ;
    width: 100%;
    background: none;
}
.page-main-header {
    position: relative;
    overflow: hidden;
}
/*==== start====*/
.page-template-defaul .page-main-header {
    position: relative;
    width: 100%;
    background: none;
}
header .innerhead-overlay{
     content: '';
    position: absolute;
    left: 0;
    right: 46%;
    top: 0;
    bottom: -6em;
    background: #323232;
    border-radius: 0 0 85% 0%;
}
header.page-main-header .innheadlhs {
    position: relative;
    padding: 15.7em 0 4.2em;
}
/*====end ====*/
.site-header ul,
.site-header ol {
    margin-bottom: 0;
}
/*without top bar*/
.extra-nav {
    float: right;
    padding: 26px 0;
    position: relative;
    z-index: 9;
}
.extra-nav .site-button-link{
    font-size:15px;
}
.extra-nav .extra-cell {
    display: inline-block;
    margin-left: 10px;
}
@media only screen and (max-width: 767px) {
    .extra-nav {
        margin-right: 15px;
    }
}

@media only screen and (max-width: 480px) {
    .extra-nav {
        margin: 0 1px 0 0;
        text-align: right;
    }
}
.new-page{
    padding: 2px 5px;
    font-size: 10px;
    background: #ff0000;
    color: #fff;
    border-radius: 4px;
    vertical-align: middle;
    margin-left: 2px;
}
.new-page.menu-new{
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 3px 4px;
    line-height: 10px;
}

/* map page header*/

#header-part.fix-map-header .main-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

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

header .mobi1 {
    display: none;
}
header .head-menubx {
    position: relative;
    padding: 0em 0.3em 0 5.5em;
    border-radius: 14px;
}

/* top-header
-------------------------------------------------------------- */
header .htop {position: relative; padding: 13px 0 5px;}
header .hphone i{font-size: 22px; padding-right: 8px; top: 2px; position: relative;}
header .hphone{font-size: 22px;font-weight: 800;text-align: right;padding-right: 2em;}   
header .hphone a{font-weight: 500;}
header .hphone .head-icon, header .htop button.share-icn, header .headphone{display: none;}
header .share-btn {position: relative;float: right;margin-right: 10px;}
header .share-btn li{
    display: inline-block;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    text-align: center;
    margin: 0 12px;
    position: relative;
    overflow: hidden;
}
header .share-btn li a{
    border-radius: 0;
    width: 32px;
    line-height: 32px;
    height: 32px;
    font-size: 20px;
    display: block;
    color: #fff;
    background: #323232;
    transition: all 0.5s;
}
header .share-btn li i{font-weight: 600;}
header .share-btn li:hover{
/*    animation: spin .4s;*/
    border-radius: 50%;
    transition: all 0.5s;
/*    transform: rotateY(180deg);*/
}
/*---------------------------------------------------------------
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 a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  padding: 2px 0;
}
.sf-arrows .sf-with-ul { padding-right: 0em !important;}

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

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

/* = Navigation sticky header css
-------------------------------------------------------------- */
/*.mobi1{display: none;}*/
.site-navigation {
    margin-top: 0px;
    display: inline-block;
    padding: 0 0 10px;
    float: right;
}
.header-transparent .sticky-header {
    padding: 14px 0;
    text-align: right;
}
.header-seo.header-transparent .is-fixed .main-bar ul {
    padding: 5px 0 10px;
    text-align: center;
}
.header-seo.header-transparent .is-fixed .main-bar ul ul.sub-menu { padding: 0px;}
.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {
    top: 10px;
    position: relative;
}
.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {  top: 8px;}
header.site-header .dlab-topbar-left {  position: relative;  top: 13px;}


/*----------------------------------------*/
/*  Slider Area
/*----------------------------------------*/

.slider_section{
    position: relative;
    overflow: hidden;
    background: #F6E8DA;
    padding-top: 10em;
}
.slider_section .msli-oly{
    content: '';
    position: absolute;
    left: 0;
    right: 43%;
    top: 0;
    bottom: 4em;
     background: #323232; 
    border-radius: 0 0 90% 0%;
}
.slider_section .owl-dots {  display: none;}
.slider_section .sliderimg{
    position: relative;
    float: right;
    /*right: 10%;*/
    margin-bottom: 4.2em;
}
.slider_section .slider_content {
    width: 700px;
    box-sizing: border-box;
    /*height: 350px;*/
}
.slider_section .title {
    position: relative;
    font-size: 70px;
    font-weight: 700;
    word-break: break-word;
    line-height: 98px;
}
.slider_section .text{
    font-size: 25px;
    font-weight: 400;
    word-break: break-word;
    padding: 0em 0em;
    margin: 0.9em 10em 0.5em 0;
    color: #777777;
    line-height: 36px;
}
/*====== btn ====*/
.slider_section .btn5 { margin-top: 10px;}
.slider_section .btn5 a {
        position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    word-break: break-all;
    padding: 9px 56px 7px 13px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    z-index: 1;
    transition: all 0.4s ease 0.5s;
    border: 2px solid #FFFFFF;
    border-radius: 8px;
    text-decoration: none;
    transition: all .3s ease-out;
    margin: 1.3em 0 0;
}
.slider_section .btn5 a span {
    position: absolute;
    background: #D4D4D4;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 5px;
    width: 21%;
    transition: all .3s ease-out;
}
.slider_section .btn5 a:hover{transition-delay: 0.4s;}
.slider_section .btn5 a:hover span{width: 100%; transition: all .3s ease-out;}
#slider .owl-carousel{display: block;}
.slider_section .owl-theme .owl-dots {
    position: absolute;
    bottom: 50%;
    right: 0px;
    display: none;
}
.slider_section .owl-nav{ display: block;}
.slider_section .owl-nav .owl-prev ,
.slider_section .owl-nav .owl-next{
    position: absolute;
    top: 48%;
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: none;
    width: 51px;
    height: 44px;
    /* line-height: 50px; */
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: none;
    border: 2px solid #D88E2D !important;
}
/*.slider_section:hover .owl-nav .owl-prev ,
.slider_section:hover .owl-nav .owl-next{opacity: 1;}*/

.slider_section .owl-nav .owl-prev {left: -4.5%;}
.slider_section .owl-nav .owl-next {right: -5%;}

.slider_section .owl-nav .owl-prev span,
.slider_section .owl-nav .owl-next span {
    font-size: 50px;
    color: #fff;
    line-height: 12px;
    font-weight: 300;
    position: relative;
    font-family: 'Poppins', sans-serif;
}
.slider_section .owl-nav .owl-prev span{left: -4px;}
.slider_section .owl-nav .owl-next span{right: 4px;}
.slider_section .owl-nav .owl-prev:focus,
.slider_section .owl-nav .owl-next:focus {
    outline: 0;
}
.slider_section .owl-nav .owl-prev:hover,
.slider_section .owl-nav .owl-next:hover {
    background: #000 !important;
}
.slider-area {position: relative;}
.swiper-container.slider-top{position: absolute;left: 0;top: 0;}
.slider_section .swiper-wrapper{box-sizing: border-box;}
.slider_section .swiper-container {
        width: 900px;
        height: 375px;
        margin: 20px auto;
}
.swiper-container.slider-thumbs {
    transform: rotate(-47deg);
    margin: 14.5em 0 9em 11.2em;
}
.swiper-container.slider-thumbs .swiper-slide-container{
    display: block;
    text-align: center;
    padding-top: 2em;
}
.swiper-container.slider-thumbs .swiper-slide-active .swiper-slide-container{padding-top: 0;}
.swiper-container.slider-thumbs
.slider_section .swiper-slide-container {
    font-size: 18px;
  height:100%;
  margin:auto;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.slider_section .slider-top {
        height: 100%;
        width: 100%;
        z-index: 0;
}
.slider_section .slider-top .swiper-slide-container{
    display: block;
    margin-top: 2em;
}
.slider_section .slider-thumbs .swiper-slide {height: 100%;}
.slider_section .slider-thumbs .swiper-slide.swiper-slide-active{width: 305px !important;}
.slider_section .slider-thumbs .swiper-slide-active img.slide-mainimg{
        width: 301px;
        height: 301px;
        border: 10px solid #fff;
}
.slider_section img.slide-mainimg {
   width: 111px;
    height: 111px;
    border-radius: 100%;
    border: 5px solid #fff;
    transform: rotate(47deg);
}
/*----------------------------------------*/
/*   Service Area
===========================
/*----------------------------------------*/
.service-area .inn-single-service-bx { display: none;}
#service { position: relative;overflow: hidden;}
#service .service-imgovly1 {
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.9s ease;
}
#service .service-imgovly2 {
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.9s ease;
}
#service:hover .service-imgovly1,
#service:hover .service-imgovly2 {
    transform: scale(1.09);
    -webkit-transform: scale(1.09);
    -moz-transform: scale(1.09);
    -o-transform: scale(1.09);
    -ms-transform: scale(1.09);
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}
.service-area .single-service-bx {   
 margin-bottom: 3.9em;
    position: relative;
    padding: 0 28px;
    transition: all 0.5s;
}
.service-area .single-service{
    position: relative;
    overflow: hidden;
    border-radius: 0;
    transition: all 0.5s;
}
.service-area .service-numb {
    position: absolute;
    left: 0;
    top: 0;
    width: 108px;
    height: 97px;
    padding: 6px 9px;
    z-index: 1;
    background: #FFC400;
    /* text-align: center; */
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.service-area .service-numb h5{font-size: 40px;font-weight: 700;color: #323232;}
.service-area .service-icon { position: relative; }
.service-area .service-icon img {
    width: 100%;
    height: 439px;
    border-radius: 0;
    transition: all 0.5s;
}
.service-area .single-service:hover .service-icon img{
    transform: scale(1.15);
    transition: all 0.5s;
}
.service-area .service-icon .ser-ovly{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
     transition: all 0.5s;
}
.service-area .single-service:hover .service-icon .ser-ovly{
     opacity: 0.4;
}
.service-area .sertxbx {    
    padding: 2.6em 1em 0.3em;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, #00000085 100%, #898787 100%);
    transition: all 0.9s ease;
}
.service-area .single-service:hover .sertxbx{
   padding: 2.6em 1em 2.5em;
    transition: all 0.9s ease;
}
.service-area h4 {font-size: 25px;font-weight: 700;margin: 0;line-height: 33px;}
.service-area p {padding: 0;font-size: 16px;margin: 0;line-height: 25px;}
.service-area i{margin-left: 5px;}


/*----------------------------------------*/
/*  About Area
/*----------------------------------------*/
#about { position: relative; overflow: hidden;}
#about .abt-rbx {position: relative; padding: 0;z-index: 1;}
#about .abtright-box{
    position: relative;
    padding: 2em 16em 0em 1em;
    text-align: right;
    background-image: linear-gradient(90deg,#FFC400 19%,#fff 15%);
}
#about .abtsection-title {position: relative;width: 100%;}
#about .about-area-bx{position: relative;z-index: 9;padding: 42px 0 0;}
#about .aboutus-post-wrap{margin-top: 1.5em;}
#about .abtsection-title .abt-title{position: relative;display: inline-block;}
#about .abtsection-title h2{
    font-size: 89px;
    font-weight: 700;
    margin: 0;
    line-height: 133px;
}
#about .section-subtitle h3 {
    font-size: 52px;
    font-weight: 500;
    line-height: 78px;
    margin: 0;
}
#about .section-subtext p{
    font-size: 22px;
    font-weight: 500;
    margin: 0.6em 2em 0.1em 0;
    line-height: 33px;
}
#about .about-area-data h4{
    font-size: 28px;
    margin: 0 0 2px;
    font-weight: 500;
    line-height: 40px;
}
#about .about-area-data p{font-size: 18px;padding: 0; margin: 0;}
#about .aboutus-single {
    margin-bottom: 2.3em;
    padding: 0;
    transition: all .2s linear;
    text-align: right;
}
#about .about-data {padding: 0 12px;}
#about .aboutus-single:hover .hi-icon{
    transition: all 0.5s;
    animation: zoomInUp .5s ease-in-out;
}
#about .about-icon {padding: 0 5px;}
#about .hi-icon {
    font-size: 38px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 20px;
    text-align: center;
    margin-top: 2px;
    background: #e5e5e5;
}
#about .about-text p{
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}
#about .abt-btn a{
    margin-top: 0.8em;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 10px 65px 10px 16px;
    border-radius: 50px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    z-index: 1;
    transition: all 0.2s ease 0.4s;
    border: 2px solid #000000;
    border-radius: 8px;
    transition: 0.5s;
}
#about .abt-btn a span{
    position: absolute;
    background: #D4D4D4;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 8px;
    width: 21%;
    transition: 0.5s;
}
#about .abt-btn a:hover span{
     width: 100%;
     transition: 0.5s;
}
#about .aboutarea-img { position: relative;transition: all .2s linear; }
#about .about-area-bx:hover .aboutarea-img:after{
    bottom: 80px;
    border-radius: 50px 50px 0px 50px; 
    transition: all .4s linear;
    transform: rotate(-45deg);
}
#about .aboutarea-img img{
    position: relative;
    border-radius: 0;
    transition: all .4s linear;
    width: 100%;
    height: 347px;
    border: 1px solid #707070;
    z-index: 1;
}
#about .about-ovly{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.2;
    z-index: 1;
}

/*--------------------------------------------------------------
## banner Section  ##
--------------------------------------------------------------*/
#banner-section{ position: relative;overflow: hidden;}
#banner-section .banner-shapetext {position: relative;padding: 1em 1em 0;}
#banner-section .banner-shapetext h4{
    font-size: 120px;
    line-height: 180px;
    font-weight: 700;
    color: #323232;
    text-align: right;
}
#banner-section .banner-titlerea {
    position: relative;
    padding: 2.6em 0em 2em;
    text-align: center;
}
#banner-section .banner_title h2{
    font-size: 54px;
    font-weight: 300;
    line-height: 70px;
    letter-spacing: 8px;
    margin: 0;
}
#banner-section .banner-bx { position: relative;}
#banner-section .banner-textarea{position: relative;padding: 2em 0;}
#banner-section .banner_subtitle h3 {
    font-size: 54px;
    font-weight: 800;
    line-height: 70px;
    color: #000;
    margin: 0 0 9px 0;
    position: relative;
}
#banner-section .banner_distitle p{
    font-size: 20px;
    font-weight: 400;
    line-height: 38px;
    margin-bottom: 0px;
    position: relative;
    border-left: 2px solid #FFFFFF;
    padding: 1.1em 0em 1em 1.6em;
    width: 526px;
}

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

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

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

/*----------------------------------------*/
/*   oursteps Area
/*----------------------------------------*/

#oursteps{ position: relative;overflow: hidden; background: #323232;}
#oursteps .section-title h2{font-size: 45px;}
#oursteps .section-title{ margin: 14px 0 30px; }
#oursteps .steps-imgsec1 {
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.9s ease;
}
#oursteps .steps-imgsec2 {
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.9s ease;
}
#oursteps:hover .steps-imgsec1,
#oursteps:hover .steps-imgsec2 {
    transform: scale(1.09);
    -webkit-transform: scale(1.09);
    -moz-transform: scale(1.09);
    -o-transform: scale(1.09);
    -ms-transform: scale(1.09);
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}
#oursteps .oursteps-bx{position: relative;margin-bottom: 1.6em;}
#oursteps .oursteps-post{ text-align: center;  position: relative;margin: 23px 0 0;}
#oursteps .oursteps-icon img{
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 113px;
    width: 113px;
    margin: 0 auto;
    border-radius: 50%;
    border: 0.5px solid #FFFFFF;
    padding: 5px;
    z-index: 0;
}
#oursteps .oursteps-post:hover .oursteps-icon:after { top: 0;}
#oursteps .Numrical {
    position: absolute;
    top: -0.5em;
    right: 0;
    margin-right: 8em;
    z-index: 1;
}
#oursteps .Numrical h3 {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #dedede;
    margin: 0;
    width: 52px;
    height: 52px;
    line-height: 52px;
    background: #d33;
    margin: 0 auto;
    border-radius: 50px;
    transition: all 0.5s ease 0s;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
#oursteps .oursteps-bx:hover .Numrical h3 {
   animation: bounceIn ease-in-out 3s infinite alternate;
}
#oursteps .oursteps-bx .oursteps-button i {
    position: absolute;
    top: 17%;
    right: -10%;
    font-size: 46px;
    font-weight: 100;
    padding: 0 0px;
    opacity: 1 !important;
}
#oursteps .oursteps-bx:nth-last-child(2) .oursteps-button i,
#oursteps .oursteps-bx:nth-last-child(5) .oursteps-button i,
#oursteps .oursteps-bx:nth-last-child(8) .oursteps-button i {display: none !important;}
#oursteps h5.title {
    font-weight: 700;
    font-size: 28px;
    line-height: 42px;
    text-align: center;
    word-break: break-word;
    text-decoration: none;
    padding: 12px 0 1px;
    margin: 0;
}
#oursteps .details p {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin: 0 2em;
}

/*----------------------------------------*/
/*  Testimonials Section 
/*----------------------------------------*/
#testimonials{position: relative;overflow:hidden;}
#testimonials .ts-title-area{padding: 0;}
#testimonials .section-title {
   margin: 0.2em 7em 1.2em 0;
    position: relative;
}
#testimonials .section-title h2{
    font-size: 60px;
    line-height: 68px;
    padding: 0;
}
#testimonials .section-text p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 1.9em;
}
#testimonials .section-subtitle h4 {
    font-size: 30px;
    font-weight: 400;
    line-height: 46px;
    border: 2px solid #FFC400;
    border-radius: 45px;
    padding: 7px 30px 7px 30px;
    display: inline-block;
    margin-left: 4px;
}
#testimonials .testimonials-single-area{position: relative;margin-top: 12px;}
#testimonials .tetimonoal-area {
    position: relative;
    padding: 0;
    margin: 0;
    background: #323232;
    border-radius: 16px;
}
.testimonials-area .ts-area-single {
    position: relative;
    padding: 1em 0em 0.5em 0.5em;
    transition: all 0.3s ease 0s;
}
.testimonials-area .ts-area-single:hover{transition: all 0.3s ease 0s;}
.testimonials-area .ts-area-thumb {
    position: relative;
    transition: all 0.3s ease 0s;
}
.testimonials-area .ts-area-thumb img {
    position: relative;
    border-radius: 50%;
    height: 56px;
    width: 56px !important;
    transition: all 0.3s ease 0s;
}
.testimonials-area .tetimonoal-area:hover .ts-area-thumb img{
    border-color: #000;
    transition: all 0.5s ease 0s;
}
.testimonials-area .tetimonoal-area:hover .ts-area-thumb:before{transition: all 0.5s ease 0s;}
.testimonials-area .ts-area-content{
    position: relative;
    padding: 10px 0 5px 5px;
    transition: all 0.5s ease 0s;
    text-align: center;
}
.testimonials-area h3{
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    margin: 10px 0 0 20px;
    transition: all 0.3s ease 0s;
}
.testimonials-area .no-gutter > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.testimonials-area .text-designation {
    font-size: 15px;
    font-weight: 300;
    line-height: 23px;
    margin-top: 16px;
    padding: 0px 0 1px 5px;
    position: relative;
    background: #FFC400;
    border-radius: 28px 0px 0px 28px;
    z-index: 9;
}
.testimonials-area .ts-area-c p {
    margin: 0px 60px 10px 0;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    padding-left: 5px;
}
.testimonials-area .ts-area-c{position: relative;}
.testimonials-area .ts-area-c:after {
   content: "\f10e";
    font-family: 'Fontawesome';
    font-size: 40px;
    color: #FFC400;
    right: 15px;
    top: -2px;
    position: absolute;
    /* margin: 3px 0 0 10px; */
    font-weight: 400;
    font-style: normal;
}
#testimonials .owl-carousel {display: block !important;}
.testimonials-area .owl-dots{display: block !important;}
.testimonials-area .owl-theme .owl-nav {display: none !important;}
.testimonials-area  .owl-theme .owl-dots .owl-dot{    
    background: none;
    padding: 0;
    box-shadow: none;
}
.testimonials-area  .owl-theme .owl-dots .owl-dot span {
    width: 23px;
    height: 23px;
    margin: 5px 10px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    background: #000;
}

.testimonials-area .wrapper{
  height: auto;
   width: auto;
}
/*.wrapper{
  height: auto;
  width: 300px;
}*/
.testimonials-area .owl-carousel-vertical{
  transform: rotate3d(0, 0, 1, 90deg);
}
.testimonials-area .owl-carousel-vertical .item{
  transform: rotate3d(0, 0, 1, -90deg);
}
.testimonials-area .swiper-container {
    /*width: 100%;*/
    /*max-width: 940px;*/
    height: 378px;
    margin: 0.8em 0 0 2.2em;
}


/*--------------------------------------------------------------
## FAQ Section
--------------------------------------------------------------*/
#faq-section {
    position: relative; 
    overflow: hidden;
}
#faq-section .faqinn-leftbxcon{display: none;}
#faq-section .faqinn-rightbxcon{width: 100%;}
#faq-section .faq-leftbx{position: relative;margin-right: 1.5em;}
#faq-section .faqlfbx-detail{position: relative;margin-right: 7.9em;padding: 5.6em 0 5em;}
#faq-section .faqlfbx-detail:after{
    content: '';
    position: absolute;
    left: -25em;
    right: 0;
    top: 0;
    bottom: 0;
    background: #323232;
    z-index: 0;
}
#faq-section .lhsbx{position: relative;overflow: hidden;}
#faq-section .leftbx-content{position: relative;}
#faq-section .faq-brd{
    border: 30px solid #FFC400;
    border-radius: 50%;
    width: 402px;
    height: 402px;
    float: right;
    margin-right: -54%;
    z-index: 1;
    position: relative;
}
#faq-section .faq-heading {
    position: absolute;
    overflow: hidden;
    padding: 0em 0;
    top: 10.3em;
    right: 0;
    width: 254px;
    height: 254px;
    padding: 20px 20px 20px 28px;
    border-radius: 50%;
    background: #FFC400;
    clip-path: polygon(0 0, 100% 0, 100% 40%, 59% 100%, 0 100%);
}

#faq-section .faq-heading::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 60%;
    top: 40%;
    border-radius: 200px 0 0;
    z-index: 2;
    transition: all ease 0.5s;
    background: transparent linear-gradient(136deg, #FFFFFF 0%, #D1D1D1 100%) 0% 0% no-repeat padding-box;
}
#faq-section .faq-heading h2{
       position: relative;
    font-size: 59px;
    font-weight: 700;
    line-height: 59px;
    top: 31%;
}
#faq-section .subtitle{
    margin: 0px 0 220px;
    position: absolute;
    transform: rotate(-90deg);
    z-index: 1;
    bottom: 0px;
    top: 3.7em;
}
#faq-section .subtitle h1{ 
    font-size: 22px;
    font-weight: 400;
    margin: 0;
    word-spacing: 2px;
}
#faq-section .subtitle h1:after{
   content: '';
    position: absolute;
    right: -43px;
    top: 13px;
    background: #fff;
    width: 35px;
    height: 1px;
}
#faq-section .faq-content-inn {     
    position: relative;
    background: #0A3755;
    margin-bottom: 0px;
     border-radius:35px 35px 0 20px;
     margin-top: -38px;
 }
#faq-section .faq-content {
    position: relative;
    border-bottom: 0.5px solid #707070;
}
#faq-section .faq-content:last-child{border: none;}
#faq-section .faq-content:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 32px;
    background: #323232;
}
#faq-section .faq-content button.accordion {
    position: relative;
    color: #444;
    cursor: pointer;
    width: 100%;
    transition: 0.4s;
    margin: 10px 0 5px 0px;
    padding: 10px 45px 27px 18px;
    transition: all 0.2s ease 0s;
    box-shadow: none;
    border-radius: 0;
    background: none !important;
}
#faq-section .faq-content button.accordion.active, button.accordion:hover {
    transition: all 0.2s ease 0s;
    opacity: 1;
    margin-top: 0;
}
#faq-section .faq-content button.accordion.active{padding: 10px 45px 5px 18px;margin-bottom: 0;}
#faq-section .faq-content button.accordion h4:before{
    content: '';
    position: absolute;
    left: -5px;
    top: 21px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #FFC400;
}
#faq-section .faq-content button.accordion:before {
    content: "\f067";
    font-family: 'Fontawesome';
    font-size: 16px;
    right: 10px;
    position: absolute;
    top: 15px;
    font-weight: 300;
    line-height: 25px;
    transition: all 0.2s ease 0s;
    z-index: 1;
}
#faq-section .faq-content button.accordion.active:before {
    content: "\f068";
    font-family: 'Fontawesome';
    transition: all 0.2s ease 0s;
}
#faq-section .faq-content div.panel {
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin: 0px 0 0px 0;
    border: none;
   /* background: linear-gradient(0deg,#8972ea,#516ced 80%) no-repeat;*/
    border-radius: 0 0 ;
    padding: 1px 20px 1px 20px;
    box-shadow:none;
}
#faq-section .faq-content div.panel.show {opacity: 1;max-height: 500px;padding: 2px 50px 11px 20px;}
#faq-section h4.faq-title {
    padding-right: 0px;
    font-weight: 700;
    line-height: 37px;
    word-break: break-word;
    text-align: left;
    font-size: 22px;
    margin-bottom: 0;
}
#faq-section .faq-content p {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0px;
    margin-bottom: 0;
    word-break: break-word;
}


/*----------------------------------------*/
/* 10. Blog Area
/*----------------------------------------*/
.blog-area {position: relative;overflow: hidden;}
.blog-area .section-title { margin-bottom: 6.6em;}
.blog-area .section-title h2{font-size: 64px;}
.blog-area .blog-post {padding: 0 13px;margin-bottom: 1.7em;}
.blog-area .box-area-S { border-radius: 0 0 8px 8px;}
.blog-area .blog-single {
    position: relative;
    padding: 26px 0px 19px 0px;
}
.blog-area .box-area-S .blog-thumbnail{ position: relative;}
.blog-area .box-area-S .blog-imgarea{position: relative;overflow: hidden; border-radius: 0;}
.blog-area .blog-thumbnail img{
    width: 100%;
    height: 241px;
    /* transform: scale(1); */
    transition: all 1s ease 0s;
    border-radius: 0;
}
.blog-area .box-area-S .blog-overlay{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
.blog-area .box-area-S .blog-imgarea:before,
.blog-area .box-area-S .blog-imgarea:after,
.blog-area .box-area-S .blog-imgarea .blog-overlay:before,
.blog-area .box-area-S .blog-imgarea .blog-overlay:after{
    content:"";
    width: 50%;
    height: 50%;
    position: absolute;
    background: #323232;
    opacity: 0.4;
    transition: all 0.40s ease-in-out 0s;
}
.blog-area .box-area-S .blog-imgarea:before{top: 0;left: -100%;}
.blog-area .box-area-S:hover .blog-imgarea:before{left:0;}
.blog-area .blog-imgarea:after{
    top: -100%;
    right: 0;
    opacity: 0.7 !important;
}
.blog-area .box-area-S:hover .blog-imgarea:after{top:0;}
.blog-area .blog-imgarea .blog-overlay:before{
    left: 0;
    bottom: -100%;
    opacity: 0.7 !important;
}
.blog-area .box-area-S:hover .blog-overlay:before{bottom:0;}
.blog-area .blog-imgarea .blog-overlay:after{bottom: 0;right: -100%;}
.blog-area .box-area-S:hover .blog-overlay:after{right:0;}
.blog-area .blog-admin li {
    list-style: none;
    display: inline-block;
    position: relative;
    z-index: 1;
    font-weight: 500;
}
.blog-area .blog-admin{
    position: absolute;
    top: -26px;
    left: 44px;
    right: 15px;
    font-size: 18px;
    font-weight: 500;
    color: #543602;
    padding: 7px 20px 7px;
    background: #323232;
    border-radius: 26px;
}
.blog-area .blog-adminbx {
    position: relative;
    float: left;
    width: 50%;
    display: inline-block;
    padding: 6px 0 5px;
}
.blog-area .blog-comment{
    position: relative;
    text-align: right;
    width: 48%;
    display: inline-block;
    border-left: 2px solid #fff;
    padding: 5px 0;
}
.blog-area .blog-admin i{font-size: 20px;font-weight: 500;margin-right: 11px;}
.blog-area .blog-posts h4{
    font-size: 30px;
    font-weight: 700;
    margin: 5px 0 0px;
    line-height: 44px;
    word-break: break-word;
}
.blog-area .blog-single p{
    font-size: 20px;
    margin-bottom: 0;
    line-height: 30px;
    font-weight: 400;
    padding: 0;
}
.blog-area .blogbtn a span{padding-left: 4px;}
.blog-area .blogbtn a{
    margin-top: 10px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 3px 46px 4px 13px;
    background: #000;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    z-index: 1;
    border: 2px solid #FFC400;
    border-radius: 8px;
    text-decoration: none;
}
.blog-area .blogbtn a span {
    position: absolute;
    background: #FFC400;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 2px 5px;
    width: 15%;
    text-align: center;
    transition: all 0.3s;
}
.blog-area .blogbtn a:hover span{ width: 100%; transition: all 0.3s ;}
.blog-area .swiper-pagination {
    margin: 0;
    padding: 0;
    width: auto;
    position: relative !important;
    display: block;
}
.blog-area .swiper-pagination .swiper-pagination-bullets {margin: 0;}
.blog-area .swiper-pagination .swiper-pagination-bullet {
    margin: 0 15px;
    background: #000;
    width: 11px;
    height: 11px;
}
.blog-area .swiper-pagination-bullet {
    background: #000 !important;
}
.blog-area .swiper-pagination-bullets.swiper-pagination-horizontal {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    bottom: 0;
    top: 0;
    bottom: 0;
    width: auto;
}

/*----------------------------------------*/
/*   Footer Area
/*----------------------------------------*/
.footer-area { position: relative;background: #323232;}
.f-newsletterbx .ftnwsfm{ padding:3em 2em;}
.footer-area .newstitle h3 {
    position: relative;
    font-size: 39px;
    color: #fdfdfd;
    font-weight: 400;
    line-height: 59px;
    margin: 0em 0em 0.5em 0;
    padding: 0;
}
.footer-area .footer-imgovly1 {
    position: absolute;
    left: 0;
    top: -8.2em;
    z-index: 1;
}
.footer-area .footer-imgovly2 {
    position: absolute;
    right: 0;
    top: -13.3em;
    z-index: 1;
}
.footer-area .fbox {
    width:100%;
    padding: 0;
    position: relative;
}
.footer-area i { 
    width: 31px;
    height: 31px;
    line-height: 31px;
    font-size: 16px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background: #323232;
    margin-right: 13px;
}
.footer-area li {
    position: relative;
    display: block;
    margin-bottom: 18px;
    font-size: 15px;
    font-weight: 500;
    padding: 0 0 0 27px;
}
.footer-area li a {font-weight: 400;text-decoration: none;font-size: 16px;}
.footer-area li:before {
    content: " ";
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 6px;
    border-radius: 50%;
}
.footer-area .gallery-item {padding-right: 13px;padding-bottom: 13px;}
.footer-area ul {margin: 0 0 15px 00px;}
.footer-area .newsletter-box { position: relative; padding:0;overflow: hidden;}
.footer-area .newsletter-box .subscribe_shortcode p{margin-bottom: 0;}
.footer-area p { 
    position: relative;
    margin-bottom: 30px;
    line-height: 22px;
    font-size: 16px;
    z-index: 1;
    word-break: break-all;
}
footer#footer.footer-area .widget-title {   
    margin-top: 21px;
    margin-bottom: 27px;
    font-size: 30px;
    font-weight: 700;
}
.footer-area .widget_media_image{padding: 0 4em 0.5em;}
.footer-area .single-footer-1 aside:first-child{
    position: relative;
    z-index: 1;
    margin-right: 1.5em;
    padding-left: 12px;
}
.footer-area .single-footer-1 aside:first-child:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -35em;
    right: 0;
    border-radius: 0px 0px 246px 0px;
    background: #323232;
    z-index: -1;
}
.footer-area .single-footer-1 aside:first-child:after{
    content: '';
    position: absolute;
    top: 45%;
    right: 5px;
    width: 73px;
    height: 73px;
    border-radius: 0px 0px 246px 0px;
    box-shadow: 0px 0px 6px #00000029;
    background: #fff;
    border-radius: 50%;
    z-index: -1;
    animation: bounceOut 5s infinite alternate;
}
.footer-bottom-area ul li {display: inline-block;margin-left: 40px;margin-bottom: 0;position: relative;}
.footer-area .bottom-area {position: relative;}
.footer-area .bottom-area ul { margin-bottom: 0;}
.footer-text, .footer-text a {font-size: 18px;font-weight: 400;text-align: center;}
.footer-area .bottom-area li a:hover, .social-profile-icons li a:hover{border-bottom: 0;}
.footer-area .bottom-area li:hover a::after, .footer-area .bottom-area li:hover a:after {width: 20px;}
.footer-area .bottom-area li a:after, .footer-area .bottom-area li a:after {position: absolute;width: 0;height: 2px;background: #ff8b00;content: "";bottom: -5px;left: 2px;transition: .3s;}
.footer-area .bottom-area li.current_page_item a:after{position: absolute;width: 20px;height: 2px;background: #ff8b00;content: "";bottom: -5px;left: 2px;transition: .3s;}
.footer-area  ul {
    list-style: none;
    margin: 10px 0 0 0px;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], 
.footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], 
.footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], 
.footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], 
.footer-area input[type="datetime"], .footer-area input[type="datetime-local"], 
.footer-area input[type="color"], .footer-area textarea,
.footer-area select{    
    border: 1px solid #000;
    font-size: 20px;
    margin-bottom: 4px;
    padding: 16px 23px 17px 23px;
    font-style: normal;
    font-weight: 400;
    word-break: break-all;
    border-radius: 8px;
}
.footer-area textarea {  height: 80px !important;}
.footer-area .subscribe_shortcode {position: relative;margin: 0 15.3em 1.05em;}
.footer-area .box-form { 
    position: relative;
    overflow: hidden;
    text-align: center;
}
.footer-area .ftnwsfm input[type="submit"]{
 position: absolute;
    top: 6px;
    right: 0;
}
.footer-area input[type="submit"]{
    margin-top: 6px;
    padding: 3px 27px 3px;
    white-space: normal;
    font-weight: 400;
    font-size: 25px;
    border-radius: 8px;
    background: #fff;
    color: #000;
    display: inline-block;
    transition: all 0.3s;
    box-shadow: none;
    position: absolute;
    top: 6px;
    right: 7px;
}
.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: 22px 0 10px;}
.footer-area .social-profile-icons ul li:before{  display: none;}
.footer-area .social-profile-icons ul li{ display: inline-block;margin-bottom: 0;padding: 0 16px 0 0;}
.footer-area .social-profile-icons ul li a {    
    display: inline-block;
    font-weight: 800;
    width: 34px;
    height: 34px;
    line-height: 43px;
    background: #fff;
    border-radius: 0;
    text-align: center;
    margin: 0 10px 0 0;
    padding: 0;
}
.footer-area .social-profile-icons i.fa { font-size: 25px; padding: 0;}
.footer-area .social-profile-icons ul li:hover{
    animation: blink .4s;
    border-radius: 50%;
}
.footer-area table tr {text-align: center;line-height: 28px;}
.footer-area table td {font-size: 15px;padding: 5px;}
.footer-area .widget_calendar table thead tr th{text-align: center;}
.footer-area fieldset {   padding-top: 0;}
footer#footer .widget_calendar thead { background: transparent;box-shadow: 0 0px 3px 0 #88828252;}
.footer-area figure.gallery-item img{transition: all .5s;}
.footer-area figure.gallery-item img:hover{ opacity: 0.8;border-radius: 20px;transition: all .5s;}

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

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

#testimonials .ts-area-single-inn,
#innerpage-box .ts-area-single{display: none;}
#innerpage-box .col-inner{display: none;} 
#innerpage-box .item.innertest-item{
    width: 50%;
    position: relative;
    overflow: hidden;
    padding: 0 27px 0;
    float: left;
    margin-bottom: 10px;
    border-radius: 0 0 0px 0px;
}
#innerpage-box .ts-area-single-inn {
    position: relative;
    margin: 1em 0;
    padding:  0;
}
#innerpage-box  .tsareainn{
       transition: all .8s;
    padding: 24px 0 30px 13px;
    border-radius: 16px;
    position: relative;
}
#innerpage-box .tsareainnbx {position: relative;margin-bottom: 1.5em;}
#innerpage-box .ts-area-thumb {
    position: relative;
    margin: 0;
    text-align: right;
    padding: 0;
}
#innerpage-box .ts-area-thumb img {
    width: 56px;
    height: 56px;
    text-align: center;
    transition: all .8s;
    border-radius: 50%;
}
#innerpage-box .ts-area-bx { 
    position: relative;
    overflow: hidden;
    margin: 0;
    text-align: center;
}
#innerpage-box .ts-area-c{position: relative;}
#innerpage-box .ts-area-c p {
    font-size: 16px;
    line-height: 25px;
    margin: 0 4.5em 1.2em 0;
    display: inline-block;
    position: relative;
    font-weight: 400;
    word-break: break-word;
}
#innerpage-box .ts-area-c:after {
    content: "\f10e";
    font-family: 'Fontawesome';
    font-size: 40px;
    color: #FFC400;
    right: 15px;
    top: -2px;
    position: absolute;
    /* margin: 3px 0 0 10px; */
    font-weight: 400;
    font-style: normal;
}
#innerpage-box .ts-area-single-inn:hover .ts-area-c:after{
    animation: bounceIn ease-in-out 3s infinite alternate;
}
#innerpage-box .text-designation {    
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    transition: all .8s;
    margin: 17px 0 18px 10px;
    position: relative;
    z-index: 1;
}
#innerpage-box .text-designation:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #323232;
    border-radius: 28px 0px 0px 28px;
    z-index: -1;
}
#innerpage-box h4.ts-area-title { 
    position: relative;
    margin: 0.5em 0 0 0 !important;
    transition: all .8s;
    line-height: 33px;
    text-align: center;
}
#innerpage-box .ts-area-single-inn:hover h4.ts-area-title{
    letter-spacing: 2px;
    transition: all .5s;
}

/*----------------------------------------*/
/*  09. Inner team page
/*----------------------------------------*/
#innerpage-box .single-team {position: relative; margin-bottom: 8em;padding: 0 2.5em;}
#innerpage-box .inner-team { position: relative;/* overflow: hidden;*/}
#innerpage-box .textbx h6 {position: relative; margin: 0 0 2px 0 !important;display: inline-block;}
body.page-template-default main#innerpage-box .textbx h2:after{display: none;}
#innerpage-box .inner-teambx { position: relative;}
#innerpage-box .single-team-img{    
    position: relative;
    overflow: hidden;
    border-radius: 21px;
}
#innerpage-box .single-team-img img{
    width: 100%;
    height: 308px;
    transition: all 0.2s ease 0s;
}
#innerpage-box .textbx{
        position: absolute;
    right: -1.2em;
    left: 2.2em;
    margin-top: -3.2em;
    overflow: hidden;
    padding: 7px 18px 5px;
    transition: all .2s ease;
    border-radius: 14px;
}
#innerpage-box .inner-team:hover .textbx{margin-top: -4.2em;transition: all .5s ease;}
#innerpage-box .textbx .team-designation{
        position: relative;
    word-break: break-word;
    font-size: 16px;
    margin: 0px 0 4px 0;
    font-weight: 400;
}
#innerpage-box .team-social-icon{  position: relative;transition: all 0.4s;}
#innerpage-box .team-social-icon li {
    position: relative;
    overflow: hidden;
    list-style: none;
    font-size: 16px;
    line-height: 0;
    margin: 0px 15px 0px 0;
    transition: all .2s ease;
    display: inline-block;
}
#innerpage-box .team-social-icon li:hover{ border-radius: 8px;transition: all 0.2s ease 0s;}
#innerpage-box .team-social-icon a i{
    font-weight:500;
    color:#767779;
    transition: all .2s ease;
}

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

#innerpage-box .lz-gallery-images {position: relative;overflow: hidden;}
#innerpage-box .lz-gallery-images .gallinn-ovly{
     content: '';
     background: #000;
     opacity: 0;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     z-index: 1;
     transition: all 0.3s ease 0s;
}
#innerpage-box .lz-gallery-images:hover .gallinn-ovly{
     opacity: 0.5;
     right: 12px;
     left: 12px;
     top: 12px;
     bottom: 12px;
}
#innerpage-box .gallery-inn {
    position: relative;
    padding: 5px;
}
#innerpage-box .img-wrapper {overflow: hidden;position: relative;}
#innerpage-box .lz-gallery-images img {
    transition: 0.5s all;
    width: 100%;
}
/*#innerpage-box .lz-gallery-images .over-text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9em;
    overflow: hidden;
    padding: 26px 30px 10px;
    background: #b42525;
    height: 121px;
    transition: all 0.4s ease-out;
}*/
/*#innerpage-box .lz-gallery-images .gall-icn {display: none;}*/
#innerpage-box .lz-gallery-images:hover .over-text{bottom: 0;}
#innerpage-box .innergalry:hover .lz-gallery-images .over-text{bottom: 0;}
/*#innerpage-box .lz-gallery-images .inner-area-title:after {display: none !important;}*/
#innerpage-box .lz-gallery-images .over-text h3{
    position: relative;
    padding: 0;
    margin: 5px 0 !important;
    color: #000;
    word-break: break-word;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-weight: 400 !important;
}
#innerpage-box .lz-gallery-images .over-text h3:before{
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50px;
    background: #FFC400;
    top: 8px;
    left: -15px;
}
#innerpage-box .gall-icn i{
    position: absolute;
    bottom: 35%;
    left: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    z-index: 1;
    font-weight: normal;
    padding: 0;
    /*margin: 0;*/
    right: 0;
    text-align: center;
    margin: 0 auto;
    border-radius: 4px 4px 20px 20px;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
#innerpage-box .lz-gallery-images:hover .gall-icn i{
    -webkit-transform: scale(2) translate(0px, -30px);
    transform: scale(2) translate(0px, -30px);
    font-size: 10px;
    width: 28px;
    height: 28px;
    line-height: 25px;
    text-decoration: none;
    -webkit-appearance: none;
    opacity: 1;
    background-size: 500%;
    border: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

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

#innerpage-box .inn-single-service-bx {  padding: 0 25px;}
#innerpage-box .service_inbox{position: relative;transition: all .3s;}
#innerpage-box .singleinner-service {
    margin-bottom: 4.9em;
    transition: all .3s;
    border-radius: 6px;
    position: relative;
}
#innerpage-box .singleinner-service .service_inimg {
    position: relative;
    overflow: hidden;
    margin-bottom: 7px;
    transition: all .3s;
    border-radius: 9px 9px 0 0;
}
#innerpage-box .singleinner-service .service_inimg .servinn-ovly:before{
    content: "";
    background: #227e22;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    top: 0;
    opacity: 0.5;
    transition: all 0.5s ease 0s;
}
#innerpage-box .singleinner-service:hover .service_inimg .servinn-ovly:before{
     left: 0;
    right: 0;
}
#innerpage-box .singleinner-service .service_inimg .service-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 439px;
}
#innerpage-box .singleinner-service .serinnolay {
   content: '';
    position: absolute;
    border-radius: 0 0 250px 250px;
    border: 3px solid #F9CDA0;
    border-top: none;
    left: 0.9em;
    right: 3em;
    top: 0em;
    bottom: 1.2em;
    transform: rotate(34deg);
}
#innerpage-box .singleinner-service .ser-contbx{
    position: relative;
    border-radius: 0 0 9px 9px;
    padding: 8px 8px 22px;
}
#innerpage-box .serbx {
    padding: 15px 12px 24px;
    transition: all .3s;
    text-align: center;
    border-radius: 8px;
    position: relative;
    margin-top: -3.2em;
}
#innerpage-box .serbx h3{margin: 0 0 1px 0!important;font-weight: 700;}
#innerpage-box .serbx p{
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 0px 0;
}
#innerpage-box .serbtn a{
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    bottom: -15px;
    margin: 0 auto;
    width: 31px;
    height: 31px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    z-index: 1;
    transition: all 0.4s ease 0.5s;
    border-radius: 80px;
    text-decoration: none;
    transition: 0.5s;
}
#innerpage-box .serbtn a:hover{transition-delay: 0.2s;}

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

#innerpage-box .single-project-bx{position: relative;padding: 0 23px;}
#innerpage-box .single-project-bx .single-project{
    position: relative;
    border: 1px solid #e0e0e0;
    border-bottom: 4px solid #323232;
    margin-bottom: 4.5em;
    padding: 16px 18px 7px;
}
#innerpage-box .single-project-bx .project-img{position: relative;}
#innerpage-box .single-project-bx .project-img img{width: 100%;height: 217px;}
#innerpage-box .single-project-bx .project-img .event-ovly{
    content: "";
    background: #227e22;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    top: 0;
    opacity: 0.5;
    transition: all 0.5s ease 0s;
}
#innerpage-box .single-project-bx .single-project:hover .event-ovly{
    left: 0;
    right: 0;
}
#innerpage-box .single-project-bx .right {position: relative;padding: 1.6em 0 0;}
#innerpage-box .single-project-bx .project-num {
    position: absolute;
    top: -1em;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 43px;
    height: 43px;
    line-height: 43px;
    background: #FFC400;
    border-radius: 50%;
    text-align: center;
    font-size: 21px;
    font-weight: 500;
}
/*#innerpage-box .single-project-bx .single-project:hover .project-num{
    animation: bounceIn ease-in-out 3s infinite alternate;
}*/
#innerpage-box .single-project-bx .projec-cbx {margin: 0 20px;}
#innerpage-box .single-project-bx h5.inner-area-title{
    text-align: center;
    line-height: 31px;
    font-weight: 500;
    margin: 0;
}

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

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

/*====## Contact Template ==========
====== {contact Inner Page} ========*/
#innerpage-box {
    position: relative;
    overflow: hidden;
}
#innerpage-box .inner-contactarea{position: relative;margin-top: -5em;}
#innerpage-box .contact-address-area { position: relative;margin: 0; overflow: hidden;}
#innerpage-box .cntlhsbx {position: relative;overflow: hidden;padding: 3.2em 0 2.3em;}
#innerpage-box .cntpgbx  {
    padding: 13px 0 13px;
    transition: all 0.5s ease 0s;
}
#innerpage-box .cntpgicn{
    position: relative;
    text-align: center;
    font-weight: 600;
    background: #d33;
    transition: all 0.5s ease 0s;
    width: 51px;
    height: 51px;
    line-height: 63px;
    border-radius: 50%;
    margin-top: 7px;
}
#innerpage-box .cntpgicn i.fa-phone, 
#innerpage-box .cntpgicn i.fa.fa-map-marker {
    font-size: 32px;
    font-weight: 600;
}
#innerpage-box .cntpgicn i.fa.fa-envelope {
    font-size: 21px;
    font-weight: 600;
}
#innerpage-box .cntpgtxt{ padding: 15px 3px 0 30px;}
#innerpage-box .cntpgtxt a,
#innerpage-box .cntlhsbx p{
    position: relative;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 33px;
    word-break: break-word;
}
#innerpage-box .cnctinn-imgsec {position: relative;overflow: hidden;}
#innerpage-box .cnctinn-imgsec img{width: 100%;height: 767px;}
#innerpage-box .cnctinn-imgsec .cnctinn-ovly{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #323232;
    opacity: 0.4;
}
#ht-contactus-wrap {
    position: relative;
    overflow: hidden;
    padding: 1.3em 0 0 0.9em;
}
#ht-contactus-wrap .maintle-text {
    font-size: 20px;
    line-height: 30px;
}
#ht-contactus-wrap .contact-form{ position: relative; padding: 2.5em 0em;}
#innerpage-box .contact-address-area .contforminn { position: relative;overflow: hidden;}
#innerpage-box .contact-address-area .cntct-circle{
    content: '';
    position: absolute;
    right: -2%;
    top: 3em;
    width: 75px;
    height: 75px;
    border: 14px solid #FFC400;
    border-radius: 50%;
    z-index: 1;
    animation: bounce 7s infinite alternate;
    transition: 1s cubic-bezier(0.07, 0.8, 0.16, 1);
}
#innerpage-box .contact-address-area .cntct-circle1{
    content: '';
    position: absolute;
    right: 12%;
    top: 9em;
    width: 51px;
    height: 51px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 20px #00000029;
    z-index: 1;
    animation: bounceOut 7s infinite alternate;
    transition: 1s cubic-bezier(0.07, 0.8, 0.16, 1);
}
#ht-contactus-wrap .maintle{ 
    position: relative;
    font-size: 55px;
    line-height: 69px;
    font-weight: 700;
    margin: 0.5em 0 0.37em;
    padding: 0;
}
#innerpage-box .contact-mapbox iframe { width: 100%; height: 328px;margin-bottom: -11.5em;}
#ht-contactus-wrap input[type="text"], 
#ht-contactus-wrap input[type="email"], 
#ht-contactus-wrap input[type="url"],
#ht-contactus-wrap input[type="password"], 
#ht-contactus-wrap input[type="search"], 
#ht-contactus-wrap input[type="number"], 
#ht-contactus-wrap input[type="tel"], 
#ht-contactus-wrap input[type="range"], 
#ht-contactus-wrap input[type="date"], 
#ht-contactus-wrap input[type="month"], 
#ht-contactus-wrap input[type="week"], 
#ht-contactus-wrap input[type="time"], 
#ht-contactus-wrap input[type="datetime"], 
#ht-contactus-wrap input[type="datetime-local"], 
#ht-contactus-wrap input[type="color"], 
#ht-contactus-wrap select, 
#ht-contactus-wrap textarea {
    border: 1px solid #fff;
    width: 100%;
    color: #fff;
    margin: 0 0 28px 0;
    border-radius: 11px;
    padding: 17px 20px 16px 20px;
    font-size: 14px;
    font-weight: 400;
    background: #fff;
}
#ht-contactus-wrap textarea {height: 137px;padding: 18px 10px 18px 30px;margin-top: 0px;}
#ht-contactus-wrap input[type="submit"] {
    text-align: center;
    position: relative;
    background: #e1e1e1;
    padding: 8px 44px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    border-radius: 8px;
    margin-top: 0px;
    word-break: break-all;
    transition: all 0.4s;
    box-shadow: none;
    border: 2px solid #FFC400;
}

/*-----------------------
## FAQS page
-----------------------------*/
div#content-box .faqinn-leftbxcon .faqinn-leftbx{position: relative;margin-right: 1.5em;}
div#content-box .faqinn-leftbxcon .faqinnlfbx-detail{position: relative;margin-right: 7.9em;padding: 5.6em 0 5em;}
div#content-box .faqinn-leftbxcon .faqinnlfbx-detail:after{
    content: '';
    position: absolute;
    left: -25em;
    right: 0;
    top: 0;
    bottom: 0;
    background: #323232;
    z-index: 0;
}
div#content-box .faqinn-leftbxcon .lhsbx{position: relative;overflow: hidden;}
div#content-box .faqinn-leftbxcon .leftbx-content{position: relative;}
div#content-box .faqinn-leftbxcon .faqinn-brd{
    border: 30px solid #FFC400;
    border-radius: 50%;
    width: 402px;
    height: 402px;
    float: right;
    margin-right: -54%;
    z-index: 1;
    position: relative;
}
div#content-box .faqinn-leftbxcon .faqinn-heading {
    position: absolute;
    overflow: hidden;
    padding: 0em 0;
    top: 10.3em;
    right: 0;
    width: 254px;
    height: 254px;
    padding: 20px 20px 20px 28px;
    border-radius: 50%;
    background: #FFC400;
    clip-path: polygon(0 0, 100% 0, 100% 40%, 59% 100%, 0 100%);
}

div#content-box .faqinn-leftbxcon .faqinn-heading::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 60%;
    top: 40%;
    border-radius: 200px 0 0;
    z-index: 2;
    transition: all ease 0.5s;
    background: transparent linear-gradient(136deg, #FFFFFF 0%, #D1D1D1 100%) 0% 0% no-repeat padding-box;
}
div#content-box .faqinn-leftbxcon .faqinn-heading h2{
    position: relative;
    font-size: 59px;
    font-weight: 700;
    line-height: 59px;
    top: 31%;
    margin: 0;
}
div#content-box .faqinn-leftbxcon .subtitle{
    margin: 0px 0 220px;
    position: absolute;
    transform: rotate(-90deg);
    z-index: 1;
    bottom: 0px;
    top: 3.7em;
}
div#content-box .faqinn-leftbxcon .subtitle h5{ 
    font-size: 22px;
    font-weight: 500;
    margin: 0;
    word-spacing: 2px;
}
div#content-box .faqinn-leftbxcon .subtitle h5:after{
   content: '';
    position: absolute;
    right: -43px;
    top: 13px;
    background: #fff;
    width: 35px;
    height: 1px;
}
div#content-box .faq-content {position: relative;border-bottom: 0.5px solid #707070;}
div#content-box .faq-content:last-child{border: none;}
div#content-box .faq-content:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 32px;
    background: #323232;
}
div#content-box .faq-content button.accordion {
    position: relative;
    color: #444;
    cursor: pointer;
    width: 100%;
    transition: 0.4s;
    margin: 15px 0 0 0px;;
    padding: 10px 40px 27px 18px;
    transition: all 0.2s ease 0s;
    box-shadow: none;
    border-radius: 0;
    background: none !important;
}
div#content-box .faq-content button.accordion.active, button.accordion:hover {
     padding: 10px 40px 2px 18px;
    transition: all 0.2s ease 0s;
    opacity: 1;
    margin-top: 0;
}
/*div#content-box .faq-content button.accordion.active h4{font-size: 26px;}*/

div#content-box .faq-content button.accordion:before {
    content: "\f067";
    font-family: 'Fontawesome';
    font-size: 16px;
    right: 10px;
    position: absolute;
    top: 15px;
    font-weight: 300;
    line-height: 25px;
    transition: all 0.2s ease 0s;
    z-index: 1;
}
div#content-box .faq-content button.accordion.active:before {
    content: "\f068";
    font-family: 'Fontawesome';
    transition: all 0.2s ease 0s;
}
div#content-box .faq-content div.panel {
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin: 0px 0 0px 0;
    border: none;
   /* background: linear-gradient(0deg,#8972ea,#516ced 80%) no-repeat;*/
    border-radius: 0 0 ;
    padding: 1px 20px 1px 20px;
    box-shadow:none;
}
/*div#content-box .faq-content div.panel{  border: 1px solid #000;border-top: none;}*/
div#content-box .faq-content div.panel.show {
  opacity: 1;max-height: 500px;padding: 2px 50px 12px 20px;
}
div#content-box .faq-content div.panel p{
    margin: 0px 0 0px 0;
    line-height: 26px;
    font-size: 18px;
    font-weight: 400;
}
main#innerpage-box div#content-box h4.faq-title {
    padding-right: 0px;
    font-weight: 700;
    line-height: 37px;
    word-break: break-word;
    text-align: left;
    margin: 0;
}
main#innerpage-box div#content-box h4.faq-title:before {
    content: '';
    position: absolute;
    left: -5px;
    top: 21px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #FFC400;
}
/*main#innerpage-box div#content-box h6.faq-title:after {  display: none;}*/
div#content-box .faq-content.padding0 p {
    font-size: 15px;
    padding: 25px 25px 10px 25px;
    letter-spacing: 1px;
    word-break: break-word;
}
/*-----------------------
## End FAQS page
-----------------------------*/

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

/* Catalogue slider Start */

.slider {width: 86%;position: relative;height: auto;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: 0em;
    position: relative;
    overflow: visible;
    /*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"] {
        display: inline-block;
    position: relative;
    border-radius: 35px!important;
    z-index: 999 !important;
    background: transparent;
    overflow: hidden;
    border: none;
    box-shadow: none;
    float: right !important;
    position: absolute!important;
    right: 0px !important;
    text-indent: -999px !important;
    width: 40px !important;
    height: 40px;
    z-index: 1 !important;
    margin-right: -6px;
    margin: 8px 7px 0 0;
}
.widget-area form#searchform:after {
    position: absolute;
    margin-top: -3.1em;
    font-size: 17px;
    right: 7px;
    text-align: center;
    color: #fff;
    background: #000;
    background-repeat: no-repeat;
    height: 40px;
    line-height: 40px;
    width: 40px;
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
    border-radius: 50px;
    opacity: 1;
}

.home-page {  padding: 0 0 30px 0;}
#innerpage-box{padding:5em 0em 11em;margin-top: 0em;}
.page-main-header .ht-main-title {width: 50%;}
/*.innerpage-whitebox{  padding: 0 0em;}*/
#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: 10px !important;}
#content-box ul li:before {
    content: "\f111";
    font-family: 'Fontawesome';
    position: absolute;
    font-size: 22px;
    top: -4px;
    left: 5px;
    margin-right: 6px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #fff;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
#content-box ul li:hover:before { transform: scale(1.4);}
.widget-area ul li:before {
    /*content:"\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #f72985;
    font-size: 10px;
     display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;*/
    display: none;
}
/*.widget-area ul li:hover:before {  transform: scale(1.4);}*/
#content-box ol li:before {
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
#content-box ol li:hover:before { transform: scale(1.2);}
main#innerpage-box #content-box ol {  margin: 0;}
#content-box ol {counter-reset: li;list-style: none;/*list-style: decimal;*/}
#content-box ol li {
    margin-top: 1em;
    position: relative;
    padding-left: 3em;
    min-height: 35px;
    padding-top: 0;
}
#content-box ol li:before {
        content: counter(li);
    counter-increment: li;
    color: #fff;
    background: #f07100;
    border-radius: 0px;
    font-size: 14px;
    width: 24px;
    height: 24px;
    line-height: 27px;
    font-weight: 700;
    text-align: center;
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    border-radius: 50%;
}
#content-box ol li:after{
    content: '';
    position: absolute;
    left: -4px;
    top: -5px;
    width: 31px;
    height: 31px;
    border: 1px solid #323232;
    border-left-style: dashed;
    border-bottom-style: dashed;
    border-radius: 50px;
    margin: 0px;
    transform: rotate(45deg);
}
.page_featured {margin: 0 4em;margin-bottom: 2em;padding: 10em 4em;}
img.ht-page-header-img{ width: 100%;box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);}
.sticky {   display: block;}
.total-hentry { margin: 0 0 50px;}
.byline,
.updated:not(.published) { display: none;}
.page-links {clear: both;margin: 0 0 15px;}
.ht_no_sidebar #primary{width: auto;float: none;}
.ht_no_sidebar_condensed #primary{width: 76%;float: none;margin: 0 auto;}
.ht_left_sidebar #primary{float: right;}
.ht_left_sidebar #secondary{float: left;}
.ht-post-info{float: left;width: 80px;text-align: right;}
.single .ht-post-info{margin-right: 30px;margin-bottom: 20px;}
.ht-post-info .entry-date{display: block;font-size: 0.9em;margin-bottom: 20px;}
.ht-post-info .entry-date span{ display: block;}
.ht-post-info .entry-date span.ht-day{ font-size: 60px;line-height: 1.3; color: #fe5722;}
.ht-post-info a{
    display: block;
    text-decoration: none;
    line-height: 1.4;
    padding: 20px 0 0;
    /*text-transform: uppercase;*/
    border-top: 1px solid #EEE;
    font-size: 12px;
    color: #444;
    font-weight: 300;
}
.ht-post-wrapper{padding-left: 105px;}
.entry-figure{background: #f9f9f9; text-align: center; margin-bottom: 15px;}
.entry-header .entry-title{font-weight: 300;letter-spacing: 1px;margin-bottom: 10px;}
.entry-figure + .entry-header{background: #FFF;position: relative;margin-top: -65px;width: 90%;padding: 15px 0 1px;}
.entry-header .entry-title a{ text-decoration: none; color: #333;}
.entry-categories{font-size: 14px;color: #666;font-style: italic;margin-bottom: 15px;}
.entry-categories .fa{ color: #fe5722;margin-right: 8px;}
.entry-categories a{color: #666;text-decoration: none; }
.entry-readmore{margin-top: 20px;}
.entry-readmore a{
    background: #fe5722;
    padding: 0 20px;
    line-height: 40px;
    color: #FFF !important;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
}

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

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

@media only screen and (max-width: 767px){
  .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 479px){
   .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 359px){
   .error404 .error-404{ font-size: 122px; }
}
@media screen and (min-width: 769px){
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    
}
.woocommerce #reviews h2 small{
    float: none;
}
/*-----------------------
## page scroll
-----------------------------*/
#back2Top {
    position: fixed;
    bottom: 40px;
    right: 50px;
    padding: 4px;
    line-height: 32px;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    z-index: 99999;
    width: 45px;
    height: 45px;
    background: #D88E2D;
    border: 2px solid #543602;
    border-radius: 50%;
    transition: all 0.2s ease 0.2s;
}
#back2Top .ttpicon{transform: rotate(-90deg);}
#back2Top:hover{transition: all 0.3s ease 0.2s;}
.widget-area ul ul {
    margin-top: 5px;
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
main#innerpage-box #sidebars li {font-size: 15px;}
div#secondary caption {padding-top: 12px;padding-bottom: 12px;}
div#secondary .widget_calendar table {margin: 0;padding: 0;}
.widget_calendar tfoot tr td a {
    border: none;
    padding: 0px;
    padding: 6px 20px;
    -moz-transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.widget-area .widget_rating_filter ul {
    list-style: none;
    padding: 12px;
    margin: 0;
    border: 1px solid #eaeaea;
}
.widget-area .widget_rating_filter ul li {border-bottom: none;}
.widget-area .woocommerce ul.cart_list li, 
.widget-area .woocommerce ul.product_list_widget li {padding: 12px 12px 12px;}
.widget-area .woocommerce ul.product_list_widget li a {font-size: 13px;font-weight: 400;padding: 0px 0 8px;}
.widget-area .woocommerce ul.cart_list li img, .widget-area .woocommerce-page ul.cart_list li img, 
.widget-area .woocommerce ul.product_list_widget li img, 
.widget-area .woocommerce-page ul.product_list_widget li img {width: 74px;height: 74px;}

.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}
.widget-area del span.woocommerce-Price-amount.amount {font-size: 14px;color: #666;}
.widget-area .woocommerce ul.product_list_widget li img:hover { opacity: 0.8;}
.widget-area .woocommerce .widget_shopping_cart_content p {padding: 12px;margin: 0;border: 1px solid #eaeaea;margin-top: 15px;}
.woocommerce .woocommerce-product-rating .star-rating {height: 3em;}
.woocommerce .woocommerce-product-rating .star-rating { margin: .5em 4px 0 0;float: left;}
main#innerpage-box #comments li.comment {
    background: transparent;
    border: 0;
    position: relative;
    overflow: hidden;
}
main#innerpage-box #comments li.comment:after{display: none;}
.woocommerce ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price del { font-size: 18px;font-weight: 600 !important;}
.single-productpage h2.woocommerce-loop-product__title {line-height: 33px; word-break: break-word;}
main#innerpage-box div#commentsAdd textarea#comment {background: transparent;}
div#respond textarea#comment { background: transparent;}
div#comments input[type="submit"] {padding: 10px 20px;border-radius: 5px;height: 50px;}
main#innerpage-box .woocommerce-product-search .search-field {border: 1px solid #e9e7e7;background: transparent;}
.woocommerce div.product .woocommerce-tabs .panel {background: transparent !important;border: none !important;}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, .woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, 
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, .woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]{opacity: 1;}
div#secondary .social-profile-icons ul li i {
    padding: 15px 7px 0px 7px;
    margin: 0;
    font-size: 20px;
}

/*---------------FOR SINGLE PRODUCT PAGE PRODUCT IMAGE GALLERY---------------------------------------*/
.woocommerce-product-gallery__wrapper{width:100%;height: 100%;}
.woocommerce-product-gallery__image.flex-active-slide a img {
    height: 100% !important;
    width: 100% !important;
}

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

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

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

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

/*-----------------------
## Blog Inner Page 
-----------------------------*/
#innerpage-box .inner-blog-post{    
    padding: 0em 2.5em;
    margin: 0em 0em 3.4em 0em;
    position: relative;
    float: left;
}
#innerpage-box .inner-blogpost {transition: all 0.3s ease;}
#innerpage-box .inner-blogpost .ht-blog-thumbnail { 
    overflow: hidden; 
    position: relative;
}
#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
    transition: all 1s ease 0s;
}




#innerpage-box .inner-blogpost .bloginn-overlay{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
#innerpage-box .inner-blogpost .ht-blog-thumbnail:before,
#innerpage-box .inner-blogpost .ht-blog-thumbnail:after,
#innerpage-box .inner-blogpost .ht-blog-thumbnail .bloginn-overlay:before,
#innerpage-box .inner-blogpost .ht-blog-thumbnail .bloginn-overlay:after{
    content:"";
    width: 50%;
    height: 50%;
    position: absolute;
    background: #323232;
    opacity: 0.4;
    transition: all 0.40s ease-in-out 0s;
}
#innerpage-box .inner-blogpost .ht-blog-thumbnail:before{top: 0;left: -100%;}
#innerpage-box .inner-blogpost:hover .ht-blog-thumbnail:before{left:0;}
#innerpage-box .ht-blog-thumbnail:after{
    top: -100%;
    right: 1px;
    opacity: 0.7 !important;
}
#innerpage-box .inner-blogpost:hover .ht-blog-thumbnail:after{top:0;}
#innerpage-box .ht-blog-thumbnail .bloginn-overlay:before{
    left: 1px;
    bottom: -100%;
    opacity: 0.7 !important;
}
#innerpage-box .inner-blogpost:hover .bloginn-overlay:before{bottom:0;}
#innerpage-box .ht-blog-thumbnail .bloginn-overlay:after{bottom: 0;right: -100%;}
#innerpage-box .inner-blogpost:hover .bloginn-overlay:after{right:0;}
#innerpage-box .inner-blogpost .blog-admin{
    position: relative;
    font-size: 16px;
    font-weight: 600;
    background: #D88E2D;
    color: #332102;
    padding: 5px 15px 5px;
    border-radius: 0px 26px 26px 0px;
}
#innerpage-box .inner-blogpost .blog-admin li {
    list-style: none;
    display: inline-block;
    padding: 9px 10px 4px;
    width: 50%;
}
#innerpage-box .inner-blogpost .blog-admin li:last-child{float: right;border-left: 2px solid #fff;}
#innerpage-box .inner-blogpost .blog-admin i{    
    margin-right: 5px;
    font-size: 18px;
    font-weight: 500;
}
#innerpage-box .inner-blogpost .blog-admin .blog-comment{text-align: right;}
#innerpage-box .inner-blogpost-info {position: relative;overflow: hidden;}
#innerpage-box .inner-blogpost-info .bloginnarea {
    position: relative;
    padding: 26px 19px 0;
}
main#innerpage-box #blog-box h2{
    font-weight: 700;
    word-break: break-word;
    margin: 0px 0 0px 0;
    line-height: 30px;
}
#innerpage-box .inner-blog-excerpt p,
#innerpage-box .inner-blog-excerpt {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    word-break: break-word;
    padding: 0px;
    position: relative;
}
#innerpage-box .bloginnbtn a span{padding-left: 4px;}
#innerpage-box .bloginnbtn a{
    margin-top: 3.1em;
    position: relative;
    overflow: hidden;
    padding: 3px 45px 4px 12px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    z-index: 1;
    border: 2px solid;
    border-radius: 8px;
    text-decoration: none;
    transition: 0.5s;
}
#innerpage-box .bloginnbtn a span {
    position: absolute;
    background: #D4D4D4;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 1px 8px;
    width: 21%;
    transition: 0.5s;
}
#innerpage-box .bloginnbtn a:hover span{width: 100%;}
/*--------------------------------------------------------------
## Inner Page Heading
--------------------------------------------------------------*/
body.page-template-default main#innerpage-box h1,
body.page-template-default main#innerpage-box h2,
body.page-template-default main#innerpage-box h3,
body.page-template-default main#innerpage-box h4,
body.page-template-default main#innerpage-box h5,
body.page-template-default main#innerpage-box h6,

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

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

/*.page-template-templates main#innerpage-box #blog-box h2:after { display: none;}*/

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

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

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

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

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

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

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

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

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

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

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

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

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

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message{border-top-color: #fe5722;font-size: 0.9em; margin-bottom: 15px;padding: 10px 25px !important;}
.woocommerce-error:before, 
.woocommerce-info:before, 
.woocommerce-message:before{ color: #fe5722; left: 0;top: 0.7em;}

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

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

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

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

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

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

ul.themetext {margin: 0;padding: 0;list-style: none;}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}
.ht-site-title, .site-title { margin: 0;}

div#content li.blocks-gallery-item:before {content: none;}
div#content li.blocks-gallery-item {padding: 14px 14px 0 14px;}
div#content li.blocks-gallery-item img:hover {opacity: 0.5;}
.single_post .datebx{ border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.single_post .datebx li{list-style: none; display: inline-block;}
.single_post .datebx .post-date-publishable {display: inline-block; margin-left: 10px; padding-top: 15px;padding-bottom: 15px;}
.single_post .datebx  i { padding-right: 10px;}
.woocommerce-product-search .search-field {
    width: 100% !important;
    margin-bottom: 5px;
    margin-top: 20px;
}
.single-productpage #sidebars button {
    padding: 7px 25px;
    border: 1px solid;
    width: 100%;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
        margin-bottom: 0px;
}
div#sidebars ins {background: none;}
.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}
.widget-area del span.woocommerce-Price-amount.amount {font-size: 14px;color: #666;}
.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}
#secondary.widget-area {  padding-bottom: 0em; }

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

/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce div.product form.cart .button, 
.woocommerce-page div.product form.cart .button, 
.woocommerce #content div.product form.cart .button, 
.woocommerce-page #content div.product form.cart .button {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    margin: 0;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    padding: 0px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce #review_form #respond .form-submit input {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce div.product div.images img:hover {opacity: 0.8;}
.woocommerce div.product .woocommerce-product-rating a, 
.woocommerce .star-rating span{float: right;display: contents;}
.single-productpage .innerpage-whitebox .woocommerce-product-rating span.count {display: inherit;}
.woocommerce .star-rating::before{top: 0 !important;left: 0 !important;position: relative;}
.woocommerce div.product .woocommerce-product-rating{line-height: 0px;}
.woocommerce-page.columns-3 ul.products li.product, 
.woocommerce.columns-3 ul.products li.product {overflow: hidden;}
.woocommerce ul.products li.product a img {transform: scale(1);transition: all 1s ease 0s;}
.woocommerce ul.products li.product a img:hover {opacity: 0.8; transform: scale(1.05);}
.woocommerce .cart .button, .woocommerce .cart input.button {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    margin: 2px 0;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce .widget_shopping_cart .buttons a, 
.woocommerce.widget_shopping_cart .buttons a {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {padding-top: 40px;}
body.page-template-default.page.page-id-134.logged-in.admin-bar.woocommerce-checkout.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support header#ht-masthead,
body.page-template-default.page.page-id-133.logged-in.admin-bar.woocommerce-cart.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support #ht-masthead,
body.page-template-default.page.page-id-135.logged-in.admin-bar.woocommerce-account.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support header#ht-masthead {
    position: relative;
}
.woocommerce table.shop_table{padding-bottom: 30px;}
.sf-arrows .sf-with-ul:after {
    content: '\f107';
    font-family: FontAwesome;
    position: absolute;
    right: -2px;
    height: 0;
    width: 0;
    display: none;
}
.sf-arrows .sf-with-ul:before {display: none;}
.woocommerce #reviews #comments ol.commentlist li img.avatar { position: relative;}
.woocommerce #reviews #comments ol.commentlist li {display: inline-block;}
.woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0;}
#innerpage-box .woocommerce li.product-category {
    display: inline-block;
    position: relative;
    padding: 0 28px;
    text-align: center;
    margin-bottom: 1.5em;
}
#innerpage-box .woocommerce li:before{display: none;}
#innerpage-box .woocommerce li.product-category img{
    width: 259px;
    height: 255px;
    border-radius: 0 0 150px 150px;
    border: 2px solid;
    border: 4px solid #D88E2D !important;
}
.woocommerce li.product-category h2{
    font-size: 30px !important;
    font-weight: 700 !important;
    margin-top: 12px !important;
}
.woocommerce li.product-category h2 mark{background: none;}

/*-----------------------
## Single product
-----------------------------*/
.woocommerce div.product .product_meta .posted_in, 
.woocommerce div.product .product_meta .tagged_as {display: block;font-weight: 400;line-height: 1.6;}
.woocommerce .star-rating {
    float: right;
    position: relative;
    height: 1.5em;
    line-height: 1;
    font-size: 1em;
    width: 100%;
    font-family: star;
    overflow: initial;
}
.woocommerce .widget_rating_filter ul li a {padding: 1px 0;text-decoration: none;}
.widget-area .woocommerce li.wc-layered-nav-rating .star-rating { margin: 0;}
.widget-area .woocommerce ul.product_list_widget li a {font-size: 13px;font-weight: 400;padding: 0px 0 8px;}
.widget-area .woocommerce .product_list_widget li .star-rating {
    float: right;
    position: relative;
    height: 1.5em;
    line-height: 1;
    font-size: 1em;
    width: 63%;
    font-family: star;
    overflow: initial;
    margin-bottom: 10px !important;
}
main#innerpage-box .woocommerce-product-details__short-description ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #999;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}

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

@media screen and (max-width: 1600px){
    .slider_section .s_rhsbx {position: relative; margin: 2.2em 1em 1.2em 2em;}
}

@media screen and (min-width: 1024px) and (max-width: 1300px){
.page-template-default #innerpage-box .service_inbox .title {  margin: 0;}
}

@media only screen and (max-width: 1399px){
    #banner-section .banner_title h2,
    #banner-section .banner_subtitle h3{font-size: 40px;}
    #about .abtright-box{padding: 2em 4em 0em 1em;}
    #testimonials .ts-title-area{padding: 0 20px;}
    .navigation .mainmenu li:hover ul.sub-menu{left: -7em;}
}

@media only screen and (max-width: 1299px) {
header .Hbtn a { padding: 6px 6px;font-size: 15px;}
header .Hbtn a i { font-size: 10px; padding: 1px 1px; margin-right: 6px;}
header .head-menubx{padding: 0em 0.3em 0 0;}
.navigation .mainmenu>li>a{padding: 21px 15px 8px !important;}
.navigation .mainmenu li {  margin: 0 6px;}
.slider_section .bx-wrapper .bx-controls-direction a{top: 87%;}
.slider_section .bx-wrapper .bx-prev { left: 45%;}
.slider_section .bx-wrapper .bx-next {  right: 45%;}
.slider_section .slider_content{width: 650px;}
.footer-area .newstitle h3 { font-size: 35px;line-height: 45px;}
#innerpage-box .single-team { padding: 0 1.8em;}
#innerpage-box .inner-blogpost{margin: 0 ;}
#innerpage-box .woocommerce li.product-category{padding: 0 10px;}
.swiper-container.slider-thumbs{transform: rotate(-55deg);}
.slider_section img.slide-mainimg{transform: rotate(55deg);}
#about .about-contbx{margin: 0 10px;}
#about .about-text p{margin-left: 0;}
.testimonials-area .swiper-container{margin-left: 0;}
#testimonials .section-title{margin-right: 0;}
#testimonials .section-subtitle h4{font-size: 25px;}
.blog-area .blog-posts h4{font-size: 26px;line-height: 40px;}
}

@media screen and (max-width: 1200px){
 .ct-btn-scroll{ bottom: 20px; }
 .new-page.menu-new{
    display:none;
}
}
@media screen and (max-width: 1199px){
    #about .abt-rbx { padding-right: 0em;}
    .service-area .single-service-bx {padding: 0 1em; }
    #innerpage-box .inn-single-service-bx {padding: 0 10px;}   
    #innerpage-box .inner-blog-post {padding: 0 2em;}
    #innerpage-box .con-cir {width: 500px; height: 500px;}
    #innerpage-box .inner-teambx{padding: 0 0.5em;}
    .blog-area .blog-thumbnail img{height: 300px;}
    #innerpage-box .singleinner-service .serinnolay {right: 2.2em;left: 0.7em;bottom: 1.2em;}
    #banner-section .banner_title h2,
    #banner-section .banner_subtitle h3{font-size: 33px; line-height: 55px;}
    #banner-section .banner_distitle p{width: 390px;}
    .blog-area .blog-admin{left: 10px;right: 5px;padding: 7px 10px 7px;}
    .blog-area .blog-admin i{margin-right: 5px;}
    #faq-section .faq-leftbx{margin-right: 0;}
    #innerpage-box .single-project-bx{padding: 0 15px;}
    #innerpage-box .bloginnbtn a{margin-top: 1em;}
    #ht-contactus-wrap .maintle{font-size: 40px;line-height: 55px;}
    header .innerhead-overlay{right: 30%;}
    .page-main-header .ht-main-title{width: 70%;}
    .inner_contentbox .socialMedia ul li{padding: 2px 2px!important;}
    .breadcrumbbox{width: 61%;}
}

@media screen and (min-width: 1024px) and (max-width: 1200px){
#quote-carousel .carousel-control.left {  left: -42px;}
#quote-carousel .carousel-control.right {  right: -42px;}
.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {   top: -5px;}
.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {  top: -14px;}
.service-area h4 { font-size: 25px;}
.facility-area .inner-area-title { font-size: 19px;}
.single-team .in-our-team ul > li > a {
    line-height: 30px;
    width: 30px;
    height: 30px;
}
}

@media screen and (max-width: 1024px){
    .slider_section .title {font-size: 46px;line-height: 55px;
}
}


@media screen and (min-width: 992px) and (max-width: 1199px){
    #about .abt-btn a{margin-bottom: 2em;}
    #innerpage-box .singleinner-service .service_inimg .service-img{height: 285px;}
    .slider_section .msli-oly{right: 27%;}
    #oursteps .Numrical{margin-right: 4em;}
    .footer-area .subscribe_shortcode{margin: 0 8.3em 1.05em;}
    #faq-section .faq-brd{margin-right: -83%;}
    div#content-box .faqinn-leftbxcon .faqinn-brd{margin-right: -100%;}
    #innerpage-box .inner-blogpost .blog-admin li{padding: 9px 0px 4px;}
    .error404 .oops-text{margin-top: 8em;}
}

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

@media screen and (min-width: 576px) and (max-width: 991px){
    #oursteps .oursteps-bx:nth-last-child(3) .oursteps-button i,
    #oursteps .oursteps-bx:nth-last-child(7) .oursteps-button i,
    #oursteps .oursteps-bx:nth-last-child(9) .oursteps-button i {display: none !important;}
    #oursteps .oursteps-bx:nth-last-child(2) .oursteps-button i,
    #oursteps .oursteps-bx:nth-last-child(8) .oursteps-button i{display: block !important;}
}

@media screen and (min-width: 768px) and (max-width: 991px){
    .slider_content{width: 500px !important;}
    .testimonials-area .col-active{width: 380px !important;}
    .testimonials-area .box-text-inner{width: 340px;margin: 10px auto !important;}
    #innerpage-box .singleinner-service .service_inimg .service-img{height: 328px;}
    #innerpage-box .singleinner-service .serinnolay {right: 2.6em;left: 0.8em;bottom: 1.4em;}
    .blog-adminbx {padding: 0 5px;}
    .slider_section .text{margin: 0.9em 7em 0.5em 0;}
    .slider_section .msli-oly{right: 16%;}
    #oursteps .Numrical{margin-right: 6em !important;}
    .footer-area .newsletter-box{margin-top: 2.5em;}
    .footer-area .footer-imgovly1{top: -6.2em;}
    #faq-section .faq-brd{margin-right: -34%;}
    div#content-box .faqinn-leftbxcon .faqinn-brd{margin-right: -36%;}
}

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

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

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

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

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

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

@media screen and (max-width: 991px) {
.home.page-template .site-header, .page-template .site-header, 
.page-template-default .site-header, .site-header{margin-top: 0;}
header .hphone {font-size: 16px;padding: 0em;}
.home.page-template .site-header{position: relative;margin-top: 0;}
header .Hbtn a{ padding: 6px 12px;}
/*header .mobi {display: none;}*/
header .mobi1 {display: block;}
.site-navigation{background:none ;}
.page-template .site-header, 
.page-template-default .site-header, .site-header{position: relative;background: #000;}
header.page-main-header .innheadlhs{padding: 3em 0 2em;}
header .share-btn li{margin: 0 0px;}
header .htop{padding: 0 5px;}
.slider_section .title {font-size: 32px; line-height: 42px;}
.slider_section .owl-nav .owl-prev,
.slider_section .owl-nav .owl-next{display: none;}
.bx-controls-direction { display: none;}
.slider_section .mainrhsbx{text-align: center;margin-top: 0em;}
.slider_section .s_rhsbx {margin: 1em 0;}
.slider_section .sicn{margin: 0px auto 10px auto;}
.section-title { margin-bottom: 2em;}
#about .section-title {margin-bottom: 1em; margin-top: 0.5em;}
#about .section-title h2{margin:0; font-size: 30px;}
#about .section-subtext p {  margin: 0.5em 0;}
.service-area .single-service-bx { padding: 0 10px;}
.service-area .service-icon img {height: 400px;}
.service-area .serbtn a {font-size: 16px;}
#testimonials .owl-dot {  top: -10px;}
#testimonials .owl-dots { right: 1em;}
.blog-area .blog-posts h4 { font-size: 22px;margin: 2px 0;}
#about,#team,#testimonials,#appointment,
#blog ,#ourclient,#service,#faq-section{ padding: 2em 0 !important;}
.footer-area .widget { margin-bottom: 1em;}
.footer-area .newstitle h3 {font-size: 25px; margin: 0 0em 10px 0;line-height: 40px;}
.widget-area ul li:before{margin-right: 4px !important;}
#innerpage-box .item.innertest-item{width: 100%;}
.faq_tp .faq-heading{font-size: 28px;}
.footer-area input[type="submit"] { margin-left: 0;}
header.site-header input[type='search'], 
header.site-header input[type='search']:hover { width: 100%;}
#innerpage-box .con-cir {width: 500px; height: 500px;}
.site-navigation{float: right;}
.slider_section .sliderimg{margin-bottom: 0;}
.testimonials-area .col-active .quote-wrapper i{font-size: 40px;}
.testimonials-area .col-active .quote-wrapper{padding: 15px 20px 20px;}
#innerpage-box .singleinner-service{margin-bottom: 2em;}
.testimonials-area .title-box .title{margin: 0em 0 0em;}
#innerpage-box .cntpgtxt a, #innerpage-box .cntlhsbx p{font-size: 20px;line-height: 28px;}
#innerpage-box .cnctinn-imgsec img{height: 450px;}
#ht-contactus-wrap{margin-left: 0;}
.head-menubx{background: none !important;}
.slider_section{padding-top: 0;}
.slider_section .slider-thumbs .swiper-slide-active img.slide-mainimg{width: 250px;height: 250px;}
.slider_section .slider-thumbs .swiper-slide.swiper-slide-active{width: 255px !important;}
.swiper-container.slider-thumbs {margin: 11em 0 4em 11em !important;}
#banner-section .banner-shapetext h4{text-align: center;font-size: 90px; line-height: 120px;}
#banner-section .banner-textarea{padding: 0em 0 1em;}
.footer-area .subscribe_shortcode{margin: 0 0.3em 1.05em;}
.s-footer {margin-bottom: 1.5em;}
.footer-area .single-footer-1 aside:first-child{margin-right: 0em;padding-left: 0;}
header .innerhead-overlay{right: 30%;}
.ht-main-title{font-size: 34px !important;}
#innerpage-box .single-project-bx .projec-cbx{margin: 0;}
#innerpage-box .single-project-bx .single-project{margin-bottom: 2em;}
#innerpage-box .contact-address-area .cntct-circle{right: -5%;}
header .share-btn{margin-right: 0;}
.navigation .mainmenu li:hover ul.sub-menu{left: 0em;}
.error404 .oops-text{margin-top: 0em;}
#innerpage-box{padding: 3em 0em 11em;}
}

@media screen and (max-width: 768px){
main#innerpage-box h6.faq-title{  padding: 10px 75px 8px 17px !important;}
.single-productpage .innerpage-whitebox,
.single-productpage #sidebars {   margin-top: 00px;}
.ht-footer.ht-footer1,
.ht-footer.ht-footer2,
.ht-footer.ht-footer3,
.ht-footer.ht-footer4 { width: 100% !important;}
.ht-main-navigation li{ padding-right: 00px;}
img.ht-page-header-img{ height: 275px;}
#quote-carousel .carousel-control.right { right: 0; top: 140px;}
#quote-carousel .carousel-control.left { left: -7px; top: 140px;}
#quote-carousel .carousel-control { margin-top: -50px;}
#service .service-imgovly1, #service .service-imgovly2{display: none;}
}

@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 (max-width: 611px){
.slider_section .sub-title{line-height: 22px;}
.slider_section a.btn { padding: 6px 15PX; font-size: 13px;}
.slider_section .btn5{  margin-top: 0em;}
.slider_section .btn5 a {font-size: 16px; }
}

@media screen and (min-width: 320px) and (max-width: 768px){
.logobox img { padding-top: 0 !important;}
.main-dispaly.padding0 {padding-left: 20px;}
.header.site-header ul.sub-menu li a:hover{padding-left: 15px;padding-right: 15px;}
}

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

@media screen and (max-width: 767px){
#innerpage-box .con-cir,
.slider_section .owl-nav{ display: none;}
.slider_section .slider-thumbs .swiper-slide.swiper-slide-active {width: 155px !important;}
.slider_section .slider-thumbs .swiper-slide-active img.slide-mainimg {width: 150px;height: 150px;}
.slider_section img.slide-mainimg{transform: rotate(0deg);}
.swiper-container.slider-top{position: relative;}
.slider_section .slider_content {width: 450px;}
.swiper-container.slider-thumbs {transform: rotate(0deg);margin: 2em 0 1em 0em !important;height: 170px;}
.slider_section .text{margin: 0.9em 0.5em 0.5em 0}
.slider_section .msli-oly{right: 20%;}
#about .hi-icon {margin: 0 auto;}
#about .aboutus-single{text-align: center;margin-bottom: 1.5em;}
#innerpage-box .singleinner-service .service_inimg img,
.service-area .service-icon img{width: 100%;}
.testimonials-area .ts-area-bx { margin-left: 0em;}
.site-header .navbar-toggler, 
.site-header .is-fixed .navbar-toggler { margin: 22px 0 22px 10px; box-shadow: none;}
.text-white .site-button.outline { padding: 8px 15px;}
#innerpage-box .ts-area-c p {margin: 0 4.5em 0.5em 0;}

.slider_section .btn5 a{margin: 0.5em 0 0;}
.footer-area .newsletter-box {-webkit-mask-image: none;mask-image: none;border-radius: 2em;}
#about .about-area-bx{padding: 10px 0px 0 0px;}
#about .abt-rbx{padding: 10px 15px 10px 10px;}
#innerpage-box .singleinner-service{padding: 0 10px 0;}
#innerpage-box .singleinner-service .service_inimg .service-img{height: 300px;}
#innerpage-box .woocommerce li.product-category{margin: 0 !important;}
#banner-section .banner_distitle p{margin: 0 auto;border-left: none;border-top: 2px solid;}
#banner-section .banner-titlerea{padding: 1em 0em 1em;}
#about .abtsection-title h2{font-size: 55px;line-height: 70px;}
#about .abtright-box{padding: 1em;text-align: center;}
#about .section-subtitle h3{font-size: 35px;line-height: 50px;}
#testimonials .section-title h2{font-size: 42px;line-height: 50px;}
#oursteps .Numrical{right: 0;margin: 0 auto;left: 16%;}
#oursteps .details p{margin: 0;}
.footer-area .footer-imgovly1, .footer-area .footer-imgovly2{display: none;}
footer#footer.footer-area .widget-title { margin-bottom: 15px;margin-top: 0em;}
.footer-area .single-footer-1 aside:first-child:before{border-radius: 0px 0px 170px 0px;}
.footer-area .social-profile-icons ul li a{margin: 0;}
.footer-area .single-footer-1 aside:first-child:after{top: 50%;right: 0px;}
#faq-section .faq-content button.accordion{padding: 10px 40px 10px 18px;margin:0px;}
#about .about-data{padding: 0;}
header .innerhead-overlay {right: 10%;}
#innerpage-box .single-team{margin-bottom: 5em;}
#innerpage-box {  padding: 2em 0em ;}
#innerpage-box .inner-blogpost .blog-admin{padding: 5px 0px 5px;border-radius: 0;}
.breadcrumbbox {width: 100%;}
}

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

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

@media screen and (max-width: 580px){  
.ht-team-counter-wrap{  margin-left: 0;}
.ht-counter{ width: 75%; float: none; margin: 0 auto 60px;}
.ht-portfolio{
    width: 50%;
    padding: 4px;
}
}

@media screen and (max-width: 575px){ 
header .hphone p{display: none;}
header .htop button.share-icn, header .headphone{display: block;}
header .hphone .head-icon{display: block;position: relative;}
header .hphone .tooltiptext{
    display: block;
    visibility: hidden;
    width: auto;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 0px 8px;
    position: absolute;
    right: 0;
    bottom: -20px;
    z-index: 1;
}
header .hphone .tooltiptext a{color: #fff}
header .hphone .head-icon:hover .tooltiptext{visibility: visible;}
header .head-sharebx{text-align: center;}
header .htop button.share-icn {
    width: auto;
    padding: 0 0px;
    font-size: 25px;
    box-shadow: none;
    margin: 0;
    float: right;
}
header .share-btn .a {
    width: 50px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    color: #fff;
    text-align: center;
    float: left;
}
header .share-btn .a:hover{color: #000 !important;}
header .share-btn.active.top {
  transform: scale(1) translateY(-10px);
}
header .share-btn.active {
  opacity: 1;
  transition: all 0.4s ease 0s;
  visibility: visible;
  border-radius: 5px;
}
header .share-btn.top {
  margin-top: -80px;
  transform-origin: 0 0 0;
}
header .share-btn {
    opacity: 0;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    position: absolute;
    top: -28px;
    right: 0;
    z-index: 99999;
    width: 140px;
}
header .share-btn.headphone{top: -19px;width: auto;}
header .share-btn li a{width: 30px;line-height: 30px;height: 30px;font-size: 17px;}
header .hphone i{font-size: 25px;}
.site-navigation{padding: 0;}
.slider_section .slider_content{right: 0;margin: 0 auto;}
.slider_section .msli-oly {right: 4em;}
.slider_section .slider_content { width: 300px;}
#about .hi-icon,
#about .about-area-data { text-align: center;}
#about .abt-btn.btn1 {text-align: center;}
#innerpage-box .cntpgtxt p {font-size: 20px;}
header .hphone{text-align: right;position: relative;}
.service-area .single-service-bx {padding: 0 1.5em;}
#innerpage-box .ts-area-thumb{margin: 0em 0 1em 0;text-align: center;}
#innerpage-box .ts-area-single-inn{text-align: center;}
blockquote{width: 95% !important;margin: 0 13px 20px 10px;}
blockquote { padding: 2em 1em 1em 1em !important;}
.wp-block-quote cite{font-size: 18px;}
#innerpage-box .cntpgicon{width: 10%;}
#innerpage-box .cntpgtxt{width: 90%;}
.testimonials-area .swiper-container{height: 540px;}
.testimonials-area .text-designation{margin-left: 2em;}
#oursteps .oursteps-bx .oursteps-button i{display: none !important;}
#innerpage-box .text-designation{margin: 5px 0 5px 10px;}
#innerpage-box .tsareainn{padding: 24px 0 15px 13px;}
#innerpage-box .single-team {padding: 0 3em 0 1em;}
#innerpage-box .gallery-inn{padding: 10px 20px;}
}

@media screen and (max-width: 520px){
.top-bar-head .head-menu {  padding-right: 0em;}

.s-footer { 
    margin-bottom: 1em;
}
}

@media screen and (min-width: 320px) and (max-width: 475px){
.slider_section .title { font-size: 26px;  line-height: 32px;}
.slider_section .sub-title {margin: 4px 0;font-size: 16px;}
.slider_section .text{margin: 5px 65px 5px 0;font-size: 16px;    line-height: 25px;}
#testimonials .test-form {  margin: 0 1em;}
.footer-area input[type="submit"] { position: relative; top: 0px;margin-bottom: 1em;}
.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], 
.footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], 
.footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], 
.footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], 
.footer-area input[type="datetime"], .footer-area input[type="datetime-local"], 
.footer-area input[type="color"], .footer-area textarea, .footer-area select{padding: 12px 10px 12px 18px;}
.page_featured {margin: 0 2em;margin-bottom: 1em;padding: 3em 4em;}
/*#innerpage-box .ts-area-single-inn { margin: 0 0em 1em 0em;}*/
#innerpage-box .ts-area-c i { right: 8%;}
#innerpage-box .ts-area-c p { font-size: 18px; line-height: 30px;}
#innerpage-box .single-team {margin-bottom: 2em;}
#innerpage-box .textbx{position: relative;width: 100%;bottom: 0;}
main#innerpage-box h1, 
body.page-template-default main#innerpage-box h1, 
.ht-main-title, #ht-contactus-wrap h1 { font-size: 21px !important;}
/*.page-main-header .headinnbx {  width: 100%;}*/
.faq_tp .faq-heading {  font-size: 30px;}
.faq_tp {  padding-bottom: 1em;}
.section-title .heading-brd1:before{top: 17px;}
#about .aboutarea-img img{height: 200px;}
header .woocommerce-breadcrumb, .breadcrumbbox .button{font-size: 16px;}
header .innerhead-overlay {right: 1%;}
.breadcrumbbox span.root{padding: 5px 12px 5px;margin-right: 1px;}
.breadcrumbbox span.treeEnd{padding: 5px 3px 5px;}
header.page-main-header .innheadlhs{padding: 1em 0;}
div#content-box .faq-content button.accordion{padding: 12px 20px 11px 20px;}
main#innerpage-box div#content-box h5.faq-title{line-height: 25px;}
#about .abtsection-title h2 {font-size: 35px;line-height: 45px;}
#about .section-subtitle h3 {font-size: 29px;line-height: 40px;}
#about .about-area-data h4{font-size: 23px;}
#about .abt-btn a{font-size: 20px}
.testimonials-area .swiper-container{height: 640px;}
#testimonials .section-title h2 {font-size: 32px;line-height: 43px;}
#testimonials .section-subtitle h4{font-size: 21px;line-height: 30px;}
#testimonials .section-text p{font-size: 17px;margin-bottom: 1em;}
.blog-area .section-title h2{font-size: 35px;}
.blog-area .section-title {margin-bottom: 2em;}
.service-area .single-service-bx{margin-bottom: 2em;}
#faq-section .faq-heading h2, 
div#content-box .faqinn-leftbxcon .faqinn-heading h2{font-size: 40px;}
.slider_section .slider-top .swiper-slide-container{margin-top: 0em;}
#innerpage-box .ht-blog-thumbnail img{height: 250px !important;}
#innerpage-box .inner-blogpost-info .bloginnarea{padding: 26px 5px 0;}
#innerpage-box .cntlhsbx{padding: 2em 0 2em;}
#innerpage-box .cnctinn-imgsec img {height: 300px;}
.wp-block-group__inner-container h2, 
#innerpage-box .widget-area .widget-title{font-size: 20px !important;}
blockquote:after{right: 5%;bottom: 1em;border-radius: 0px 0px 75% 0px;}
#innerpage-box .lz-gallery-images img {height: 350px !important;}
#innerpage-box .contact-address-area .cntct-circle {right: -9%;}
.page-main-header .ht-main-title{width: 100%;}
#about .abtsection-title{margin-bottom: 1em;}
.blog-area .blog-imgovly1{display: none;}
}

@media screen and (min-width: 376px) and (max-width: 475px){
    #innerpage-box .singleinner-service .service_inimg .service-img{height: 380px;}
}

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

@media screen and (min-width: 320px) and (max-width: 475px){
.faq_tp .faq-heading:before,
.faq_tp .faq-heading:after{   display: none;}
.footer-area .footerlayer-3{bottom: 10%;}
.footer-area .footerlayer-2{bottom: 40%;}
.footer-area .footerlayer-1{top: 2%;left: 35.3%;}
.footer-bottom-area ul li { margin: 0 10px;}
.footer-text, .footer-area li{font-size: 14px;}
.header-transparent .is-fixed .main-bar h1.ht-site-title{top: 35px;}
.resp_head_box{margin-bottom: 0;}
.header-seo.header-transparent .is-fixed .main-bar img { top: 55px;}
.header-seo.header-transparent .is-fixed .main-bar img { top: 50px;}
div#sb-search {margin-left: 0;}
header.site-header input[type="search"]{width: 100%;}
header.site-header span.sb-icon-search,
header.site-header input[type="submit"]{right: 0;}
.single-header-info { text-align: center; padding: 0;}
#faq-section .faq-heading,
div#content-box .faqinn-leftbxcon .faqinn-heading{width: 170px;height: 170px;padding: 10px;top: 8em;}
#faq-section .faq-brd,
div#content-box .faqinn-leftbxcon .faqinn-brd{width: 250px;height: 250px;border-width: 20px;margin-right: -6.8em;}
#faq-section .faqlfbx-detail,
div#content-box .faqinn-leftbxcon .faqinnlfbx-detail{margin-right: 5em;}
#faq-section .subtitle, div#content-box .faqinn-leftbxcon .subtitle{top: 4em;margin: 0px 0 80px;}
#faq-section h6.faq-title, 
#faq-section .faq-content button.accordion.active h6{font-size: 20px;line-height: 30px;}
.single_post .datebx .post-date-publishable{padding-top: 4px;padding-bottom: 4px;}
}

@media screen and (min-width: 320px) and (max-width: 425px){
body {   position: inherit; }
.comment-form-url,
.comment-form-author,
.comment-form-email{ width: 98%;}
.slider_section .slider_content{padding: 0.3em;}
#innerpage-box .item.innertest-item{width: 100%;}
#innerpage-box .contform {display: block !important;}
.section-title h2{font-size: 28px;}
#about .abtsection-title h2{line-height: 30px;}
.slider_section img.slide-mainimg{width: 85px;height: 85px;}
.slider_section .slider-thumbs .swiper-slide-active img.slide-mainimg {width: 100px;height: 100px;}
.slider_section .slider-thumbs .swiper-slide.swiper-slide-active {width: 100px !important;}
.swiper-container.slider-thumbs .swiper-slide-container{padding-top: 0.5em;}
.slider_section .msli-oly {right: 1em;}
.swiper-container.slider-thumbs{height: 110px;}
#banner-section .banner_distitle p { width: 85%;}
}

@media screen and (min-width: 320px) and (max-width: 374px){
    .testimonials-area .round {top: 77px;width: 84%;height: 70%;}
    .testimonials-area .title-box p{
    overflow: hidden;display: 
    -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
    }
    .testimonials-area .title-box .title {margin-top: 2em;}
    .blog-area .blog-adminbx, .blog-area .blog-comment{width: 100%;text-align: center;}
    .blog-area .blog-comment{border-left: none; border-top: 2px solid;}
    .blog-area .blog-admin{top: -70px;}
    #faq-section .subtitle, div#content-box .faqinn-leftbxcon .subtitle{transform: rotate(0deg);top: 1.7em;}
    #innerpage-box .inner-blogpost .blog-admin li{width: 100%;display: block;}
    #innerpage-box .inner-blogpost .blog-admin li:last-child{float: none;border-left:none;}
    #innerpage-box .inner-blogpost .blog-admin .blog-comment{text-align: left;}
}

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

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

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