/*Theme Name: Social Ngo Free
Description: If you own or are a part of Social NGO, working forth causes related to employment, housing, health, trans life, or any other, and want to create a wider canvas to attract attention of people, our Social NGO Free Theme is for you! If you have already bought a domain name and have hosting space, just download and install our theme, and you’re ready for a take off! Social NGO Free Theme we’ve designed suits diverse causes NGOs you may be associated with. Whether you are engaging in promoting and empowering the youth, offering education platforms to the under-privileged, or you are into some kind of civic engagement, old age care, this Social NGO Free Theme can help you display all your work effortlessly. Whether social work is your passion, your part-time engagement or full time work, Social NGO Free Theme is going to meet all your requirements. Besides donors and volunteers, through this theme you can engage with your key stakeholders too. In this era of digitalization no work is ever complete without having an online presence. If you want your NGO to grow and evolve you out to improve your visibility, associated with people in your niche and for bonds to work in one direction and grow as well as build reputation. The simplest way to achieve all this and more is to download our Social NGO Free Theme, install it and get going! The theme enables you publish information, put up images, update information about news and events as and when required, ditto for images, and more. As a social NGO if you are associated with more than one initiative, you can share information about all of them on Social NGO Free Theme. You can create as many pages as you wish to feature all the portfolios and initiatives and share your success journey with visitors. Suppose you’re associated with working on outbreak of some disease, or with patients suffering from the aftermath of HIV/AIDS or the most recent pandemic COVID, providing individuals or families looking for specific support with regard to health, employment, housing, etc. Social NGO Free Theme is designed to help you take your causes forward in the right direction.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: social-ngo-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 0px;
    padding-top: 0px;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding:0px;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #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;
    font-weight: 400;
    font-size: 19px;
    line-height: 30px;
}
blockquote {
    top: 2em;
    background-color: #f2f2f2;
    position: relative;
    clear: both;
    margin: 2em 1em 4em;
    padding: 1.7em 3em 3.5em 3.3em !important;
    font-size: 18px;
    line-height: 30px;
    color: #212121;
    font-style: normal;
    font-weight: 400;
    border: 1px solid #d33;
}
blockquote:before {
    content: "\f10d";
    font-family: 'FontAwesome';
    position: absolute;
    top: -15px;
    font-size: 35px;
    clear: both;
}
blockquote:after {
    content: "\f10e";
    font-family: 'FontAwesome';
    position: absolute;
    bottom: -15px;
    right: 3em;
    font-size: 35px;
    clear: both;
}
/*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;
}
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;
    padding: 0px 3px;
    margin: 0;
    /*border: 1px solid #eaeaea;*/
    border-bottom: none;
}
.widget-area ul.menu{margin-left: 1.5em !important;}
.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;
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
    padding-left: 30px;
}
.widget-area a{
    text-decoration: none;
    font-size: 18px;
    color: #404040;
    display: block;
    padding: 7px 0;
    font-weight: 400;
    line-height: 30px;
    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
--------------------------------------------------------------*/

.wp-block-separator{width: 94%;}
#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, 
#sidebars .widget_nav_menu ul li a{padding: 0px 30px;}

#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,
#sidebars .wp-block-categories a:before,
#sidebars .wp-block-latest-posts a:before{ 
       font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f0da";
    margin: 0;
    left: 0;
    font-weight: 600;
    transition: all 0.2s ease 0s;
    font-size: 19px;
    position: absolute;
}
#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: 2.5em;position: relative;}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{left: 0;}
.woocommerce-error li, .woocommerce-info li, .woocommerce-message li{margin-left: 1em !important;}
/*/*---------------------
sidebar menu 
------------------------*/
#secondary .widget_nav_menu li ,
#sidebars .widget_nav_menu ul li{
    margin: 0 0 10px !important;
    border: 1px solid #000;
    padding-left: 0;
}
#sidebars .widget_nav_menu a,
#sidebars .widget_nav_menu ul li a{display: block;}
#secondary .widget_nav_menu li.current-menu-item a:before, 
#sidebars .widget_nav_menu ul li.current-menu-item a:before {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f0da";
    color: #000;
    font-weight: 600;
    font-size: 19px;
    left: 5px;
    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: 0;
    border: 1px solid #543602;
    padding: 12px 3px 13px 20px;
    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"]{
   width: 100%;
    font-size: 18px;
    padding: 13px 18px 12px;
    border-radius: 0;
}
#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-all;
}

#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: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}
.ht-gallery-member-image {
    position: relative;
    overflow: hidden;
}
/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/

/*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;
}*/
.widget-area form{position: relative;}
.wp-block-search__button{
    display: inline-block;
    position: relative;
    text-align: center;
    padding: 5px 26px !important;
    border-radius: 0!important;
    z-index: 999 !important;
    top: 5px;
    font-size: 24px;
    font-weight: 600;
    background: transparent;
    overflow: hidden;
    border: none;
    box-shadow: none;
    float: right !important;
    position: absolute!important;
    right: 0px !important;
    text-indent: -999px !important;
    width: 0% !important;
    z-index: 1 !important;
    margin-right: -6px;
    margin: -4px 1px 0 0;
}
.widget-area .wp-block-search__button-outside:after {
    position: absolute;
    top: 0px;
    font-size: 16px;
    right: 0px;
    text-align: center;
    border: 1px solid #000;
    background-repeat: no-repeat;
    height: 48px;
    line-height: 46px;
    width: 55px;
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
    opacity: 1;
}
.wp-block-tag-cloud a{
    display: inline-block !important;
    padding: 5px !important;
    line-height: 25px !important;
    margin: 0 10px !important;
}
#sample-heading-here:after {display: none !important;}
.section-title{ margin-bottom: 20px;/*margin-top: 20px;*/ position: relative;display: inline-block;}
.section-title h2 {
   position: relative;
    word-break: break-word;
    font-weight: 900;
    font-size: 50px;
    margin-bottom: 0px;
    z-index: 1;
    word-spacing: 0px;
    padding: 20px 27px 20px 0;
}
.section-heading{position: relative;}
/*.section-heading .heading-brd1{
    position: relative;
    display: inline-block;
    border: 1px dashed #000;
    width: 100%;
}*/
/*.section-heading .heading-brd1{position: relative;}*/
.section-heading .heading-brd1{
    content: "";
    position: absolute;
    top: 3.9em;
    left: 0;
    right: 0;
    display: block;
    height: 5px;
    border: 1px solid #000;
    border-left: none;
    border-right: none;
    z-index: 0;
}
.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 12px;
    z-index: 1;
}
.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;}
.breadcrumbbox span{ color:#000; margin:0 1px;letter-spacing: 1px;}
.breadcrumbbox .bread-arrow {display: none;}
.breadcrumbbox span.root {
    position: relative;
    padding: 13px 36px 12px 23px;
    margin: 0 10px 0 0;
    clip-path: polygon(0 0, 79% 0, 100% 50%, 79% 100%, 0 100%);
}
.breadcrumbbox span.root a {z-index: 1;position: relative;}
.breadcrumbbox span.root:before{
    content: '';
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 0px;
    right: 1px;
    background: #727272;
    clip-path: inherit;
}
.breadcrumbbox span.treeEnd {padding: 9px 57px 10px 23px;}
.breadcrumbbox i {
    font-size: 20px;
    font-weight: 100;
    top: 0px;
    position: relative;
}
header .woocommerce-breadcrumb,
.breadcrumbbox .button {
        padding: 9px 0px 8px !important;
    display: inline-block !important;
    font-size: 20px;
    font-weight: 400;
    border: 1px solid #D88E2D;
    border-radius: 0px;
    text-align: center;
    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:before,
.page-main-header:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100px;
    background: #000;
    opacity: 0.4;
}
.page-main-header:before{left: 0;}
.page-main-header:after{right: 0;}
.page-main-header .heder-ovly1{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.4;
}
.header-left.logo{text-align: center;}
.logo-header.mostion {padding: 0.8em;display: inline-block;}
.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;top: -5px;}
.logobox img{ position: relative;}
header.site-header .main-dispaly.padding0 {  padding-right: 0;}

/*menu Hover bg color*/
.navigation .mainmenu li a::before {
   content: '';
    height: 100%;
    width:100%;
    border: 3px solid transparent;
    transform: scale(0.9);
    position: absolute;
    left: 0;
    top: 0  ;
    z-index: -1;
    transition: transform 0.5s, opacity 0.5s;
}
/*.current_page_item > a:hover,*/
.navigation .mainmenu li a:hover::before {
   border-color: #fff;
    opacity: 0;
    transform: scale(1.3);
}

/* 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 15px;
}
.navigation .mainmenu li a{ 
    display:block; 
    text-align:center; 
    /*color:#ffffff; */
    position:relative; 
}
/*new*/

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

.navigation .mainmenu ul.sub-menu{
    opacity: 0;
    visibility: hidden;
    filter: blur(30px);
    transition: all 0.3s ease-in-out 0s;
}
.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{
     opacity: 1 !important;
    visibility: visible !important;
    filter: blur(0);
}
.navigation .mainmenu ul.sub-menu li:hover{transform: scale(1.05);}
/*.navigation .mainmenu li:hover ul.sub-menu{
    left: auto;
    text-align: left;
    transition: all 0.5s;

   animation: slideInRight .8s ease-in-out;
    border-radius: 0px;
}*/

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;
    top: 40px;
}


.ht-sticky-header #slider{ margin-top:100px!important; }
/* = Navigation 3rd level css
-------------------------------------------------------------- */

/*.navigation .mainmenu li:hover ul li:hover > ul{
    display:inline-block; 
    position:absolute; 
    left:100%; 
    -ms-animation: fadeInRight .3s ease-in-out; 
    -webkit-animation: fadeInRight .3s ease-in-out; 
    animation:fadeInRight .3s ease-in-out; 
    z-index: 1;
}*/
.navigation .mainmenu li:hover ul li > ul{
    opacity: 0;
    visibility: hidden;
    filter: blur(30px);
    transition: all 0.3s ease-in-out 0s;
}
.navigation .mainmenu li:hover ul li:hover > ul{
     opacity: 1 !important;
    visibility: visible !important;
    filter: blur(0);
}

.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;
}
.header-icon i.fa {
    position: relative;
    top: 0px;
    font-size: 15px;
    padding-right: 9px;
    font-weight: 700;
}
.home.page-template .site-header{
    z-index: 99999;
    position: absolute;
    width: 100%;
    background: none;
}
.page-template .site-header,
.page-template-default .site-header,
.site-header {
    z-index: 99999;
    position: relative ;
    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.page-main-header .innheadlhs {
    position: relative;
    padding: 8.2em 0 8em;
    text-align: center;
}
/*====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;}

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

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation { margin: 0 0 15px; overflow: hidden;}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous { float: left; width: 50%;}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.navigation .mainmenu {
    transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -webkit-transition: padding 0.3s ease;
}
.navigation .mainmenu.ht-menu { display: block !important;}
.navigation .mainmenu li { position: relative;}
.navigation .mainmenu li a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  padding: 2px 0;
}
.sf-arrows .sf-with-ul { padding-right: 0em !important;}

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

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

/* = Navigation sticky header css
-------------------------------------------------------------- */
/*.mobi1{display: none;}*/
.header-mainmenu{padding: 1.15em 0 1.5em;}
.site-navigation {
    margin-top: 0px;
    /* background: #fff; */
    display: inline-block;
    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;}

/*----------------------------------------*/
/*  Header Area
/*----------------------------------------*/

header.site-header .header-btn a {
    position: relative;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    padding: 11px 27px;
}
header.site-header .header-btn a:after {
    content: '';
    display: block;  
    position: absolute;
    left: 86%;
    top: 0;
    width: 15%;
    height: 100%;
  border-top: 3px solid #efc94c;
    border-right: 3px solid #efc94c;
    border-bottom: 3px solid #efc94c;
    transition: all 1s;
    opacity: 0;
}
header.site-header .header-btn a:before {
    content: '';
    display: block;  
    position: absolute;
    right: 86%;
    top: 0;
    width: 15%;
    height: 100%;
  border-top: 3px solid #efc94c;
    border-left: 3px solid #efc94c;
    border-bottom: 3px solid #efc94c;
    transition: all 0.5s;
    opacity: 0;
}
header.site-header .header-btn a:hover:after,
header.site-header .header-btn a:hover:before{
    opacity: 1;
    transition: all 1s;
}

header.site-header .header-btn a:hover {
  background-color: transparent;
}
header.site-header .header-btn{padding: 6px 0; }
header.site-header .header-btn .header-btn1{margin-right: 10px;}
header.site-header .share-btn {text-align: center;padding: 6px 0;}
header.site-header .share-btn li {
    display: inline-block;
    list-style-type: none;
}
header.site-header .share-btn  a {
    font-size: 16px;
    margin: 0 10px;
}
header .head-sharebx button.share-icn,
header .head-icon{display: none;}
.header-logo .header-brd{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 3.1em;
    border: 1px solid #000;
    border-right: none;
    border-left: none;
    height: 6px;
    z-index: -1;
}
.header-logo .header-phone, .header-logo .header-mail { padding: 1.75em 0 0.3em;}
.header-logo .header-phone a, 
.header-logo .header-mail a {font-size: 15px;line-height: 25px;font-weight: 400;}
.site-header .header-logo i {font-size: 14px;font-weight: 900;margin-right: 13px;}
.header-logo .header-mail{text-align: right;}

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

.slider_section{
    position: relative;
    overflow: hidden;
    background: #F6E8DA;
}
.slider_section .owl-dots {  display: none;}
.slider_section .sliderimg{
    position: relative;
}
.slider_section .msli-oly{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: 0.4;
    z-index: 2;
}
.slider_section .slide-mainimg {height: 666px;}
.slider_section .slider_content {
    padding: 2em 0em;
    position: absolute;
    top: 28%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 99;
    margin: 0 13em;
}
.slider_section .title {
        position: relative;
    font-size: 64px;
    font-weight: 900;
    word-break: break-word;
    line-height: 70px;
    margin: 5px 0 24px;
    word-spacing: 2px;
    letter-spacing: 2px;
}
.slider_section .text{
        font-size: 16px;
    font-weight: 400;
    word-break: break-word;
    padding: 0em 0em;
    margin: 0.5em 23em;
    color: #777777;
    line-height: 23px;
}
.slider_section .owl-item.active .title,
.slider_section .owl-item.active .text {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
.slider_section .owl-item.active .title{animation-delay: 1s;}
.slider_section .owl-item.active .text{animation-delay: 1.3s;}
/*====== 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;
    text-align: center;
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    padding: 5px 14px 3px;
    transition: all 0.4s ease 0.5s;
    border: none;
    text-decoration: none;
    transition: all .3s ease-out;
    margin: 1.35em 0 0;
}
.slider_section .btn5 a:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50%;
    height: 1px;
    background: #fff;
    transition: all .3s ease-out;
}
.slider_section .btn5 a:hover:before{width: 100%; transition: width 0.2s 0.35s ease-out;}
.slider_section .owl-item.active .btn5 a {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 1.6s;
}
#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%;
    font-size: 17px ! important;
    font-weight: 600 !important;
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: none;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: none;
}
.slider_section .owl-nav .owl-prev{transform: rotate(-90deg);}
.slider_section .owl-nav .owl-next{transform: rotate(90deg);}
.slider_section .owl-nav:before ,
.slider_section .owl-nav:after{
     content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
    width: 116px;
    z-index: 2;
}
.slider_section .owl-nav:before{left: 0;}
.slider_section .owl-nav:after{right: 0;}
/*.slider_section:hover .owl-nav .owl-prev ,
.slider_section:hover .owl-nav .owl-next{opacity: 1;}*/

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

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

/*----------------------------------------*/
/*   causes Area
===========================
/*----------------------------------------*/
.causes-area .inn-single-causes-bx { display: none;}
#causes { position: relative;overflow: hidden;background: #f8f8f8;}
#causes .section-rghtbx{position: relative;text-align: right;}
#causes .section-title {    margin-bottom: 7px;}
#causes .section-title h2{word-spacing: 0;background: #f8f8f8;}
#causes .section-text p{
    font-size: 20px;
    line-height: 35px;
    color: #041d57;
    font-weight: 400;
    width: 713px;
    margin-bottom: 2.45em;
}
.causes-area .single-causes-bx { 
    margin-bottom: 3em;
    position: relative;
    padding: 0 17px;
    transition: all 0.5s;
}
.causes-area .single-causes{
    position: relative;
    transition: all 0.5s;
}
#causes .section-btn{
    position: relative;
    display: inline-block;
    margin-top: 19px;
    padding: 30px 0 20px 58px;
    background: #f8f8f8;
}
#causes .section-btn a{
    position: relative;
    overflow: hidden;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 18px 32px 17px 32px;
}
#causes .section-btn a:after {
    content: '';
    display: block;  
    position: absolute;
    left: 86%;
    top: 0;
    width: 15%;
    height: 100%;
  border-top: 3px solid #efc94c;
    border-right: 3px solid #efc94c;
    border-bottom: 3px solid #efc94c;
    transition: all 1s;
    opacity: 0;
}
#causes .section-btn a:before {
    content: '';
    display: block;  
    position: absolute;
    right: 86%;
    top: 0;
    width: 15%;
    height: 100%;
  border-top: 3px solid #efc94c;
    border-left: 3px solid #efc94c;
    border-bottom: 3px solid #efc94c;
    transition: all 0.5s;
    opacity: 0;
}
#causes .section-btn a:hover:after,
#causes .section-btn a:hover:before{
    opacity: 1;
    transition: all 1s;
}
.causes-area .causes-icon { position: relative;overflow: hidden;}
.causes-area .causes-icon a:before, 
.causes-area .causes-icon a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #041d59;
    opacity: 0.4;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transition-timing-function: ease;
    -webkit-transform: translate(-13%, -190%) rotate(-30deg);
    transform: translate(-13%, -190%) rotate(-30deg);
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.causes-area .single-causes:hover .causes-icon a:before,
.causes-area .single-causes:hover .causes-icon a:after {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.causes-area .causes-icon a:after {
    -webkit-transition-delay: 0.3s !important;
    transition-delay: 0.3s !important;
}
.causes-area .causes-icon img {
    width: 100%;
    height: 316px;
    border-radius: 0;
    transition: all 0.5s;
}
.causes-area .sertxbx {padding:1.9em 2em 1.5em 1.2em;box-shadow: 1px 1px 0px 0px #e7e7e7;}
.causes-area h4 {font-size:26px;font-weight:700;margin:0px 0 22px 0;}
.causes-area p {font-size: 14px;margin: 1px 0 20px 0;line-height: 26px;font-weight: 400;}
.causes-area .serbtn {
    position: relative;
    /*position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -2em;
    margin: 0 auto;
    text-align: center;*/
}
.causes-area .serbtn a{
    display: inline-block;
    position: relative;
    overflow: hidden;
    bottom: 0;
    padding: 7px 28px 7px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    z-index: 1;
    transition: all 0.4s ease 0.5s;
    transition: 0.4s;
    margin: 14px 0 12px;
}
.causes-area .serbtn a:after{
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #fe6d6d;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width 0.2s ease 0s, height 0.2s ease 0.1s, border-top-width 0.1s ease 0.2s, margin 0.2s ease 0s;
}
.causes-area .serbtn a:hover:after{
    width: 60%;
    height: 0;
    border-width: 0 2px 2px;
    margin: 0 20%;
    transition: width 0.2s ease 0.2s, height 0.2s ease 0.1s, border-top-width 0.1s ease 0s, margin 0.2s ease 0.2s;
}
.causes-area .serbtn a,
.causes-area .serbtn a:hover{ color: #22ace3; }
.causes-area .serbtn a:after{ border-color: #22ace3; }


/*----------------------------------------*/
/*   ourstory Area
/*----------------------------------------*/

#ourstory{ position: relative;overflow: hidden;}
#ourstory .ourstory-bx{
    position: relative;
    margin-bottom: 0;
    background-image: linear-gradient( 0deg,#e5e5e5 50%,#041d59 25%);
}
#ourstory .ourstory-post{ text-align: center;  position: relative;}
#ourstory .details-bx{padding: 32px 32px 32px 45px;}
#ourstory .ourstory-bx:nth-child(2n) .details-bx{position: absolute;right: 0;}
#ourstory .ourstory-bx:nth-child(2n) .image-bx{position: absolute;left: 0;}

/*#ourstory .ourstory-bx:nth-child(odd) .details-bx{float: left;}
#ourstory .ourstory-bx:nth-child(odd) .image-bx{float: right;}*/
#ourstory .details{
    position: relative;
    padding: 11px 15px 37px;
    box-shadow: 0px 0px 41px -26px rgb(61 60 61 / 55%);
}
#ourstory .ourstory-icon{position: relative;overflow: hidden;}

/*#ourstory .ourstory-icon::before {
  content: '';
  position: absolute;
  top: 0; bottom: 0; 
  height: 100%; width: 0%;
  background-color: #000;
  z-index: 1;
  opacity: 0.5;
  transition: all 0.4s ease ;
}
#ourstory .ourstory-bx:nth-child(even):hover .ourstory-icon::before{
    right: 0;
   background: #000;
}
#ourstory .ourstory-bx:nth-child(odd):hover .ourstory-icon::before{
    left: 0;
    background: #000;
}
#ourstory .ourstory-bx:hover .ourstory-icon::before {
  width: 100%;
}*/
#ourstory .ourstory-icon::after  {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
 /* right: -100%;*/
  background: #041d59;
  z-index: 0;
  opacity: 0.5;
  transition: all 0.4s cubic-bezier(0.5, 1.6, 0.4, 0.7);
}
#ourstory .ourstory-bx:nth-child(even) .ourstory-icon::after{right: -100%;}
#ourstory .ourstory-bx:nth-child(even):hover .ourstory-icon::after{right: 0;}
#ourstory .ourstory-bx:nth-child(odd) .ourstory-icon::after{left: -100%;}
#ourstory .ourstory-bx:nth-child(odd):hover .ourstory-icon::after{left: 0;}
#ourstory .ourstory-icon img{
    overflow: hidden;
    position: relative;
    height: 337px;
    width: 100%;
    z-index: 0;
}
#ourstory .ourstory-ovly{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.1;
}
#ourstory .ourstory-post:hover .ourstory-icon:after { top: 0;}
#ourstory .sec-subtitle h5 {
    position: relative;
    display: inline-block;
    font-size: 15px;
    letter-spacing: 1px;
    color: #ff1600;
    font-weight: 400;
    padding: 0px 8px;
}
#ourstory .sec-subtitle h5:after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 7px;
    background: #ff1600;
}
#ourstory h3.title {
    font-weight: 400;
    font-size: 26px;
    line-height: 40px;
    padding: 4px 0 6px;
    margin: 0;
}
#ourstory .details p {
   font-size: 15px;
    font-weight: 400;
    line-height: 29px;
    margin: 0 8em 2.15em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: pre-wrap;
}
#ourstory .sec-btn a{
    position: relative;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 10px 10px 27px;
    letter-spacing: 1px;
    color: #000;
    /*box-shadow: 0px 0px 0px 2px #f5f5f5;*/
}

#ourstory .sec-btn a:after{
    content: "";
    width: 100%;
    height: 100%;
    border: 2px solid #fe6d6d;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width 0.2s ease 0s, height 0.2s ease 0.1s, border-top-width 0.1s ease 0.2s, margin 0.2s ease 0s;
}
#ourstory .sec-btn a:hover:after{
    width: 60%;
    height: 0;
    border-width: 0 2px 2px;
    margin: 0 20%;
    transition: width 0.2s ease 0.2s, height 0.2s ease 0.1s, border-top-width 0.1s ease 0s, margin 0.2s ease 0.2s;
}
#ourstory .sec-btn a svg {margin-left: 10px;}

/*----------------------------------------*/
/*  About Area
/*----------------------------------------*/
#about { position: relative; overflow: hidden;}
#about .abt-rbx {position: relative;}
#about .about-area-bx{position: relative;}
#about .about-leftbx{position: relative;margin-top: 2em;}
#about .about-leftbx .about-overlay{
    content: '';
    position: absolute;
    left: -30em;
    right: 0;
    bottom: 0;
    top: 8.3em;
    background: #041d59;
    clip-path: polygon(0 0, 56% 0, 57% 34%, 100% 34%, 100% 100%, 0 100%);
}
#about .abtsection-title h2{
   font-size: 120px;
    font-weight: 700;
    line-height: 87px;
    margin: 0;
}
#about .abtsection-subtitle h4{
    font-size: 40px;
    line-height: 62px;
    font-weight: 700;
}
#about .section-subtext p{    
    font-size: 20px;
    font-weight: 400;
    margin: 1.4em 0 1.5em 0;
    line-height: 30px;
}
#about .about-area-count{
    font-size: 33px;
    line-height: 30px;
    color: #f6f6f6;
    font-weight: 600;
    padding: 15px 10px 6px;
}
#about .about-area-data h4{
   font-size: 25px;
    line-height: 30px;
    color: #f6f6f6;
    font-weight: 500;
    padding: 10px 10px;
}
#about .about-area-data p{font-size: 18px;padding: 0; margin: 0;}
#about .aboutus-single {
   margin: 1.4em 0 2.2em;
    padding: 0;
    transition: all .2s linear;
    display: inline-block;
    z-index: 1;
}
#about .aboutus-single:hover .hi-icon span{ transition: all 0.5s;animation: rotateInUpRight .5s ease-in-out;}
#about .hi-icon span{transition: all 0.2s ease 0s;}
#about .abt-btn a{
    margin-top: 1.3em;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 15px 35px 14px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    z-index: 1;
    transition: all 0.2s ease 0.4s;
    text-decoration: none;
    transition: 0.5s;
}
#about .abt-btn a:after{
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #fe6d6d;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width 0.2s ease 0s, height 0.2s ease 0.1s, border-top-width 0.1s ease 0.2s, margin 0.2s ease 0s;
}
#about .abt-btn a:hover:after{
    width: 60%;
    height: 0;
    border-width: 0 2px 2px;
    margin: 0 20%;
    transition: width 0.2s ease 0.2s, height 0.2s ease 0.1s, border-top-width 0.1s ease 0s, margin 0.2s ease 0.2s;
}
#about .aboutarea-img {
    position: relative;
    transition: all .2s linear;
    border: 7px #041d59;
    border-style: double;
    margin-right: 3em;
}
#about .aboutarea-img img{
    position: relative;
    width: 100%;
    height: 402px;
    transition: all .4s linear;
    border: 12px solid #fff;
    z-index: 1;
}

/*----------------------------------------*/
/*   Features Section
/*----------------------------------------*/
#features {position: relative; overflow: hidden;}
#features .section-title {margin-bottom: 3px;}
#features .section-title h2{line-height: 71px;margin: 0 1em;padding: 0;}
#features .featuresus-post-boxes {position: relative;}
#features .featuresbx {
    margin-bottom: 1.2em;
    position: relative; 
    padding: 30px 25px 10px;
    transition: all 1s ease 0s;
}
#features .featuresus-single { 
    position: relative;
    transition: all .1s linear;
    padding: 1em 1.5em;
    transition: all 1s ease 0s;
}
#features .featuresbx:hover .featuresus-single{
    transition: all 1s ease 0s;
    box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.4);
}
/*#features .featuresbx .featuresus-single:before,
#features .featuresbx .featuresus-single:after{
    content: "";
    background: #041d59;
    width: 0;
    height: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.4s ease-in-out;
}
#features .featuresbx .featuresus-single:after{
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
}
#features .featuresbx:hover .featuresus-single:before,
#features .featuresbx:hover .featuresus-single:after{
    width: 100%;
    height: 100%;
}*/

#features .featuresbx .featuresus-single:before{
        content: "";
    background-color: #c95010;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    box-shadow: 5px 0 5px rgba(0,0,0,0.5) inset;
    transform: translateX(0%) translateY(0%) rotate(0deg) skewY(0deg);
    /*transform: translateX(0%) translateY(0%) rotate(-6deg) skewY(11deg);*/
    position: absolute;
    z-index: -1;
     transition: all 0.4s ease-in-out;
}
#features .featuresbx:hover .featuresus-single:before{
    transform: translateX(0%) translateY(0%) rotate(-6deg) skewY(11deg);
}
#features .hi-icon { 
    display: block;
    position: relative;
    transition: all 1s ease 0s;
}
#features .hi-icon span {z-index: 1; font-size: 75px;position: relative;transition: all 1s ease 0s;}
#features .features-area-data { position: relative;}
#features .features-area-data h4{
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    padding: 22px 0px 10px;
    font-weight: 500;
    position: relative;
    z-index: 1;
}

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

/*----------------------------------------*/
/*  Testimonials Section 
/*----------------------------------------*/
#testimonials .item.innertest-item.col-md-6{width: 100% !important;}
#testimonials {position: relative; overflow: hidden;}
#testimonials .section-title{margin-bottom: 28px;}
#testimonials .test-ovly{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #041d59;
    opacity: 0.7;
}
#testimonials .test-area{position: relative;z-index: 1;}
#testimonials .section-title h2{word-spacing: 0px;padding: 0;}
#testimonials .section-text p {font-size: 20px;font-weight: 500;margin-bottom: 0;}
#testimonials .ts-area-single {margin: 2.55em 0 3.5em;}
#testimonials .ts-area-bg{position: relative;transform: scale(1);}
#testimonials .owl-item.active.center .ts-area-bg{transform: scale(1.13);}

#testimonials .owl-item.active:nth-child(1) .ts-area-bg{background: #000;}

#testimonials .tesbox { position: relative; overflow: hidden; }
#testimonials .tes-olay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
}
#testimonials .ts-area-thumb img{ 
    position: relative;
    z-index: 1;
    transition: all 1s ease 0s;
    width: 73px;
    height: 73px;
    border-radius: 50%;
    margin-left: 10px;
}
#testimonials .ts-area-content {
    position: relative;
    margin: 1.3em 0em 0.5em 0em;
    padding: 1.4em 0.3em 2.2em 1.7em;
    transition: all 1s ease 0s;
}
#testimonials .ts-area-content:before{
    content: "";
    width: 20px;
    height: 20px;
    border-bottom: 18px solid #fff;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    margin: 0 auto;
    position: absolute;
    top: -19px;
    left: 33px;
}
.testimonials-area .ts-area-bx{position: relative;}
.testimonials-area h3.ts-area-title {
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 1px;
    font-weight: 400;
    position: relative;
    transition: all 1s ease 0s;
    margin: 5px 0 4px;
}
.testimonials-area .ts-area-content:hover h3.ts-area-title{letter-spacing: 1px;transition: all 0.5s ease 0s;}
.testimonials-area .ts-area-c{position: relative;display: block;}
.testimonials-area .ts-area-c p {
   position: relative;
    z-index: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 1px;
    margin: 0.5em 0;
    display: block;
}
#testimonials .text-designation{    
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 31px;
}
#testimonials .owl-carousel {display: block;transition: all 1s ease 0s;}
#testimonials .owl-dots{display: block;text-align: center;position: relative;}
#testimonials .owl-nav {display: none; }
#testimonials .owl-carousel .owl-nav button.owl-next, 
#testimonials .owl-carousel .owl-nav button.owl-prev{
    border: none;
    font: inherit;
    background: none;
    color: #fff;
    font-size: 80px;
    padding: 0;
    margin: 0 16px;
    width: 30px;
    height: 0px;
    box-shadow: none;
    font-weight: 500;
    transition: all 1s ease 0s;
}
#testimonials .owl-carousel button.owl-dot {
   width: 10px;
    height: 10px;
    border-radius: 50px;
    background-color: #fff;
    padding: 0;
    margin: 5px 7px;
}
#testimonials .owl-carousel button.owl-dot.active {outline-offset: 2px;outline: 2px solid #fff;}


/*----------------------------------------*/
/*   clientlogo Area
/*----------------------------------------**/
#clientlogo {
    position: relative;
    overflow: hidden;
    border: 1px solid #cdcdcd;
    border-right: none;
    border-left: none;
}
#clientlogo .clientlogo-bx {
    position: relative;
    padding: 0.7em 0em 0.4em;
}
#clientlogo .supp-inn {
    padding: 10px;
    text-align: center;
    transition: 0.4s ease all;
}

#clientlogo .hi-icon a{
  position: relative;
    overflow: hidden;
    color: #0b7;
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    cursor: pointer;
    -webkit-transition: 0.5s;
    padding: 10px;
}
#clientlogo .hi-icon img{
    vertical-align: top;
    margin: 0 auto;
    width: 100%;
    filter: gray; 
    -webkit-filter: grayscale(1);
    -webkit-transition: all .8s ease-in-out;  
}
#clientlogo .supp-inn:hover .hi-icon img {
    filter: none;
      -webkit-filter: grayscale(0);
      -webkit-transform: scale(1.1);
    }
#clientlogo .owl-carousel {display: block;}
#clientlogo .owl-nav {display: none;}
#clientlogo .owl-nav .owl-prev, #clientlogo .owl-nav .owl-next {
    position: absolute;
    top: 3em;
    border-radius: 50%;
    box-shadow: none;
    width: 16px;
    height: 38px;
    line-height: 22px;
}
#clientlogo .owl-nav .owl-prev{left: -4em;}
#clientlogo .owl-nav .owl-next{right: -4em;}
#clientlogo .owl-nav span {
    font-size: 35px;
    font-weight: 600;
    line-height: 20px;
    position: relative;
}
#clientlogo .owl-nav .owl-prev span{ left: -8px;}
#clientlogo .owl-nav .owl-next span{ left: -5px;}
#clientlogo .owl-dots {display: none;}

/*----------------------------------------*/
/* event Section
/*----------------------------------------*/
#event{position: relative;overflow: hidden;}
#event .section-title{margin-bottom: 15px;}
#event .section-title h2 {background: #fff;padding: 15px 15px 15px 0;letter-spacing: 2px;}
#event .section-heading .heading-brd1{top: 3.6em;}
#event .section-rghtbx{position: relative;text-align: right;}
#event .section-btn{
   position: relative;
    display: inline-block;
    padding: 20px 0 20px 50px;
    background: #fff;
    margin-top: 1.3em;
}
#event .section-btn a {
    position: relative;
    overflow: hidden;
    font-size: 21px;
    font-weight: 500;
    padding: 15px 35px;
}
#event .section-btn a:after {
    content: '';
    display: block;  
    position: absolute;
    left: 86%;
    top: 0;
    width: 15%;
    height: 100%;
  border-top: 3px solid #efc94c;
    border-right: 3px solid #efc94c;
    border-bottom: 3px solid #efc94c;
    transition: all 1s;
    opacity: 0;
}
#event .section-btn a:before {
    content: '';
    display: block;  
    position: absolute;
    right: 86%;
    top: 0;
    width: 15%;
    height: 100%;
  border-top: 3px solid #efc94c;
    border-left: 3px solid #efc94c;
    border-bottom: 3px solid #efc94c;
    transition: all 0.5s;
    opacity: 0;
}
#event .section-btn a:hover:after,
#event .section-btn a:hover:before{
    opacity: 1;
    transition: all 1s;
}
#event .section-text p {font-size: 20px;font-weight: 400;margin-bottom:  2.2em;}
#event .single-event-bx{margin-bottom: 28px;padding: 0 35px;}
#event .event-img {position: relative;overflow: hidden;}
#event .event-img a:before, 
#event .event-img a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #041d59;
    opacity: 0.4;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transition-timing-function: ease;
    -webkit-transform: translate(-13%, -190%) rotate(-30deg);
    transform: translate(-13%, -190%) rotate(-30deg);
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
#event .single-event-bx:hover .event-img a:before,
#event .single-event-bx:hover .event-img a:after {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

#event .event-img a:after {
    -webkit-transition-delay: 0.4s !important;
    transition-delay: 0.4s !important;
}
#event .single-event{position: relative;transition:all .8s;}
#event .event-date {    
    font-size: 14px;
    font-weight: 500;
    border: 1px solid;
    padding: 3px 13px 2px;
    position: absolute;
    top: 0;
    left: -16px;
    z-index: 2;
    height: 28px;
}
#event .event-rghtbx {
    position: relative;
    border: 1px solid #ebe9e8;
    border-left: none;
}
#event h4{
    position: relative;
    font-size: 27px;
    font-weight: 700;
    line-height: 34px;
    z-index: 1;
    transition: all .8s;
    margin-bottom: 19px;
}
#event .event-location {
        font-size: 18px;
    line-height: 31px;
    font-weight: 400;
    margin-bottom: 15px;
}
#event .event-location  i{font-size: 19px;margin-right: 20px;}
#event .event-title-box p{    
    position: relative;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    z-index: 1;
}
#event .event-title-box {
   position: relative;
    margin: 0;
    padding: 35px 17px 20px;
    transition: all .8s;
}
#event .event-img img{width: 100%;height: 271px;}

/*----------------------------------------
/*  appointment Area
/*----------------------------------------*/

#appointment {position: relative;overflow: hidden;}
#appointment .app-ovly{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #041d59;
    opacity: 0.8;
}
#appointment .app-detail{position: relative;}
#appointment .section-hdtitle h2{
    font-size: 28px;
    font-weight: 900;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #332102;
    margin-bottom: 1em;
}
#appointment .section-subtitle h3{
    position: relative;
    font-size: 20px;
    font-weight: 500;
    margin: 0px 0 12px;;
    z-index: 1;
}
#appointment .adptndata{text-align: center;}
#appointment .appadptn-rgtbx{padding: 16px 0 22px;}
#appointment .appadptn-price {font-size: 23px;font-weight: 600;margin-top: 17px;}
#appointment .appadptn span{
        font-size: 14px;
    letter-spacing: 2px;
    font-weight: 500;
    padding: 2px 0;
    position: relative;
}
#appointment .app-adptnarea{position: relative;z-index: 2;margin-right: 3em;}
#appointment .appadptn-single{margin-bottom: 2.3em;position: relative;overflow: }
#appointment .appadptn-area-data h4{
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 7px;
}
#appointment .appadptn-desgn {
        font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    text-decoration: underline;
    text-underline-offset: 2px;
    margin-bottom: 7px;
}
#appointment .appadptn-location {
    font-size: 16px;
    line-height: 31px;
    font-weight: 400;
}
#appointment .appadptn-location i {
    font-size: 18px;
    margin-right: 4px;
}
#appointment .appadptn-box{position: relative;overflow: hidden;}
#appointment .appadptn-box img{width: 100%;height: 114px;}
#appointment .adpt-ovly{
    opacity: 0;
    position: absolute;
    left: 50px;
    right: 50px;
    top: 50px;
    bottom: 50px;
    transition: all 0.3s ease 0s;
}
#appointment .appadptn-single:hover .adpt-ovly{
    opacity: 0.5;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
     }
#appointment .app-form{ position: relative; overflow: hidden;}
#appointment .section-title { margin:0;}
#appointment .section-title h2{font-weight: 900;padding: 15px 27px 10px 0;;margin-bottom: 0.7em;}
#appointment .appadptn-area-data {padding: 15px 0 2px;}
#appointment .ht-inquiry-member-wrap .section-hdtext p{margin-bottom: 1.7em}
#appointment .ht-inquiry-member-wrap {
        position: relative;
    overflow: hidden;
    margin: 0 5.8em;
    border-radius: 0;
    outline: 1px solid #18bfc3;
    outline-offset: -6px;
    padding: 2.15em 2.9em 2.2em;
}
#appointment .inquiry-formbx{padding: 1em 0 0;}
.ht-inquiry-member-wrap { text-align: center;}
.ht-inquiry-member-wrap input[type="text"], 
.ht-inquiry-member-wrap input[type="email"], 
.ht-inquiry-member-wrap input[type="url"], 
.ht-inquiry-member-wrap input[type="password"], 
.ht-inquiry-member-wrap input[type="search"], 
.ht-inquiry-member-wrap input[type="number"], 
.ht-inquiry-member-wrap input[type="tel"], 
.ht-inquiry-member-wrap input[type="range"], 
.ht-inquiry-member-wrap input[type="date"], 
.ht-inquiry-member-wrap input[type="month"], 
.ht-inquiry-member-wrap input[type="week"], 
.ht-inquiry-member-wrap input[type="time"], 
.ht-inquiry-member-wrap input[type="datetime"],
.ht-inquiry-member-wrap input[type="datetime-local"], 
.ht-inquiry-member-wrap input[type="color"],
.ht-inquiry-member-wrap input[type="file"],
.ht-inquiry-member-wrap textarea{    
       border: 1px solid #fff;
    width: 100%;
    color: #fff;
    margin: 0 0 48px 0;
    border-radius: 0;
    padding: 5px 0;
    font-size: 16px;
    /* line-height: 31px; */
    font-weight: 400;
    background: #fff;
    border-top: none;
    border-left: none;
    border-right: none;
}
.ht-inquiry-member-wrap input[type="file"] {cursor: pointer;padding: 12px 20px;}
.ht-inquiry-member-wrap select{
    border: none;
    z-index: 2000;
    width: 100%;
    color: #595959;
    margin: 0 0 25px 0;
    border-radius: 10px;
    padding: 16px 20px;
    font-size: 14px;
    height: 100px;
    background: rgba(0, 0, 0, 0.8);
}
.ht-inquiry-member-wrap textarea { height: 190px; padding:18px 10px 18px 30px; margin-top: 0px;}
.ht-inquiry-member-wrap label{color:#fff;margin:0 0 1em;width: 100%;}
.ht-inquiry-member-wrap p{
    font-size: 16px;
    line-height: 31px;
    font-weight: 400;
    position: relative;
    margin: 0 1em 0em;
}
.ht-inquiry-member-wrap input[type="submit"]{
    text-align: center;
    position: relative;
    background: #e1e1e1;
    padding: 6px 15px 7px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    border-radius: 0;
    margin-top: 13px;
    word-break: break-all;
    transition: all 0.4s;
    letter-spacing: 1px;
    width: 100%;
    box-shadow: none;
    text-transform: uppercase;
}
.ht-inquiry-member-wrap input[type="submit"]:hover{  transition: all 0.4s;}
.ht-inquiry-member-wrap div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: initial;
    background-image: url(../../images/ajax-loader.gif);
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}

/*----------------------------------------*/
/* 10. Blog Area
/*----------------------------------------*/
.blog-area {position: relative;overflow: hidden;background: #fff;}
.blog-area .section-title h2 {background: #fff;padding: 10px 10px 10px 0;}
.blog-area .section-rghtbx{text-align: right;}
.blog-area .section-btn{
    position: relative;
    display: inline-block;
    margin-top: 1.65em;
    padding: 10px 0 10px 60px;
    background: #fff;
}
.blog-area .section-btn a {
    position: relative;
    overflow: hidden;
   font-size: 20px;
    font-weight: 500;
    padding: 15px 30px;
    color: #fff;
    background-color: #041d59;
}
.blog-area .section-btn a:after {
    content: '';
    display: block;  
    position: absolute;
    left: 86%;
    top: 0;
    width: 15%;
    height: 100%;
  border-top: 3px solid #efc94c;
    border-right: 3px solid #efc94c;
    border-bottom: 3px solid #efc94c;
    transition: all 1s;
    opacity: 0;
}
.blog-area .section-btn a:before {
    content: '';
    display: block;  
    position: absolute;
    right: 86%;
    top: 0;
    width: 15%;
    height: 100%;
  border-top: 3px solid #efc94c;
    border-left: 3px solid #efc94c;
    border-bottom: 3px solid #efc94c;
    transition: all 0.5s;
    opacity: 0;
}
.blog-area .section-btn a:hover:after,
.blog-area .section-btn a:hover:before{
    opacity: 1;
    transition: all 1s;
}
.blog-area .section-text p {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 2.1em;
}
.blog-area  .blog-image { 
    position: absolute;
    left: 0;
    animation: rotateIn 5s infinite alternate;
    transition: 1s cubic-bezier(0.07, 0.8, 0.16, 1);
}
.blog-area .blog-post {padding: 0 14px;margin-bottom: 2.5em;}
.blog-area .blog-single {
   position: relative;
    overflow: hidden;
    padding: 5px 10px 30px 17px;
    border: 2px solid #f4f3f2;
}
.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 .box-area-S .blog-imgarea:before{
    content: "";
    width: 0;
    height: 0;
    background: #041d59;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s linear 0.3s;
}
.blog-area .box-area-S:hover .blog-imgarea:before{
    width: 100%;
    height: 100%;
    transition-delay: 0s;
}
.blog-area .box-area-S .blog-imgarea:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 6px double #fff;
    opacity: 0;
    transition: all 0.3s linear 0.3s;
}
.blog-area .box-area-S:hover .blog-imgarea:after{
    width: 100%;
    height: 100%;
    opacity: 1;
    transition-delay: 0s;
}
.blog-area .blog-thumbnail img{
    width: 100%;
    height: 285px;
    transition: all 1s ease 0s;
    border-radius: 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: relative;
    font-size: 15px;
    font-weight: 400;
    color: #543602;
    padding: 5px 0 2px;
}
.blog-area .blog-admin i{font-size: 15px;font-weight: 500;margin-right: 11px;}
.blog-area .blog-posts h4{
    font-size: 20px;
    font-weight: 500;
    margin: 14px 0 13px;
    line-height: 31px;
    word-break: break-word;
    letter-spacing: 1px;
}
.blog-area .blog-single p{
    font-size: 15px;
    margin-bottom: 1em;
    line-height: 31px;
    font-weight: 400;
    padding: 0;
    letter-spacing: 0px;
}

/*----------------------------------------*/
/*   Footer Area
/*----------------------------------------*/
.f-newsletterbx .ftnwsfm{ padding:3em 2em;}
.footer-area .footer-ovly{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #4a4948;
    opacity: 0.9;
}
.footer-area .newstitle h3 {
    position: relative;
    font-size: 30px;
    color: #fdfdfd;
    font-weight: 500;
    line-height: 30px;
    margin: 0.3em 2em 0 0;
}
.footer-area {position: relative;overflow: hidden;}

.footer-area .fbox {
    width:100%;
    padding: 3.3em 0 0 0;
    position: relative;
}
.footer-area i { padding-right: 6px;}
.footer-area li {display: block;margin-bottom: 11px;font-size: 15px;font-weight: 500; }
.footer-area li a {
        font-weight: 500;
    text-decoration: none;
    font-size: 15px;
}
.footer-area li:before {
    content: "\f061";
    font-family: 'Fontawesome';
    font-size: 11px;
    font-weight: 300;
    padding-right: 12px;
}
.footer-area .single-footer-1 li:before {
    content: "\f192";
    font-family: 'Fontawesome';
}
.footer-area .gallery-item {padding-right: 13px;padding-bottom: 13px;}
.footer-area ul {margin: 0 0 15px 00px;}
.footer-area .newsletter-box { position: relative;overflow: hidden;}
.footer-area .newsletter-box .subscribe_shortcode p{margin-bottom: 0;}
.footer-area p { 
    position: relative;
    margin-bottom: 15px;
    line-height: 32px;
    font-size: 18px;
    z-index: 1;
}
footer#footer.footer-area .widget-title {   
    margin-top: 1em;
    margin-bottom: 32px;
    font-size: 20px;
    line-height: 33px;
    font-weight: 700;
}
.footer-area .widget {margin-bottom: 2em;}
.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: 16px;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: 14px;
    margin-bottom: 4px;
    padding: 10px 22px 11px 35px;
    font-style: normal;
    font-weight: 400;
    word-break: break-all;
    border-radius: 0;
}
.footer-area textarea {  height: 80px !important;}
.footer-area .box-form{position: relative;text-align: right;}
.footer-area .subscribe_shortcode {position: relative;}
.footer-area .box-form { 
    position: relative;
    overflow: hidden;
    padding: 3.1em 0 1.1em;
}
.footer-area .ftnwsfm input[type="submit"]{
 position: absolute;
    top: 6px;
    right: 0;
}
.footer-area input[type="submit"]{
    padding: 6px 39px 7px 38px;
    font-weight: 500;
    font-size: 20px;
    border-radius: 0;
    color: #000;
    transition: all 0.3s;
    float: left;
    box-shadow: none;
}
.footer-area .top-area { padding: 0 0 0.5em;}
.footer-area label{ font-weight: 400;}
.footer-area div.wpcf7 input[type="file"] {font-size: 15px;font-weight: 500;width: 100%;margin-bottom: 30px;}
.footer-area select option{font-weight: 400;}
.footer-area .tagcloud a {font-size: 15px !important;font-weight: 400;}

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

.s-footer{float: left;margin-bottom: 1.5em; }
.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{
    position: relative;
    overflow: hidden;
    padding: 0 10px 20px 10px;
    float: left;
    margin-bottom: 1em;
    border-radius: 0 0 0px 0px;
}
#innerpage-box .ts-area-single-inn {
    position: relative;
    margin: 0;
    padding: 10px 0;
}
#innerpage-box  .tsareainn{
   transition: all .8s;
    padding: 17px 22px 22px;
    position: relative;
    border-radius: 10px;
    filter: drop-shadow(0 0 5px rgba(0,0,0,0.08));
}
#innerpage-box .ts-area-thumb {
    position: relative;
    padding: 0;
}
#innerpage-box .ts-area-thumb img {
    width: 75px;
    height: 75px;
    transition: all .8s;
    border-radius: 50%;
}
#innerpage-box .ts-area-bx { 
    position: relative;
    overflow: hidden;
    margin: 0em 0.5em 0em 0.5em;
}
#innerpage-box .ts-area-c {position: relative;padding: 15px 50px 30px;}
#innerpage-box .ts-area-c i {
    position: absolute;
    font-size: 26px;
}
#innerpage-box .ts-area-c i.fa-quote-left{top:1px;left: 10px;}
#innerpage-box .ts-area-c i.fa-quote-right{right: 10px;bottom: 0;}
#innerpage-box .ts-area-c p {
   font-size: 17px;
    line-height: 27px;
    letter-spacing: 1px;
    margin: 0;
    position: relative;
    font-weight: 400;
    word-break: break-word;
}
#innerpage-box .text-designation {    
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: 400;
    transition: all .8s;
    margin: 5px 0 15px;
}
#innerpage-box h2.ts-area-title { 
    position: relative; 
    margin: 10px 0 5px !important;
    transition: all .8s;
    letter-spacing: 2px;
}
#innerpage-box .test-img img{width: 100%;}

/*----------------------------------------*/
/*  09. Inner team page
/*----------------------------------------*/
#innerpage-box .single-team {    
    position: relative;
    margin-bottom: 3.7em;
    width: 25%;
    float: left;
    padding: 0 0.9em;
}
#innerpage-box .inner-team { position: relative;/* overflow: hidden;*/}
#innerpage-box .textbx h3 {position: relative; margin:0 0 0px 0 !important;letter-spacing: 1px;}
body.page-template-default main#innerpage-box .textbx h2:after{display: none;}
#innerpage-box .inner-teambx { position: relative;padding: 0;}
#innerpage-box .single-team-img{    
    position: relative;
    overflow: hidden;
    border: 3px solid #d33;
}
#innerpage-box .single-team-img:before,
#innerpage-box .single-team-img:after{
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    
    background-color: #000;
    opacity: 0.5;
     transition: all 1s;
}
#innerpage-box .single-team-img:before{left: -50%;}
#innerpage-box .single-team-img:after{right: -50%;}
#innerpage-box .inner-teambx:hover .single-team-img:before{left: 100%;}
#innerpage-box .inner-teambx:hover .single-team-img:after{right: 100%;}
#innerpage-box .single-team-img img{
    width: 100%;
    height: 364px;
    transition: all 0.2s ease 0s;
    border-radius: 0;
}
#innerpage-box .textbx{
       position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.6em 1em 0.6em;
    transition: all .2s ease;
    text-align: center;
}
#innerpage-box .textbx .team-designation{
        position: relative;
    word-break: break-word;
    font-size: 14px;
    line-height: 25px;
    margin: 1px 0 0px 0;
    font-weight: 500;
}
#innerpage-box .team-social-icon{ 
    position: relative;
    text-align: center;
    padding: 7px 5px 0;
    z-index: 1;
    transition: all 0.4s;
    clip-path: polygon(23% 0, 78% 0, 74% 100%, 27% 100%);
}
#innerpage-box .team-social-icon li {
    position: relative;
    overflow: hidden;
    list-style: none;
    font-size: 18px;
    margin: 0px 7px;
    text-align: center;
    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;
}
#innerpage-box .single-team-img .img-ovrly {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    z-index: 0;
    opacity: 0.7;
    transition: all .35s;
}

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

#innerpage-box .lz-gallery-images {position: relative;overflow: hidden;margin-bottom: 1.5em;}
#innerpage-box .gallery-inn {
    position: relative;
    padding: 0 10px;
}
#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 .overlay{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.3;
}
#innerpage-box .lz-gallery-images .over-text {
    position: relative;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 2px 4px 0px rgb(63 78 100 / 26%);
    margin: 0 2px 2px 2px;
    border-radius: 0 0 10px 10px;
    padding:10px 10px;
    display: none;
}
#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-bottom: 0 !important;
    color: #000 ;
    word-break: break-word;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-weight: 600 !important;
}
#innerpage-box .gall-icn i{
    position: absolute;
    bottom: 28%;
    left: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    z-index: 1;
    font-weight: normal;
    padding: 0;
    /*margin: 0;*/
    right: 0;
    text-align: center;
    margin: 0 auto;
    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;
    background: #000;
    text-decoration: none;
    -webkit-appearance: none;
    opacity: 1;
    background-size: 500%;
    border: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*--------------------------------------------------------------
## 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: 3.6em;
    transition: all .3s;
    position: relative;
}
#innerpage-box .singleinner-service .service_inimg {
    position: relative;
    overflow: hidden;
    transition: all .3s;
}
#innerpage-box .singleinner-service .service-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 407px;
    transition-duration: 3s;
}
#innerpage-box .singleinner-service:hover .service-img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
   /* z-index: 0;*/
}
#innerpage-box .serbx {
    position: absolute;
    top: 3.1em;
    left: 1.5em;
    right: 1.5em;
    padding: 2.3em 2em 3em;
    transition: all .3s;
}
#innerpage-box .serinnolay{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to bottom,#000 55%,transparent 85%);
    opacity: 0.5;
}
#innerpage-box .serbx h3{
    margin: 0 0 21px 0!important;
    letter-spacing: 1px;
    line-height: 28px;
    position: relative;
}
#innerpage-box .serbx p{
         position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 2.1em;
}
#innerpage-box .serbtn a{
    position: relative;
    overflow: hidden;
    padding: 9px 10px 8px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    z-index: 1;
    transition: all 0.4s ease 0.5s;
    text-transform: uppercase;
    transition: 0.2s;
}

/*----------------------------------------*/
/* project / inner Page
/*----------------------------------------*/
#innerpage-box .single-project  img{width: 100%;}
#innerpage-box .single-project-bx { position: relative;padding: 0 5px;margin-bottom: 1.2em;}
#innerpage-box .single-project-bx .projec-cbx {text-align: center;padding: 1.2em 5em 1em;}
#innerpage-box .project-img{position: relative;overflow: hidden;}
#innerpage-box .project-img:before,
#innerpage-box .project-img:after{
    content: '';
    position: absolute;
    background: #000;
    height: 55%;
    opacity: 0.25;
    transform: rotate(-33deg);
    left: -50%;
    right: -50%;
    z-index: 1;
    transition: all 0.5s ease 0s;
}
#innerpage-box .project-img:before{top: 3%;}
#innerpage-box .project-img:after{bottom: 3%;}
#innerpage-box .single-project:hover .project-img:before{top: 105%;}
#innerpage-box .single-project:hover .project-img:after{bottom: 105%;}
#innerpage-box .single-project-bx h4 {line-height: 28px;}

/*----------------------------------------*/
/* project / inner Page
/*----------------------------------------*/
#innerpage-box .eventbxinn {position: relative; padding: 0 22px;}
#innerpage-box .single-event-bxinn{   
    position: relative;
    filter: drop-shadow(0 0 1.5px rgba(0,0,0,0.12));
    margin-bottom: 4em;
}
#innerpage-box .single-event-bxinn .event-img{position: relative;overflow: hidden;}
#innerpage-box .single-event-bxinn .event-img a:before, 
#innerpage-box .single-event-bxinn .event-img a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #041d59;
    opacity: 0.4;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    transition-timing-function: ease;
    -webkit-transform: translate(-13%, -190%) rotate(-30deg);
    transform: translate(-13%, -190%) rotate(-30deg);
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

#innerpage-box .single-event-bxinn:hover .event-img a:before,
#innerpage-box .single-event-bxinn:hover .event-img a:after {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

#innerpage-box .single-event-bxinn .event-img a:after {
    -webkit-transition-delay: 0.4s !important;
    transition-delay: 0.4s !important;
}
#innerpage-box .single-event-bxinn  img{width: 100%;}
#innerpage-box .single-event-bxinn .datepalce {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
#innerpage-box .single-event-bxinn .datepalce span{
    position: relative;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 8px;
}
#innerpage-box .single-event-bxinn .datepalce:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.5;
    z-index: 0;
    background-color: #fff;
}
#innerpage-box .single-event-bxinn .location {font-size: 13px;}
#innerpage-box .single-event-bxinn .event-title-box {position: relative;padding: 9px 20px 10px;}
#innerpage-box .single-event-bxinn h5.inner-area-title{
        line-height: 34px;
    margin: 0px 0 1px;
    font-weight: 500;
}
#innerpage-box .single-event-bxinn p{
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    margin-bottom: 0;
}

/*----------------------------------------*/
/*  09. Donation Inner page
/*----------------------------------------*/
#innerpage-box .donation-innerbox {
    position: relative;
    padding: 0 3em;;
}
#innerpage-box .appadptn-single {
    position: relative;
    margin-bottom: 3em;
}
#innerpage-box .donation-innerbox .appadptn-box{position: relative;overflow: hidden;}
#innerpage-box .donation-innerbox .appadptn-box img {    
    height: 115px;
    width: 100%;
}
#innerpage-box .donation-innerbox .adptn-innerdatabx{
    position: relative;
    background-color: #fff;
    filter: drop-shadow(0 0 6.5px rgba(135,135,135,0.15));
}
#innerpage-box .donation-innerbox .appadptn-area-data {padding-left: 7px;}
#innerpage-box .donation-innerbox h4{margin: 15px 0 7px !important;    font-weight: 400;}
#innerpage-box .donation-innerbox .appadptn-desgn{
    font-size: 15px;
    line-height: 23px;
    text-decoration: underline;
    text-underline-offset: 2px;
    margin-bottom: 7px;;
}
#innerpage-box .donation-innerbox .appadptn-location {
    font-size: 16px;
    line-height: 31px;
}
#innerpage-box .donation-innerbox .appadptn-location i{padding-right: 4px;    font-size: 18px;}
#innerpage-box .donation-innerbox .adptndata{display: table;    text-align: center;}
#innerpage-box .donation-innerbox .appadptn-rgtbx {display: table-cell;    padding: 19px 0;}
#innerpage-box .donation-innerbox .appadptn {
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 500;
    margin-bottom: 20px;
}
#innerpage-box .donation-innerbox .appadptn-price {font-size: 23px;font-weight: 700;}
#innerpage-box .donation-innerbox .adpt-ovly{
    opacity: 0;
    position: absolute;
    left: 50px;
    right: 50px;
    top: 50px;
    bottom: 50px;
    background-color: #000;
    transition: all 0.3s ease 0s;
}
#innerpage-box .donation-innerbox:hover .adpt-ovly{
    opacity: 0.5;
    left: 0;
    right: 0;
    top: 0;
    bottom: 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;}
#innerpage-box .contact-address-area { position: relative;margin: 0; overflow: hidden;}
#innerpage-box .contact-cir svg {
    position: absolute;
    left: 0;
    bottom: 0;
}
#innerpage-box .contact-address-area .contform {position: relative;margin-bottom: 4.6em;}
#innerpage-box .contact-address-area .cont-hdtitle h1{margin: 0.1em 0 1.3em;font-size: 35px;font-weight: 700;}
#innerpage-box .contact-address-area .cont-hdtitle p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 25px;
} 
#innerpage-box .contact-address-area .conct-btn {position: relative;margin-top: 4.5em;}
#innerpage-box .contact-address-area .cont-hdtitle a {
    font-size: 25px;
    background-color: #000;
    padding: 20px 33px;
    margin-top: 3em;
    font-weight: 500;
}
#innerpage-box .cntlhsbx {
    position: relative;
    overflow: hidden;
    border: 2px solid #333741;
    padding: 2.6em 5em 3.3em;
    margin-bottom: 4.7em;
}
#innerpage-box .cntpgbx  {
    padding: 31px 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: 46px;
    height: 48px;
    line-height: 60px;
    border-radius: 0;
}
#innerpage-box .cntpgicn i.fa-phone, 
#innerpage-box .cntpgicn i.fa.fa-map-pin {
    font-size: 30px;
    font-weight: 600;
}
#innerpage-box .cntpgicn i.fa.fa-envelope {font-size: 30px;font-weight: 600;}
#innerpage-box .cntpgtxt{ padding: 2px 18px;}
#innerpage-box .cntpgtxt a,
#innerpage-box .cntlhsbx p{
    position: relative;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 0em;
    line-height: 26px;
    word-break: break-word;
}
#ht-contactus-wrap {
    position: relative;
    overflow: hidden;
    margin-left: 1em;
    margin-top: 8px;
    padding: 31px;
    border-radius: 10px;
}
#ht-contactus-wrap .contact-form{
    position: relative;
    padding: 0em 3em 1.5em;
    border: 2px solid #fff;
    border-radius: 10px;
}
#ht-contactus-wrap .ctform p{position: relative;}
#ht-contactus-wrap .ctform i {
        position: absolute;
    top: 20px;
    right: 22px;
    font-size: 15px;
    z-index: 1;
}
#innerpage-box .contact-address-area .contforminn { position: relative;overflow: hidden;}
#ht-contactus-wrap .maintle{ 
        position: relative;
    font-size: 48px;
    font-weight: 500;
    letter-spacing: 2px;
    margin: 0;
    padding: 5px 0 25px;
}
#innerpage-box .contact-mapbox iframe { width: 100%; height: 637px;}
#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 20px 0;
    border-radius: 0;
    padding: 15px 50px 14px 18px;
    font-size: 15px;
    font-weight: 400;
    background: #fff;
}
#ht-contactus-wrap textarea {height: 108px;padding: 18px 10px 18px 30px;margin-top: 0px;}
#ht-contactus-wrap input[type="submit"] {
       text-align: center;
    position: relative;
    padding: 11px 35px 10px;
    font-size: 23px;
    font-weight: 600;
    border-radius: 2px;
    letter-spacing: 1px;
    margin: 1px 0 1px;
    word-break: break-all;
    transition: all 0.4s;
    box-shadow: none;
}
#ht-contactus-wrap .wpcf7-submit {font-family: FontAwesome !important;}
#innerpage-box .contact-address-area .contact-imgbx {
    position: relative;
    padding-right: 2em;
}
#innerpage-box .contact-address-area .contact-imgbx:after{
    content: '';
    position: absolute;
    right: 0;
    top: 30px;
    bottom: 30px;
    width: 1px;
    background-color: #41444d;
}
#innerpage-box .contact-address-area .contact-imgtitle h3{
    font-size: 35px;
    font-weight: 700;
    line-height: 25px;
    margin: 2px 0 32px;
}
#innerpage-box .contact-address-area .contact-imgtitle p {
    font-size: 19px;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 1.7em;
}
#innerpage-box .contact-address-area .contact-img img{width: 100%;height: 495px;}
#innerpage-box .contact-address-area .cntct-help {position: relative;text-align: center;margin-bottom: 2.3em;}
#innerpage-box .contact-address-area .cntct-icon i{font-size: 70px;}
#innerpage-box .contact-address-area .cntct-icntitle h4 {
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 26px 0;
}

/*-----------------------
## FAQS page
-----------------------------*/
div#content-box .faq{margin: 0 3em 1.5em 0;}
div#content-box .faq-content {position: relative;padding: 0 10px;}
div#content-box .faq-content button.accordion {
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    margin: 0;
    background: none;
    padding: 5px 5px 4px 5px;
    transition: all 0.2s ease 0s;
    box-shadow: none;
}
div#content-box .faq-content button.accordion.active, button.accordion:hover {
    transition: all 0.2s ease 0s;
    opacity: 1;
}

/*div#content-box .faq-content button.accordion:after {
    content: "\f111";
    font-family: 'Fontawesome';
    font-size: 14px;
    color: #000;
    float: left;
    left: 0;
    position: relative;
    top: -22px;
    font-weight: 600;
    transition: all 0.2s ease 0s;
}*/

div#content-box .faq-content button.accordion:before {
    content: "\f107";
    font-family: 'Fontawesome';
    font-size: 15px;
    float: right;
    top: 4px;
    position: relative;
    width: 15px;
    height: 15px;
    text-align: center;
    border-radius: 50px;
    background: #041d59;
    font-weight: 900;
    line-height: 15px;
    transition: all 0.2s ease 0s;
}
div#content-box .faq-content button.accordion.active:before {
    content: "\f106";
    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 1px 0;
    border: none;
    border-radius: 0 0;
    padding: 0px 5px 0px 5px;
    box-shadow: none;
}
div#content-box .faq-content div.panel.show {
        opacity: 1;
    max-height: 500px;
    margin: 10px 0 13px;
}
div#content-box .faq-content div.panel p{
        margin: 0px 0 0px 0;
    line-height: 22px;
    font-size: 15px;
    font-weight: 400;
}
main#innerpage-box div#content-box h6.faq-title {
    margin: 0;
    font-weight: 400;
    line-height: 25px;
    word-break: break-word;
    text-align: left;
}
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;
}
div#content-box .faq-rghtbx{margin-left: 4.5em;}
div#content-box .faq-title h1 {
        letter-spacing: 1px;
    line-height: 25px;
    font-weight: 500;
    margin: 9px 0 16px !important;
}
div#content-box .faq-formbx input[type="text"], div#content-box .faq-formbx input[type="email"], 
div#content-box .faq-formbx input[type="url"], div#content-box .faq-formbx input[type="password"], 
div#content-box .faq-formbx input[type="search"], div#content-box .faq-formbx input[type="number"], 
div#content-box .faq-formbx input[type="tel"], div#content-box .faq-formbx input[type="range"], 
div#content-box .faq-formbx input[type="date"], div#content-box .faq-formbx input[type="month"], 
div#content-box .faq-formbx input[type="week"], div#content-box .faq-formbx input[type="time"], 
div#content-box .faq-formbx input[type="datetime"], div#content-box .faq-formbx input[type="datetime-local"], 
div#content-box .faq-formbx input[type="color"], div#content-box .faq-formbx textarea{
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 4px;
    border-bottom: 1px solid #000;
    border-left: none;
    border-top: none;
    border-right: none;
    padding: 12px 0px 13px;
}
div#content-box .faq-formbx textarea{height: 137px;}
div#content-box .faq-formbx input[type="submit"] {
    font-size: 15px;
    line-height: 25px;
    padding: 2px 37px;
    border-radius: 0;
    box-shadow: none;
    float: right;
    margin-top: 2.55em;
}

/*-----------------------
## 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: 490px;margin: auto;overflow-x: scroll;overflow-y: hidden;}
.slider::-webkit-scrollbar {display: none;}
.slider .slides { display: flex;position: absolute;left: 0;transition: 0.3s left ease-in-out;}
.slider .slide-item { margin-right: 35px;width: 334px;margin-left: 0;}
.slider .slide-item:last-child {margin-right: 0;}

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

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

.widget-area form#searchform input[type="submit"] {
    display: inline-block;
    position: relative;
    text-align: center;
    padding: 5px 26px !important;
    border-radius: 0!important;
    z-index: 999 !important;
    top: 5px;
    font-size: 24px;
    font-weight: 600;
    background: transparent;
    overflow: hidden;
    border: none;
    box-shadow: none;
    float: right !important;
    position: absolute!important;
    right: 0px !important;
    text-indent: -999px !important;
    width: 0% !important;
    z-index: 1 !important;
    margin-right: -6px;
    margin: -4px 1px 0 0;
}
.widget-area form#searchform:after {
    position: absolute;
    top: 0px;
    font-size: 16px;
    right: 0px;
    text-align: center;
    color: #fff;
    border: 1px solid #000;
    background-repeat: no-repeat;
    height: 48px;
    line-height: 46px;
    width: 55px;
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
    opacity: 1;
}

.home-page {  padding: 0 0 30px 0;}
#innerpage-box{padding:5em 0em 6em;margin-top: 0em;}
.single-post .ht-main-title { margin: 0px 0 15px; padding: 15px 15px 0;}
/*.innerpage-whitebox{  padding: 0 0em;}*/
#content-box h4{ margin: 20px 0 5px 0; }
#content-box ul{ padding: 0 0 20px 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: 18px;
    top: 0;
    left: 0;
    margin-right: 10px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #fff;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
#content-box ul li:hover:before { transform: scale(1.4);}
.widget-area ul li:before {
    /*content:"\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #f72985;
    font-size: 10px;
     display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;*/
    display: none;
}
/*.widget-area ul li:hover:before {  transform: scale(1.4);}*/
#content-box ol li:before {
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
#content-box ol li:hover:before { transform: scale(1.2);}
main#innerpage-box #content-box ol {  margin: 0;}
#content-box ol {counter-reset: li;list-style: none;/*list-style: decimal;*/}
#content-box ol li {
   margin-top: 0.5em;
    position: relative;
    padding-left: 3em;
    min-height: 60px;
    padding-top: 0px;
}
#content-box ol li:before {
        content: counter(li);
    counter-increment: li;
    color: #fff;
    background: #f07100;
    border-radius: 50px;
    font-size: 13px;
    width: 23px;
    height: 23px;
    line-height: 23px;
    font-weight: 400;
    text-align: center;
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    border: 1px solid #000;
    z-index: 1;
}
#content-box ol li:after{
    content: '';
    position: absolute;
    left: 13px;
    top: 10px;
    width: 15px;
    height: 15px;
    margin: 0px;
    background: #543602;
    transform: rotate(-45deg);
    border-radius: 0 50%;
    z-index: 0;
}
.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;}
.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: 22px;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    z-index: 99999;
    width: 40px;
    height: 40px;
    transition: all 0.2s ease 0.2s;
    -moz-transition: all 0.2s ease;
}
#back2Top .ttpicon{transform: rotate(-90deg);}
#back2Top:hover{transition: all 0.3s ease 0.2s;}
#back2Top .handle {
     position: absolute;
    border-radius: 0;
    left: 0;
    top: 0px;
    right: 0;
    bottom: 0;
    transform: rotate(45deg);
    z-index: -1;
    background: #041d59;
    outline: 2px solid #fff;
    outline-offset: 5px;
}
.widget-area ul ul {
    margin-top: 5px;
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
main#innerpage-box #sidebars li {font-size: 15px;margin:0;}
.widget-area li.recentcomments {padding-bottom: 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;
}

/*-----------------------
## 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: 1em 1.3em;margin: 0em 0em 7.1em 0em;position: relative;float: left;}
#innerpage-box .inner-blogpost {position: relative;transition: all 0.3s ease;}
#innerpage-box .inner-blogpost .ht-blog-thumbnail { overflow: hidden; position: relative;}
#innerpage-box .inner-blogpost .ht-blog-thumbnail a::after  {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: #041d59;
  left: -100%;
  z-index: 0;
  opacity: 0.5;
  transition: all 0.4s cubic-bezier(0.5, 1.6, 0.4, 0.7);
}
#innerpage-box .inner-blogpost:hover .ht-blog-thumbnail a::after{left: 0;}
#innerpage-box .ht-blog-thumbnail img {
  width: 100%;
    transform: scale(1);
    transition: all 1s ease 0s;
}
#innerpage-box .inner-blogpost .blog-Athr i{margin-right: 12px;font-weight: 600;}
#innerpage-box .inner-blogpost:hover .blog-Athr{border: 0px solid transparent;transition: all 0.3s ease;}
#innerpage-box .inner-blogpost .blog-admin{
    font-size: 16px;
    font-weight: 400;
    color: #332102;
    padding: 5px 0px 5px;
}
#innerpage-box .inner-blogpost .blog-admin i{margin-right: 10px;font-size: 22px;font-weight: 600;}
#innerpage-box .inner-blogpost-info {
    position: absolute;
    /*bottom: -3.6em;*/
    top: 3em;
    width: 73%;
    right: -7px;
    overflow: hidden;
    padding: 26px 17px 22px 35px;
    border-right: 2px solid #f0c033;
    box-shadow: 1px 1px 0px 0px #f8f3f3;
}
main#innerpage-box #blog-box h4{
        font-weight: 400;
    word-break: break-word;
    margin: 10px;
    margin: 13px 0 15px !important;
    margin: 0px 0 18px 0;
    line-height: 28px;
}
#innerpage-box .inner-blog-excerpt p,
#innerpage-box .inner-blog-excerpt {
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    word-break: break-word;
    padding: 0px;
    position: relative;
}
#innerpage-box .bloginnbtn {
    position: relative;
    margin-top: 1.6em;
}
#innerpage-box .bloginnbtn a{
        display: inline;
    position: relative;
    overflow: hidden;
    padding: 6px 11px 6px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    z-index: 1;
    transition: 0.5s;
    border-radius: 0;
}
#innerpage-box .bloginnbtn span{margin-right: 8px;}
#innerpage-box .bloginnbtn i {
    font-size: 32px;
    padding-left: 10px;
    position: relative;
    bottom: -6px;
    border-left: 1px solid #fff;
}

/*--------------------------------------------------------------
## 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 {     
   padding: 0em 0em 0.5em;
    margin: 0 0 2.4em;
}

.wp-block-group__inner-container h2,
 #innerpage-box .widget-area .widget-title {
    font-size: 20px !important;
    line-height: 31px;
    color: #000;
    font-weight: 500;
    background: #f3f;
    padding: 5px 10px 5px 0;
    margin: 0px 0px 28px 0;
    border-radius: 0;
    text-align: left;
        position: relative;
}
#innerpage-box .widget-area .widget-title:before,
.wp-block-group__inner-container h2:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 60px;
    height: 3px;
}
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: 10px;
}
.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;}
.woocommerce-error:before, 
.woocommerce-info:before, 
.woocommerce-message:before{ color: #fe5722;}

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

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

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

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

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

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

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

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

@media screen and (min-width: 1200px) and (max-width: 1300px){
    #innerpage-box .inner-blog-post{margin-bottom: 9em;}
}

@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: 1299px) {
header .Hbtn a { padding: 6px 6px;font-size: 15px;}
header .Hbtn a i { font-size: 10px; padding: 1px 1px; margin-right: 6px;}
.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%;}
#innerpage-box .single-team { padding: 0 0.5em;}
#innerpage-box .inner-blogpost{margin: 0 ;}
#innerpage-box .woocommerce li.product-category{padding: 0 10px;}
#ourstory .details p {margin: 0 0em 2em;}
#ourstory .details-bx{padding: 32px 10px 32px 10px;}
#features .section-title h2{margin: 0;}
#event .event-title-box{padding: 15px 5px 5px;}
#appointment .appadptn-area-data{padding: 8px 0px 2px 0px;}
#innerpage-box .single-project-bx .projec-cbx{padding: 1.2em 1em 1em;}
}

@media screen and (max-width: 1200px){
 .ct-btn-scroll{ bottom: 20px; }
 .new-page.menu-new{
    display:none;
}
header.site-header .header-btn a{padding: 11px 20px;}
}
@media screen and (max-width: 1199px){
    .slider_section .slide-mainimg, 
    .slider_section .slide-rhs-img img {height: 440px;}
    .causes-area .single-causes-bx {padding: 0 1em; }
    #innerpage-box .inn-single-service-bx {padding: 0 10px;}   
    #innerpage-box .inner-blog-post {padding:0 10px;}
    #innerpage-box .con-cir {width: 500px; height: 500px;}
    #innerpage-box .single-team-img img {height: 300px;}
    #innerpage-box .inner-teambx{padding: 0 0.5em;}
    .slider_section .slider_content {top: 23%;margin: 0 10em;}
    .causes-area .causes-icon img{height: 300px;}
    .causes-area .sertxbx{padding: 2em 1em 2em;}
    .blog-area .blog-thumbnail img{height: 250px;}
    .footer-area .box-form .newstext p {margin-bottom: 10px !important;line-height: 27px;}
    .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: 9px 22px 13px 35px;}
    #innerpage-box .ts-area-c .desi-brd{width: 80%;}
    #appointment .ht-inquiry-member-wrap{margin: 0 1em;}
    #appointment .app-adptnarea{margin-right: 0em;}
    #innerpage-box .serbx{top: 1em;left: 1em;right: 1em;}
    div#content-box .faq{margin-right: 0em;}
    #innerpage-box .donation-innerbox{padding: 0 0.5em;}
    #innerpage-box .cntlhsbx{padding: 2.6em 1em 3.3em;}
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
    .slider_section .s_rhsbx {padding: 20px 10px 20px 20px;}
#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;}
.causes-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 .s_rhsbx {padding: 20px 10px 20px 20px;}
    .slider_section .title {font-size: 46px;line-height: 55px;
}
}


@media screen and (min-width: 992px) and (max-width: 1199px){
    #features .featuresbx {padding: 10px 10px;}
    #about .abt-btn a{margin-bottom: 2em;}
    #event h4, #event .event-location{margin-bottom: 7px;}
    #innerpage-box .team-social-icon{clip-path: polygon(10% 0, 90% 0, 80% 100%, 21% 100%);}
    #innerpage-box .inner-blogpost-info{width: 83%;}
    #innerpage-box .inner-blog-post{margin: 0em 0em 12.1em 0em;}
}

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

@media screen and (min-width: 768px) and (max-width: 991px){
    .testimonials-area .col-active{width: 380px !important;}
    .testimonials-area .box-text-inner{width: 340px;margin: 10px auto !important;}
    .blog-adminbx {padding: 0 5px;}
    #ourstory .ourstory-icon img{height: 392px;}
    #innerpage-box .inner-blogpost-info{width: 90%;}
}

@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: 10px !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;
}
.header-mainmenu{padding: 1.5em 0 0.5em;}
}

@media screen and (max-width: 991px) {
header .navigation{display: none;}
header.site-header .share-btn{text-align: left;}
header .head-sharebx{padding: 0;}
.header .head-menubx{order: 3;}
.home.page-template .site-header{position: relative;}
.slider_section .slider_content{top: 0%;}
header .mobnone1{display: none;}
header .mobnone{display: block;}
header .Hbtn a{ padding: 6px 12px;}
.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: 5em 0;}
.slider_section .slide-mainimg, 
.slider_section .slide-rhs-img img { height: 400px;}
.slider_section .title {font-size: 32px; line-height: 42px;}
.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;}
.causes-area .single-causes-bx { padding: 0 10px;}
.causes-area .causes-icon img {height: 300px;}
.causes-area .serbtn a {font-size: 16px;}
#testimonials .section-title {margin-bottom: 2em !important;}
#testimonials .owl-dot {  top: -10px;}
#testimonials .owl-dots { right: 1em;}
.blog-area .blog-posts h4 { font-size: 22px;margin: 2px 0;}
.blog-area .blogbtn a {padding: 8px 16px;font-size: 16px;}
.blog-area .blog-single { padding: 20px 10px 5px 10px;}
#about,#team,#testimonials,#gallery,#appointment,
#blog ,#ourclient,#causes,#features,#event{ padding: 2em 0 !important;}
footer#footer.footer-area .widget-title { margin-bottom: 15px;margin-top: 0em;}
.footer-area .widget { margin-bottom: 1em;}
.footer-area .newstitle h3 {font-size: 25px; margin: 0 0em 10px 0;text-align: center;}
#innerpage-box {  padding: 2em 0em ;}
#innerpage-box .single-team { width: 50%;}
.widget-area ul li:before{margin-right: 4px !important;}
main#innerpage-box #sidebars li {margin-left: 5px;}
.faq_tp .faq-heading{font-size: 28px;}
#innerpage-box .contact-address-area {  margin: 0em 0 1em 0;}
header.site-header input[type='search'], 
header.site-header input[type='search']:hover { width: 100%;}
#innerpage-box .con-cir {width: 500px; height: 500px;}
.logo-header.mostion{padding: 0.2em;}
.site-navigation{float: right;}
#features .featuresbx{padding: 10px 15px;}
.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 .single-team{margin-bottom: 2em;}
.testimonials-area .title-box .title{margin: 0em 0 0em;}
#innerpage-box .cntpgtxt a, #innerpage-box .cntlhsbx p{line-height: 30px;}
#ht-contactus-wrap{margin-left: 0;}
.slider_section .text{margin: 0.5em 0em;}
.abtsection-title {margin-top: 2em;}
#about .abtsection-title h2{font-size: 70px;}
#causes .section-text p{width: 100%;}
#testimonials .owl-item.active.center .ts-area-bg {transform: scale(1);}
div#content-box .faq-rghtbx {margin-left: 0.2em;}
.page-main-header:before, .page-main-header:after{width: 50px;}
#innerpage-box .contact-address-area .conct-btn{margin: 2em 0;}
#innerpage-box .cntpgbx{padding: 15px 0 13px;}
}


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

@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; padding: 4px 6px;}
#ht-contactus-wrap .maintle{font-size: 30px;
}
}

@media screen and (min-width: 320px) and (max-width: 768px){
.logobox img { padding-top: 0 !important;}
.main-dispaly.padding0 {padding-left: 20px;}
}

@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){
header.site-header .header-btn a{padding: 11px 15px;}
#about .abtbrd{background: transparent;}
#about .hi-icon {top: 0px;}
#about .abtbrd{display: none;}
#innerpage-box .singleinner-service .service_inimg img,
.causes-area .causes-icon img{width: 100%;}
.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: 0em 0px 0 0px;}
#innerpage-box .contact-mapbox iframe {height: 250px;}
.blog-area .blog-posts h4 { font-size: 20px; line-height: 25px;}
.slider_section .btn5 a{margin: 0.5em 0 0;}
#innerpage-box .woocommerce li.product-category{margin: 0 !important;}
#innerpage-box .tsareainn,
#innerpage-box .tsareabrd{border-radius: 4px 30px 30px 4px;}
#innerpage-box .inner-blogpost .blog-admin,
#innerpage-box .inner-blogpost .blog-admin .blog-comment{text-align: center;}
 .slider_section .slide-mainimg, .slider_section .slide-rhs-img img{height: 300px;}
 .slider_section .owl-nav:before, .slider_section .owl-nav:after{width: 85px;}
 .slider_section .slider_content{margin: 0 5em;}
 #causes .section-btn,.blog-area .section-btn, 
 #event .section-btn{padding: 16px 0 20px 20px;margin-top: 0px;}
#causes .section-btn a{padding: 14px 25px 13px 25px;}
#causes .section-title h2,
.blog-area .section-title h2,
#event .section-title h2{font-size:30px;padding: 10px 20px 10px 0;}
#features .section-title h2{font-size:30px;    line-height: 45px;}
#features .featuresbx{margin-bottom: 0.1em;}
.blog-area .section-btn a, #event .section-btn a{font-size: 18px;padding: 10px 10px;}
.section-heading .heading-brd1, #event .section-heading .heading-brd1{top: 2em;}
#ourstory .ourstory-bx:nth-child(2n) .details-bx{position: relative;}
#ourstory .ourstory-bx:nth-child(2n) .image-bx{position: relative;}
#ourstory .ourstory-icon img{height: 250px;}
#innerpage-box .team-social-icon{clip-path: polygon(10% 0, 90% 0, 80% 100%, 20% 100%);}
#innerpage-box .serbx{padding: 1em;}
#innerpage-box .inner-blogpost-info{width: 80%;}
}

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

.footer-area .bottom-area{padding: 1em 0 !important;}
.footer-area .gallery-item{max-width: 50%;}
.footer-bottom-area ul li { margin: 0 15px;}
.footer-bottom-area.text-right {text-align: center;}
.footer-text{ text-align: center; margin-bottom: 15px;}
.header-transparent .is-fixed .main-bar h1.ht-site-title { position: relative;top: 60px;text-align: center;}
header.site-header span.text, 
.single-header-info span.theme-color {font-size: 14px;}
.bx-controls-direction { display: none;  }
header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0% !important; }
div#navbarNavDropdown{  margin: 0%; }
.ht-site-description{padding-top: 0; }
.header-transparent .is-fixed .main-bar{position: static !important;}
.header-transparent .is-fixed .main-bar h1.ht-site-title,
.header-transparent .is-fixed .main-bar p.ht-site-description { display: block;}
.navigation .mainmenu li a:after{ content: none; }
.navigation .mainmenu li ul li{ box-shadow: none; padding-left: 0; }
.sf-arrows .sf-with-ul:before{ right: 40px !important; }
.header-seo.header-transparent .is-fixed .main-bar {background-color: transparent !important;padding: 0;}
div#navbarNavDropdown li.current_page_item a:after, .current_page_item > a:after{width: 0;}
.header-seo.header-transparent .is-fixed .main-bar img {position: relative; top: 80px;}
.header-seo.header-transparent .is-fixed .main-bar .resp_header_logo{display: block;
}
}
@media screen and (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 .head-sharebx button.share-icn, header .head-icon{display: block;}
header .header-left {order:1;align-self: center;}
header .header-right{align-self: center;}
header .header-middle{padding: 0;}
.header-logo .header-phone, .header-logo .header-mail{display: none;}
header .head-icon .tooltiptext{
        display: block;
        visibility: hidden;
        width: auto;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 0px 8px;
        position: absolute;
        right: 0;
        bottom: -10px;
        z-index: 1;
    }
header .head-icon .tooltiptext a{color: #fff}
header .head-icon:hover .tooltiptext{visibility: visible;}
header.site-header .header-btn a{padding: 6px 15px;}
header .head-sharebx button.share-icn {
    width: auto;
    padding: 0 0px;
    font-size: 27px;
    box-shadow: none;
    margin: 0;
}
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 .head-sharebx .share-btn.active.top {
  transform: scale(1) translateY(-10px);
}
header .head-sharebx .share-btn.active {
  opacity: 1;
  transition: all 0.4s ease 0s;
  visibility: visible;
  border-radius: 5px;
background: #7e7e7e;
}
header .head-sharebx .share-btn.top {
  margin-top: -80px;
  transform-origin: 0 0 0;
}
header .head-sharebx .share-btn {
    opacity: 0;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    position: absolute;
    top: 15px;
    margin-left: 25px;
    z-index: 9;
}
.header-mainmenu {padding: 0.8em 0 0.5em;position: relative;}
.site-header .header-logo i{font-size: 20px;}
.header-logo, .header-logo .header-mail{text-align: right;position: relative;}
.slider_section .slider_content{right: 0;margin: 0 auto;}
#about .about-area-count, #about .about-area-data { display: inline-block;}
#about .about-area-count, #about .about-area-data h4{padding: 5px 10px 5px;font-size: 23px;}
#about .aboutus-single{margin: 0;}
#about .abt-btn.btn1 {text-align: center;}
#appointment .inquiry-formbx{padding: 0em 2.5em 1em 2.5em;}
#appointment .ht-inquiry-member-wrap{margin:1em;}
#innerpage-box .cntpgtxt p {font-size: 20px;}
.widget-area a { padding: 6px 0 6px 10px;}
.hamburger-menus{
    position: absolute !important;
    top: 5em;
    right: 4%;
}
.causes-area .single-causes-bx {padding: 0 1.5em;}
.blog-area .blog-admin .blog-adminbx,
.blog-area .blog-admin .blog-comment{width: 50%;}
#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;}
blockquote { padding: 2em 1em 1em 1.5em !important;}
#innerpage-box .cntpgicon{width: 15%;}
#innerpage-box .cntpgtxt{width: 85%;}
.slider_section .owl-nav{display: none;}
#about .aboutarea-img img{height: 280px;}
#about .about-leftbx .about-overlay{left: -30em;
clip-path: polygon(0 0, 70% 0, 70% 13%, 100% 13%, 100% 100%, 0 100%);}
#features .featuresbx{text-align: center;margin-bottom: 0;}
#features .featuresus-single{padding: 0.5em 1.5em;margin-bottom: 0;}
.footer-area input[type="submit"]{text-align: center;float: none !important;}
#appointment .appadptn-rgtbx{text-align: left;    padding: 16px 15px 22px;}
#appointment .appadptn-area-data {padding: 8px 10px 2px 15px;}
#causes .section-rghtbx, .blog-area .section-rghtbx, #event .section-rghtbx{text-align: left;}
#innerpage-box .single-project-bx{padding: 0 25px;}
#innerpage-box .singleinner-service .service_inimg .service-img{height: 300px;}
#innerpage-box .contact-address-area .cnrct-helpbx{margin-bottom: 2em;}
}

@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 0;font-size: 16px;}
#features .featuresus-single{padding: 10px;}
#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-c i.fa-quote-left{    top: -10px;}
#innerpage-box .ts-area-c p { font-size: 18px; line-height: 30px;}
#innerpage-box .single-team { width: 100%;margin-bottom: 2em;text-align: center;}
main#innerpage-box h1, 
body.page-template-default main#innerpage-box h1, 
.ht-main-title, #ht-contactus-wrap h1 { font-size: 26px !important;}
/*.page-main-header .headinnbx {  width: 100%;}*/
#innerpage-box .cntpgbx{margin: 0em 0em 1em 0em;}
.faq_tp .faq-heading {  font-size: 30px;}
.faq_tp {  padding-bottom: 1em;}
.section-title .heading-brd1:before{top: 17px;}
#appointment .section-subtitle h3{font-size: 25px;}
#appointment .app-img{margin-bottom: 2em;}
#appointment .inquiry-formbx {padding: 0em 1em 1em 1em;}
header .woocommerce-breadcrumb, .breadcrumbbox .button{font-size: 17px;}
.breadcrumbbox span.root{padding: 12px 12px 13px;margin-right: 1px;}
.breadcrumbbox span.treeEnd{padding: 5px 12px 5px;}
header.page-main-header .innheadlhs{padding: 3em 0;}
#innerpage-box .singleinner-service .service_inimg { padding: 0 0 4px 5px;}
main#innerpage-box div#content-box h5.faq-title{line-height: 25px;}
.slider_section .slide-mainimg, .slider_section .slide-rhs-img img { height: 250px;}
#testimonials .ts-area-single {margin: 2.55em 0 2em;}
#event .event-img img{height: 200px;}
#appointment .ht-inquiry-member-wrap{padding: 1.15em 0.2em 1.2em;}
#innerpage-box .single-project img {height: 225px !important;}
#innerpage-box .inner-blogpost-info{position: relative;width: 100%;right: 0;top: 0;padding: 10px 17px 20px 20px;}
#innerpage-box .ht-blog-thumbnail img {height: 200px;}
#innerpage-box .inner-blog-post{margin-bottom: 2em;}
#innerpage-box .donation-innerbox .appadptn-area-data{text-align: center ;}
#innerpage-box .ts-area-c{padding: 15px 10px 30px;}
}

@media screen and (min-width: 376px) and (max-width: 475px){
    #features .features-area-data{padding: 0 50px 10px;}
}

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

@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 .contform {display: block !important;}
.section-title h2, 
#about .abtsection-title h2 {font-size: 40px;line-height: 35px;}
#about .abtsection-subtitle h4{font-size: 28px;line-height: 35px;}
#ht-contactus-wrap{padding: 20px;}
#ht-contactus-wrap .contact-form{padding: 0em 1em 1.5em;}
#ht-contactus-wrap input[type="submit"]{font-size: 20px;padding: 10px 20px 10px;}
#innerpage-box .contact-address-area .contact-img img{height: 300px;}
#innerpage-box .contact-address-area .cntct-icntitle h4{font-size: 20px;}
#innerpage-box .contact-address-area .cont-hdtitle a{font-size: 21px;padding: 13px 20px;}
}

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

@media screen and (min-width: 320px) and (max-width: 375px){
header.site-header .header-btn a{padding: 5px 6px;}
header.site-header .header-btn .header-btn1{margin-right: 3px;}
header.site-header .header-btn a{font-size: 13px;}
.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;
}
#innerpage-box .singleinner-service .service_inimg .service-img {height: 340px;}
#event .section-btn{float: none;display: block;}
.blog-area .section-title{margin-bottom: 0em;}
}

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