/*Theme Name: Model Agency Pro
Theme URI: https://luzuk.com/demo/model-agency-pro/
Author: luzuk Themes
Author URI: www.luzukthemes.com/
Description:Our Model Agency theme has been designed to create a professional yet slick and glamourous appeal so that clients perceive you as a high-class sophisticated agency, get drawn to you and are compelled to do business with you.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: model-agency-pro
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 {
    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: none !important;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    margin: 0 2px;
    padding-top: 10px;
}
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: 28px;
    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;
    margin-bottom: 0em;
}
blockquote {
   position: relative;
    clear: both;
    margin: 40px 0px;
    padding: 3.5em 6em;
    border: 4px solid;
    font-size: 20px;
    color: #212121;
    font-weight: 400;
    border-radius: 130px;
}
blockquote:before {
    content: "\f10d";
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 47px;
    left: 1.4em;
    top: 1.1em;
    clear: both;
}
blockquote:after {
   content: "\f10e";
    font-family: 'FontAwesome';
    position: absolute;
    bottom: 1.5em;
    font-size: 47px;
    right: 2em;
    bottom: 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;
}
.pd-0{ padding: 0;}
.pd-1{ padding: 2px;}
.pl-0{padding-left:0 ;}
.pl-1{padding-left: 1em;}
.pd-4{padding: 0 2em;}
.justify-content-center { -ms-flex-pack: center!important; -webkit-box-pack: center!important; text-align: center;justify-content: center!important;}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

/*blockquote,
q {
    quotes: "" "";
        -moz-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    -webkit-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
}*/
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}
ul,
ol {
    margin: 0 0 15px 20px;
    padding: 0;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 15px;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 15px 15px;
}
img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
    vertical-align: middle;
}
table {
    margin: 0 0 15px;
    width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.wpcf7 form .wpcf7-response-output {
    margin: -2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
    color: red;
    z-index: 1;
    position: relative;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #fe5722;
    padding: 10px 20px;   
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    font-size: 20px;
}
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;
}
.widget .wpcf7-spinner{position: absolute;}
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: #f1f1f1;
    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;
    margin: 0 0 12px;
    background: #f72985;
    color: #fff;
    border-radius: 20px 0 20px;
    text-align: center;
    font-weight: 600;
}

.widget-area ul{
    list-style: none;
    padding: 0px 3px;
    margin: 0;
    /*border: 1px solid #eaeaea;*/
    border-bottom: none;
}
.widget-area .social-profile-icons ul li {  display: inline-block;}
.widget-area .social-profile-icons ul li:before {  display: none;}
.widget-area ul ul{  margin-top: 5px;}
.widget-area ul ul li{ padding-left: 10px;}
.widget-area ul ul li:last-child{  border-bottom: 0;  padding-bottom: 0;}
.widget-area li{
    line-height: normal;
    margin: 0;
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
/*    border-bottom: 2px solid #eaeaea;*/
    padding-left: 10px;
}
.widget-area li.recentcomments {  padding: 10px 0px;}
.widget-area a{
    text-decoration: none;
    font-size: 18px;
    color: #404040;
    display: inline-block;
    padding: 15px 0;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
}
.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}
.widget-area .widget{ margin-bottom: 1.5em; position: relative;z-index: 1;}
#innerpage-box .widget-area .wp-block-latest-posts__list {padding: 0 2px;}

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

/*main#innerpage-box #sidebars .widget-area li:before{
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f192";
    padding-right: 1em;
}*/
/*main#innerpage-box .widget-area .tagcloud a:before{
    display: none;
}*/
#secondary .widget_archive li a:before,
#secondary .widget_categories li a:before,
#secondary .widget_recent_entries li a:before,
#sidebars .widget_recent_entries ul li a:before {
    content: '\f008' !important;
    font-family: 'FontAwesome';
    position: absolute;
    left: -1em;
    font-size: 19px;
    text-align: center;
    margin-top: 0px;
}
#secondary .widget_nav_menu li a{
    display: block;
    position: relative;
    width: 96%;
    background: #fff;
    margin-bottom: 10px;
    padding: 13px 14px;
    border-radius: 8px 10px 35px 10px;
    border: 2px solid;
}
#secondary .widget_nav_menu li a:after{
    content: "\f054";
    font-family: 'FontAwesome';
    float: right;
    width: 57px;
    height: 46px;
    line-height: 50px;
    position: absolute;
    border-radius: 35% 12% 60% 18% / 39% 20% 68% 18%;
    right: 0px;
    top: 0px;
    font-size: 23px;
    text-align: center;
    background: #ff95a5;
    color: #0074D9;
    transition: all 0.2s ease 0s;
}
#content-box ul li:before {
    content: '';
    font-family: 'FontAwesome';
    float: left;
    padding-right: 1em;
    color: #0074D9;
    transition: all 0.2s ease 0s;
}
#secondary .widget-area .tagcloud,
#sidebars .widget-area .tagcloud{padding: 0 1em;}
/*--------------------------------------------------------------
## Sidebar Area
--------------------------------------------------------------*/
.widget-area { position: relative; overflow: hidden;}
#secondary input[type="text"]{
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    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: 88%;
    margin: 5px 6%;
    font-size: 18px;
    display: inline-block;
    border-radius: 10px 10px 35px 10px;
    padding: 10px 3px 10px 20px;
    line-height: 1.2;
    text-align: left;
}
#secondary textarea { height: 100px;}
#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;}
.single_post{padding: 0 25px 0 0;}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.author-email-url{
    margin-left: -2%;
}
#comments a:hover{
    color:#2d2d2d;
}
#commentsAdd a:hover{
    color:#2d2d2d;
}
#commentsAdd input[type="submit"]{
    background: #fc226a;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 50px;
    font-size: 16px;
}
#commentsAdd input[type="submit"]:hover{
    border-radius: 5px;
    opacity: 1;
}
#content .tags a {
    margin: 0 4px;
    border: 1px solid #000;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 15px;
    border-radius: 8px;
    line-height: 35px;
    word-break:break-word;
}

#comments .comment-author img{border-radius: 50%;}
#comments span.fn {
    position: absolute;
    top: 17px;
    white-space: nowrap;
}
.comment-form-author,
.comment-form-email,
.comment-form-url{
    float: left;
    margin-left: 2%;
    width: 31.33333%;
}
#content p{margin-bottom: 20px;}
.inner_contentbox .socialMedia ul{margin-left: 0;padding: 0 !important;}
.inner_contentbox .socialMedia ul li{
    display: inline-block;
    position: relative;
    top: -20px;
    margin: 10px 0 0 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: 8px 0;
}
.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: 0.5em 0 5em;
    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: 5em;
    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: 1em;
    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;
    display: none;
}
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;
}
.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;
}
.entry-content{padding: 0 20px 0 20px;}
/* 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%;
}
.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 {
    margin: 5px 6% 20px 6%;
    width: 88%;
    top: 10px;
    display: block;
    position: relative;
    text-align: center;
    padding: 12px 35px !important;
    border-radius: 10px 10px 35px 10px !important;
    z-index: 999 !important;
    overflow: hidden;
    border: none;
    box-shadow: none;
}
#sample-heading-here:after {display: none !important;}
.section-title{position: relative;display: inline-block;}
.section-title h2 {
    position: relative;
    word-break: break-word;
    font-weight: 600;
    font-size: 45px;
    margin-bottom: 1.1em;
}
.section-title h2:after{
    display: block;
    margin: 8px 0 0 0;
    content: " ";
    border-color: #3ff;
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-right: none;
}
.section-title h1{font-size: 30px;margin-bottom: 5px;}
.section-title .titlicnbx { position: relative; display: inline-block;}
.section-title .titleicon {  position: relative;  margin-bottom: 0px;overflow: hidden;}

/*inner Header*/
.inner-area-title {    
    font-size: 23px;
    font-weight: 500;
    word-break: break-word;
}
.section-area-text {    
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 25px;
    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 0 0.1em;
    letter-spacing: 0px;
    font-weight: 600;
    text-align: center;
    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-top: 0em;
}
.ht-site-title a, .site-title a{ text-decoration: none;color: #4a4a4a;}
.ht-site-description{
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}
#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: 5px;}
.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;}

/*h1.page-title { display: inline-block; padding-left: 5px;}*/
/*======= side bar ===========

.woocommerce .widget_price_filter .price_slider_amount {
    text-align: center !important;
    padding: 0 2px !important;
    
}
/****** product categorie ******/

.woocommerce-loop-category__title mark {
    border-radius: 4px;
/*    width: 75%;*/
    margin-top: 12px;
    background: #d33;
    color: #000;
    clear: both;
    position: relative;
    left: 0;
    right: 0;
    margin: 16px auto;
    padding: 8px 46px;
    font-size: 20px;
}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
.page-main-header { text-align: center;}
.breadcrumbbox { position: relative; padding: 2.5em 0 1em; text-align: center;z-index: 1;}
.breadcrumbbox span{ color:#000; margin:0 3px;}
.breadcrumbbox span i {top: 2px; position: relative;font-weight: 200;}
header .woocommerce-breadcrumb,
.breadcrumbbox .button {
    padding: 10px 20px !important;
    display: inline-block !important;
    font-size: 22px !important;
    font-weight: 400;
    border-radius: 50px;
    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 .overlay1 {
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    opacity: 0.1;
    z-index: 1;
}
.resp_header_logo {  display: none;}
.overlap-header { position: relative; top: 0px;}
.page-main-header{
    padding: 6em 0 2em 0;
    position: relative;
    overflow: hidden;
    color: #fff;
    clear: both;
}
.page-main-header .hdr-img {
     width: 527px;
    border-radius: 60px;
    padding: 11em 0 6em;
}
.page-main-header .img-round {
   background-image: linear-gradient( 0deg,#e3ea4c 10%,#f0655e 75%);
    padding: 17px;
    border-radius: 60px;
    width: 560px;
}
.page-headererr .page-main-header{padding: 5em 0 10em 0;}
.lower-header .header-social-links {  margin: 20px 0;}
.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:5px 5px 0 5px;}
.logobox img{ position: relative;}
/*.navigation .mainmenu ul.sub-menu li a:after { background: #090909;}*/
/*header.site-header .main-dispaly.padding0 {  padding-right: 0;}*/
header .hshop .count {
    color: #3ff;
    background: #f3f;
    position: absolute;
    top: -6px;
    left: 47%;
    font-size: 18px;
    border-radius: 20px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    z-index: 1;
    font-weight: 500;
}
header .hshop i{
    color: #000;
    font-size: 30px;
    margin-top: 5px;
}

/*header Right Side Corner Button*/
header .mob {position: relative;}
header .head-icon{display: none;}
header .mob a{
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    color: #3ff;
    font-weight: 700;
    padding: 13px 32px 13px 22px;
    border-radius: 15px 15px 42px 15px;
    text-decoration: none;
    font-size: 20px;
    z-index: 1;
    word-break: break-word;
    transition: all 0.2s ease 0s;
    white-space: normal;
    transition: all 0.3s;
    box-shadow: 21px 11px 61px 14px #a8adbf;
}
header .mob a:before,
header .mob a:after{
    content: '';
    background: #000;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.3s;
}
header .mob a:after{
    background: #EA2027;
    width: 70%;
    border-radius: 0;
    z-index: -2;
}
header .mob a:hover{border-radius: 0;transition: all 0.3s;}
header .mob a:hover:before{ width: 60%;border-radius: 0 0 40px 0; }
header .mob a:hover:after{ left: 30%; }
header .mob i {
    position: relative;
    font-size: 28px;
    font-weight: 700;
    padding-right: 8px;
    top: 4px;
}
header .mob a:hover i{
    -webkit-animation: wiggle .1s alternate ease infinite;
    animation: wiggle .1s alternate ease infinite;
}
@-webkit-keyframes wiggle {
  from { -webkit-transform: rotate(0deg); }
  to   { -webkit-transform: rotate(30deg); }
}
/* 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 4px;
}
.navigation .mainmenu li a{ 
    display:block; 
    text-align:center; 
    /*color:#ffffff; */
    position:relative; 
}

/*.current_page_item > li a:hover*/
/*.navigation .mainmenu li a::before {
  content: "";
  inset: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
  border-radius: 0px;
}*/

/*.current_page_item > a:hover*/
/*.navigation .mainmenu li a:hover::before {
  transform: scaleX(1.2);
  transform-origin: left;
}*/
.navigation .mainmenu li a::before{
     content: '';
    background-color: #079992;
    height: 100%;
    width: 100%;
    opacity: 0;
    transform: scale(0.6);
    position: absolute;
    left: 50%;
    top: 0;
    border-radius: 12px 12px 0 12px;
    z-index: -1;
    transition: left 0.3s ease, transform 0.5s ease 0.1s;
}
.navigation .mainmenu li a:hover::before{
    opacity: 1;
    transform: scale(1);
    left: 0;
}
/* = Navigation 2nd level css
-------------------------------------------------------------- */
.navigation .mainmenu ul.sub-menu li { 
    list-style-type: none;transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 10px;
}

.navigation .mainmenu li:hover ul.sub-menu{
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    transition: all 0.5s;
}

ul.sub-menu{
   display: none; 
    z-index: 9999;
    position: absolute;
    left: -9999px;
    border-radius: 15px 15px 0 15px;
    box-shadow: 0 0 12px rgb(0 0 0 / 20%);
    left: 0;
    text-align: left;
    background: #9bb70d;
    min-width: 250px;
    z-index: 999;
    padding: 0px;
    margin-top: 0px;
    box-shadow: 0px 5px 30px rgb(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 ul.sub-menu li a:hover {
    border-radius: 8px 8px 0 8px !important;
}
.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;
    left: 0;
    right: 0;
}

/* = Navigation 3rd level css
-------------------------------------------------------------- */
/*.page-template-default .navigation .mainmenu li a{color:#fff;}*/
/*.navigation .mainmenu li:hover ul li:hover > ul{
    display:block; 
    position:absolute; 
    left:205px; 
    top:-1px; 
    -ms-animation: fadeInRight .3s ease-in-out; 
    -webkit-animation: fadeInRight .3s ease-in-out; 
    animation:fadeInRight .3s ease-in-out; 
    z-index: 1;
}*/
.header.site-header ul.sub-menu li a {
    font-size: 16px;
    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;
    border-radius: 8px 8px 0 8px;
}

ul.sub-menu, 
header.site-header ul.sub-menu {
    background-color: #000;
    border: 5px solid #d33;
    border-left: 0;
    border-top: 0;
}
.navigation .mainmenu ul.sub-menu li.current_page_item a, 
.navigation .mainmenu ul.sub-menu li:hover a{background-color: #f2f2f2;transition: all 0.3s;}
.navigation .mainmenu ul.sub-menu li:hover a{padding: 12px 8px 12px 30px;transition: all 0.3s;}
 .header.site-header ul.sub-menu li a:before {
    content: "\f0ec";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    margin-top: -.6em;
    margin-left: -22px;
    margin-right: 5px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
}
.header.site-header ul.sub-menu li:hover a:before { margin-left: 14px; opacity: 0;}
header.site-header ul { margin: 0;}
header.site-header .text-bx.padding0 {
    font-size: 13px;
    font-weight: 700;
}
header.site-header .list-inline.m-a0 {
   padding: 2px 0;
   float: right;
}
.navigation .mainmenu {position: relative;}
.header-icon i.fa {
    position: relative;
    top: 0px;
    font-size: 15px;
    padding-right: 9px;
    font-weight: 700;
}
.site-header{
    z-index: 99999;
    position: absolute;
    width: 100%;
    background: none;
}

.site-header ul,
.site-header ol {
    margin-bottom: 0;
}
/*without top bar*/
.extra-nav {
    float: right;
    padding: 26px 0;
    position: relative;
    z-index: 9;
}
.extra-nav .site-button-link{
    font-size:15px;
}
.extra-nav .extra-cell {
    display: inline-block;
    margin-left: 10px;
}
@media only screen and (max-width: 767px) {
    .extra-nav {
        margin-right: 15px;
    }
}
@media only screen and (max-width: 480px) {
    .extra-nav {
        margin: 0 1px 0 0;
        text-align: right;
    }
}
.new-page{
    padding: 2px 5px;
    font-size: 10px;
    background: #ff0000;
    color: #fff;
    border-radius: 4px;
    vertical-align: middle;
    margin-left: 2px;
}
.new-page.menu-new{
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 3px 4px;
    line-height: 10px;
}

/* map page header*/
/*#header-part.fix-map-header {  height: 90px;}*/
#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
-------------------------------------------------------------- */
.head-menu {text-align: right;}
.top-bar-head {   padding: 0.3em 0;}
.site-navigation {
    display: inline-block;
    padding: 0 0em;
}
.header-transparent .sticky-header {
    padding: 14px 0;
    text-align: right;
}
.header-seo.header-transparent .is-fixed .main-bar ul {
    padding: 5px 0 10px;
    text-align: center;
}
.header-seo.header-transparent .is-fixed .main-bar ul ul.sub-menu { padding: 0px;}
.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {
    top: 10px;
    position: relative;
}
.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {  top: 8px;}
header.site-header .dlab-topbar-left {  position: relative;  top: 13px;}

/*----------------------------------------*/
/*  02.Slider Area
/*----------------------------------------*/
/* PAGER */
#ht-home-slider-section{position: relative;overflow: hidden;}
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}
.bx-wrapper .bx-controls-auto{display: none;}
.bx-custom-pager{ display: block;}
.bx-default-pager{ display: none;}
.bx-controls-direction { display: block;}
.slider_section{  position: relative;}
#ht-home-slider-section{padding: 7em 0 0;}
/*.ht-slide-caption{
    position: absolute;
    top: 40%;
    right: 18%;
    width: 550px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 1em 0em;
    text-align: left;
    z-index: 999;
}*/
.ht-slide-caption{
    position: relative;
    margin-top: 6em;
    /* right: 18%; */
    /* width: 550px; */
    padding: 1em 0em;
    text-align: left;
    z-index: 999;
}
.ht-slide-cap-title{
    font-size: 72px;
    font-weight: 600;
    padding-bottom: 0px;
    word-break: break-word;
    text-align: left;
    line-height: 87px;
}
.ht-slide-cap-desc {   
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    word-break: break-word;
    text-align: left;
    margin: 0.5em 0 1.7em;
    text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
}
#slider a.btn {
    position: relative;
    overflow: hidden;
    border: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: 700;
    padding: 14px 32px;
    border-radius: 50px 50px 0 50px;
    text-decoration: none;
    font-size: 18px;
    z-index: 999;
    word-break: break-word;
    transition: all 0.2s ease 0s;
    white-space: normal;
    transition: all 0.3s;
    box-shadow: 48px 6px 61px 15px #d7cbf9;
}
#slider a.btn:before,
#slider a.btn:after{
    content: '';
    /*background: #000;*/
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.3s;
}
#slider a.btn:after{
    background: #EA2027;
    width: 70%;
    border-radius: 0;
    z-index: -2;
}
#slider a.btn:hover{border-radius: 0;transition: all 0.3s;}
#slider a.btn:hover:before{ width: 60%;border-radius: 0 35px 0 0; }
#slider a.btn:hover:after{ left: 30%; }
.slider_section img {
    position: relative;
    height: 580px;
    width: 630px !important;
    border-radius: 50%;
    /* left: 27%; */
    top: 1.5em;
}
.slider_section .slider-imgbrd{
    max-width: 650px;
    padding: 3.5em 2.5em 1.5em 2.5em;
    position: relative;
    /* background: linear-gradient(to right, #e3ea4c, #f0655e); */
    background-image: linear-gradient( 55deg,#e3ea4c 46%,#f0655e 88%);
    border-radius: 50%;
    top: 2em;
}
.sliderimg {
    position: relative;
    top: 0px;
    left: 0em;
    padding: 0;
    background-clip: content-box;
    display: inline-block;
}
#ht-home-slider-section .bx-wrapper .bx-controls-direction a{ display: none;}
#ht-home-slider-section .slider-social {    
    position: relative;
    text-align: right;
    transition: all .4s linear;
    right: 6em;
    margin-top: 3em;
}
#ht-home-slider-section .slider-social a i{
    margin: 15px 3px 0;
    font-size: 21px;
    font-weight: 500;
    color: #fff;
    width: 35px;
    height: 35px;
    letter-spacing: 1px;
    line-height: 35px;
    text-align: center;
    border-radius: 8px 8px 0 8px;
    transition: all .4s linear;
    box-shadow: 21px 14px 61px 10px #a8adbf
}
#ht-home-slider-section .slider-social a i:hover{
    transform: scale(1.2);
    transition: all .4s linear;
}
#ht-home-slider-section .slider_section .owl-nav,
#ht-home-slider-section .slider_section .owl-dots{display: none;}
/*----------------------------------------*/
/*   Service Area
===========================
/*----------------------------------------*/
.service-area .inn-single-service-bx { display: none;}
#service{ position: relative;overflow: hidden;background: #f1f5fe;}
#service .section-title h2{}
.service-area .single-service-bx { margin-bottom: 4.5em; position: relative;padding: 0 2.5em 0 0;}
.service-area  .single-service{
    position: relative; 
    overflow: hidden; 
    transition: all 0.3s ;
    border-radius: 2em;
   box-shadow: 48px 6px 61px 15px #d1daf4;
}
.service-area .service-icon { position: relative;text-align: center;padding: 2.8em 0 2.4em;}
.service-area .service-icon img{display: none;}
.service-area .service-icon i{
    position: relative;
    font-size: 42px;
    color: #000;
    background: linear-gradient(40deg, transparent -55%, #624cf6 80%);
    width: 107px;
    height: 92px;
    line-height: 95px;
    border-radius: 15px 15px 70px 15px;
    box-shadow: 11px 12px 105px -9px #624cf6;
    transition: all 0.6s ;
}
.service-area .single-service:hover .service-icon i{
    transform: scale(1.3);
    border-radius: 20px;
}
.service-area .ser-wave{ position: absolute; top: -2px; width: 100%;}
.service-area .sertxbx{
    position: relative ;
    padding: 0px 22px 20px;
}
.service-area h4 {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin: 5px 0 15px 0;
}
.service-area p {     
    padding: 0;
    font-size: 18px;
    margin: 23px 0 22px;
    word-spacing: -1px;
    text-align: justify;
    line-height: 24px;
    font-weight: 400;
}

/*----------------------------------------*/
/*  model Section
/*----------------------------------------*/
#model .single-model-bx-inn{display: none;}
#model{position: relative;background: #f1f5fe;}
#model .single-model-bx-inn{display: none;}
#model .section-leftbx{margin-right: 2em;}
#model .section-title {margin: 1.5em 0 0em 0;}
#model .section-title h2 {padding: 5px 10px;}
#model .section-title .sub-border {
    content: " ";
    border-style: solid;
    border-width: 1px;
    border-color: #3ff;
    position: relative;
    margin-top: 9px;
}
#model .section-subtitle h3{
    font-size: 40px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 10px;
}
#model .model-text p{
    font-size: 20px;
    font-weight: 400;
}
#model .single-model-bx {
    position: relative;
    padding: 0 0.8em 1em 0.9em;
    margin-bottom: 1em;
}
#model .single-model {
    position: relative;
    transition: all 0.5s ;
}
#model .model-img{box-shadow: 48px 6px 61px 15px #d1daf4;border-radius: 120px;}
#model .model-icon {position: relative;overflow: hidden;}
#model .model-icon:before{
    content: '';
   background: linear-gradient(0deg,#ff62a3 30%,#624cf6 56%);
    height: 20px;
    width: 20px;
    border-radius: 50%;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) rotateX(360deg);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transition: opacity 0.8s,height 0.2s ease 0.2s, width 0.2s ease 0.2s;
}
#model .model-icon:hover:before{
    height: 150%;
    width: 150%;
    opacity: 0.5;
    transform: translateX(-50%) translateY(-50%) rotateX(0);
}

#model .model-title-box{
    z-index: 1;
    transition: all 0.3s;
    position: relative;
}
#model .model-title-box p{display: none;}
#model .model-icon{position: relative;border-radius: 120px;}
#model .model-link{display: none;}
#model .single-model h4{
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    padding: 17px 10px 10px 10px;
    transition: all 0.3s ease;
}
#model .single-model:hover h4{
    color: #112B5C;
     transition: all 1s ease;
}
#model .model-icon img{
    transition: all 0.5s ease 0s;
    width: 100%;
    height: 390px;
    border-radius: 120px;
    /*box-shadow: 48px 6px 61px 15px #d1daf4;*/
}

/*----------------------------------------*/
/*  About Area
/*----------------------------------------*/
#about { position: relative;background: #f1f5fe;}
#about .section-title .titlicnbx { position: relative; display: inline-block;}
#about .aboutarea-img { display: inline-block; position: relative;top:-1em;float: right; transition: all 0.3s;}
#about .aboutarea-img img{
    position: relative;
    z-index: 1;
    border-radius: 50%;
    width: 490px;
    height: 500px;
    margin: 0em 0 0em 1em;
   transition: filter 0.4s ease-in-out;
    filter: none;
}
#about .aboutarea-img:hover img{filter: grayscale();}
#about .abtbrd{
    position: absolute;
    top: -17%;
    left: -5%;
    right: -9%;
    bottom: -2px;
    background-image: linear-gradient( 300deg,#e3ea4c 47%,#f2635f 90%);
    border-radius: 50%;
    transition: all 0.3s;
}
#about .section-title{margin-bottom: 0em;overflow: hidden;  position: relative;}
#about .section-title h1{font-size: 25px;color: #5c36a8;font-weight: 500;margin-bottom: 18px;}
#about .section-title h1:after{
    display: inline-block;
    margin: 0 0 0px 5px;
    content: " ";
    width: 4.5em;
    flex: 1;
    border-color: #3ff;
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-right: none;
}
#about .section-title h2{font-size: 45px;font-weight: 600;letter-spacing: 0;margin-bottom: 0;}
#about .section-title h2:after{display: none;}
#about .section-subtext {text-align: justify;word-spacing: -2px;}
#about .section-subtext p{font-size: 18px;font-weight: 400;line-height: 22px;margin: 1em 0 0.5em 0;}
#about .about-area-data {text-align: left;margin-left: -0.5em;}
#about .about-area-data h4{font-size: 20px;margin-top: 2px;font-weight: 500;}
#about .aboutus-post-boxes {position: relative;margin: 1em 0 0 0;}
#about .aboutus-single {margin: 1em 0 0em 0;padding: 0; transition: all .2s linear; text-align: center;}
#about .hi-icon { text-align: left; position: relative; font-size: 22px;font-weight: 900;}
#about .hi-icon span{transition: all 0.2s ease 0s;}
#about .aboutus-single:hover .hi-icon{ transition: all 0.5s; animation: wobble .5s ease-in-out;}
#about .abt-btn {position: relative;margin-top: 1.2em;}
#about .abt-btn a{
    position: relative;
    overflow: hidden;
    border: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: 700;
    padding: 12px 34px;
    border-radius: 50px 50px 0 50px;
    text-decoration: none;
    font-size: 18px;
    z-index: 999;
    word-break: break-word;
    transition: all 0.2s ease 0s;
    white-space: normal;
    transition: all 0.3s;
    box-shadow: 48px 6px 61px 15px #d7cbf9;
}
#about .abt-btn a:before,
#about .abt-btn a:after{
    content: '';
    /*background: #000;*/
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.3s;
}
#about .abt-btn a:after{
    background: #EA2027;
    width: 70%;
    border-radius: 0;
    z-index: -2;
}
#about .abt-btn a:hover{border-radius: 0;transition: all 0.3s;}
#about .abt-btn a:hover:before{ width: 60%;border-radius: 0 35px 0 0; }
#about .abt-btn a:hover:after{ left: 30%; }

/*----------------------------------------*/
/*   video Area
/*----------------------------------------*/
#video .single-videoinn{display: none;}
#video {position: relative;background: #f1f5fe;}
#video .section-title h2{margin-left: 16px;}
#video .videous-post-boxes {  margin-top: 1em;}
#video .single-video {position: relative;padding-right: 2.5em;margin-bottom: 2em;}
#video .videobx{padding: 0em 2.3em;margin-bottom:4em;}
#video .videous-single { 
    position: relative;
    margin-bottom: 0em;
    transition: all .1s linear;
    border-radius: 20px;
    transition: all 0.3s;
    box-shadow: 48px 24px 56px 2px #d1daf4;
}
#video .video-box img{width: 100%;height: 450px;border-radius: 20px 20px 0 0;}
#video .video-box .video-icon {
    position: absolute;
    top: 40%;
    font-size: 22px;
    left: 40%;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    line-height: 75px;
}
#video .video-box .video-icon::after {
    position: absolute;
    content: '';
    bottom: -7px;
    top: -7px;
    left: -7px;
    right: -7px;
    background-color: transparent;
    border-radius: 50%;
    border: 3px solid #f33;
    margin: 0px;
    opacity: 1;
    transform-origin: center;
    animation: anim 2s linear infinite;
}
@keyframes anim {
    from {
        margin: 0px;
        opacity: 1;
    }

    to {
        margin: -15px;
        opacity: 0;
    }
}
#video .video-box .video-ovly{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.5;
    border-radius: 50%;
}
#video .video-box .video-icon i{
   position: relative;
    color: #ff0204;
    z-index: 0;
    border: 2px solid #fff;
    padding: 15px 20px;
    border-radius: 50%;
}
#video .video-area-data { position: relative;padding: 20px;background: #fff;border-radius: 0 0 20px 20px;}
#video .video-area-data h4{ font-size: 24px; margin: 0; font-weight: 600;}
#video .video-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 99999;
}
#video .video-overlay:target {visibility: visible;opacity: 1;}
#video .popup {
    margin: auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 50%;
    top: 20%;
    position: relative;
    transition: all 5s ease-in-out;
}
#video .popup h2 { margin-top: 0;color: #000;font-weight: 900;}
#video .popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #000;
}
#video .popup .close:hover {color: #000;}
#video .popup .content {max-height: 30%;overflow: auto;}
@media screen and (max-width: 700px){
  #video .box{
    width: 70%;
  }
  #video .popup{
    width: 70%;
  }
}

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

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

#gallery {position: relative;  overflow: hidden;background: #f1f5fe;}
#gallery .gall-contain {position: relative;padding: 5px 5px 13px;border-radius: 10px;}
#gallery .lz-gallery-images,
#gallery .spa-gall {position: relative;overflow: hidden;transition: all 0.3s ease 0s;}
#gallery .homegalry{
    background: linear-gradient(40deg,transparent -91%,#6550e9 80%);
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 48px 6px 61px 15px #d1daf4;
}
#gallery .homegalry:before,
#gallery .homegalry:after,
#gallery .homegalry .over-text:before,
#gallery .homegalry .over-text:after{
    content: "";
    background: #fff;
    width: 50%;
    height: 4px;
    transform: scaleX(0);
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
    transition: all 600ms ease;
}
#gallery .homegalry:after{
    top: auto;
    bottom: 15px;
    left: auto;
    right: 15px;
}
#gallery .homegalry .over-text:before,
#gallery .homegalry .over-text:after{
    width: 4px;
    height: 50%;
    transform: scaleY(0);
}
#gallery .homegalry .over-text:after{
    left: auto;
    right: 15px;
    top: auto;
    bottom: 15px;
}
#gallery .homegalry:hover:before,
#gallery .homegalry:hover:after,
#gallery .homegalry:hover .over-text:before,
#gallery .homegalry:hover .over-text:after{
    transform: scale(1);
}
#gallery .spa-gall img {
    max-width: 100%;
    vertical-align: top;
    width: 100%;
    height: 450px;
    transition: all 0.3s ease 0s;
    border-radius: 10px;
    transform: scale3d(1.1, 1.1, 1);
    transition: all 0.25s linear;
}
.homegalry:hover img{
    opacity: 0.5;
    transform: scale(1.2);
}
#gallery .inner-area-title{display: none;}
/*----------------------------------------*/
/*   team Area
/*----------------------------------------*/
#innerpage-box .our-team,
#team .inner-team{display: none;}

#team { position: relative;overflow: hidden;background: #f1f5fe;}
#team .single-team {position: relative;padding: 0 1.4em;}
#team .our-team{
    position: relative;
    padding: 0.9em 0 2em;
    border-radius: 100px;
    z-index: 1;
    margin-bottom: 2em;
    transition: all .4s linear;
    box-shadow: 10px 11px 72px -27px #ff8a4c;
}
#team .our-team:hover{
    transition: all .4s linear;
    transform: translateY(-15px);
}
#team .single-team-img img{
    width: 200px;
    height: 220px;
    transition: all .7s linear;
}
#team .single-team:nth-child(4n - 3) .single-team-img .teamshape{
    -webkit-mask-image: url(images/Shape1.png);
    mask-image: url(images/Shape1.png);
}
#team .single-team:nth-child(4n - 2) .single-team-img .teamshape{
     -webkit-mask-image: url(images/Shape2.png);
    mask-image: url(images/Shape2.png);
}
#team .single-team:nth-child(4n - 1) .single-team-img .teamshape{
     -webkit-mask-image: url(images/Shape6.png);
    mask-image: url(images/Shape6.png);
}
#team .single-team:nth-child(4n - 0) .single-team-img .teamshape{
     -webkit-mask-image: url(images/Shape7.png);
    mask-image: url(images/Shape7.png);
}
#team .single-team-img .teamshape{
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 180px;
    height: 230px;
}
#team .single-team-img .team-brd{
    content: '';
    position: absolute;
    top: -7px;
   width: 235px;
    height: 260px;
    background: #fd6f23;
}
#team .single-team:nth-child(4n - 3) .single-team-img .team-brd{
    left: 7px;
    clip-path: path("M190.824,143.811 C198.295,137.824 204.487,140.849 211.109,136.011 C221.165,128.662 221.997,111.872 219.764,101.382 C218.167,93.879 213.151,83.426 199.935,73.354 C192.516,67.701 182.612,63.385 168.334,60.356 C146.380,55.699 124.528,56.593 115.935,58.673 C100.037,62.521 87.070,69.491 77.193,78.131 C67.772,86.374 51.618,109.563 45.997,144.161 C41.581,171.344 46.736,195.702 50.486,203.445 C60.158,223.423 78.743,239.503 101.744,245.642 C122.281,251.124 146.994,248.745 166.743,234.811 C181.911,224.109 188.405,213.451 190.455,203.581 C192.887,191.874 189.435,179.907 186.540,173.097 C184.664,168.684 181.530,162.898 183.082,155.840 C184.200,150.750 187.442,146.521 190.824,143.811 Z");
}
#team .single-team:nth-child(4n - 2) .single-team-img .team-brd{
    top: -35px;
    left: -20px;
    clip-path: path("M218.956,91.795 C223.081,97.882 229.005,118.087 227.336,142.321 C226.245,158.167 222.796,174.888 216.230,192.992 C213.161,201.451 208.457,210.163 204.412,219.507 C200.076,229.521 196.958,236.718 189.239,243.645 C181.277,250.789 170.388,255.497 157.703,256.957 C151.699,257.649 134.507,255.936 118.001,248.974 C97.735,240.425 84.565,229.487 76.275,219.782 C68.835,211.074 63.034,201.280 59.111,190.944 C55.622,181.749 53.822,172.395 53.732,167.358 C53.594,159.601 58.348,139.980 72.612,121.036 C81.430,109.325 94.248,97.023 113.997,85.626 C125.889,78.763 139.570,73.122 155.525,69.704 C169.606,66.687 180.577,67.049 188.357,69.329 C201.362,73.138 212.122,81.712 218.956,91.795 Z");
}
#team .single-team:nth-child(4n - 1) .single-team-img .team-brd{
    top: 8px;
    left: 23px;
    clip-path: path("M105.390,35.906 C109.807,29.740 109.201,24.142 114.000,19.643 C122.739,11.448 138.102,15.320 142.699,16.774 C149.152,18.813 159.044,24.746 167.571,37.819 C177.058,52.362 178.987,66.558 180.008,78.954 C181.635,98.720 181.455,116.774 180.008,132.527 C177.713,157.517 173.329,174.590 164.702,186.098 C158.475,194.404 150.014,201.681 139.829,207.144 C126.024,214.550 108.962,217.985 90.084,215.755 C72.580,213.686 55.958,206.239 42.252,194.708 C31.514,185.675 22.051,173.311 15.466,157.399 C10.502,145.406 7.715,131.860 7.812,117.220 C7.976,92.700 14.653,76.122 23.119,64.605 C31.204,53.607 40.862,47.408 46.078,45.472 C56.867,41.469 68.709,42.542 76.691,44.516 C81.554,45.718 87.292,47.817 93.910,45.472 C96.794,44.450 101.365,41.524 105.390,35.906 Z");
}
#team .single-team:nth-child(4n - 0) .single-team-img .team-brd{
    top: -20px;
    left: 30px;
    clip-path: path("M55.820,135.660 C51.653,118.650 53.007,106.220 57.807,97.005 C61.689,89.552 77.301,76.472 104.393,70.332 C116.013,67.698 125.726,67.151 134.396,67.837 C153.900,69.377 170.648,76.256 183.497,86.508 C198.422,98.416 208.615,115.102 213.392,133.260 C218.368,152.174 217.703,172.611 209.649,190.396 C206.433,197.496 195.330,212.829 179.601,225.186 C161.997,239.014 144.851,246.149 129.112,249.236 C105.348,253.897 86.267,249.041 79.266,245.060 C69.356,239.426 61.423,231.300 57.876,221.353 C56.376,217.149 55.045,208.076 56.660,197.876 C58.042,189.143 61.464,184.334 62.651,175.574 C63.338,170.496 62.921,161.001 60.671,151.250 C59.341,145.487 57.227,141.405 55.820,135.660 Z");
}
#team .team-text h4 {
    word-break: break-word;
    font-size: 24px;
    font-weight: 600;
    color: #FE8A00;
    margin-bottom: 2px;
}
#team .team-text .team-designation{ 
    word-break: break-word;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 500;
}
#team .team-text{
    padding: 0.9em 0em 0.5em;
    z-index: 2;
    position: relative;
    bottom: 0;
    text-align: center;
}
#team .team-social-icon {    
    position: relative;
    text-align: center;
    transition: all .4s linear;
    margin: 1px 0px 0px 0px;
}
#team .team-social-icon a i{
    margin: 15px 2px 0;
    font-size: 19px;
    font-weight: 500;
    background: #f3f;
    color: #767779;
    width: 35px;
    height: 35px;
    letter-spacing: 1px;
    line-height: 35px;
    text-align: center;
    border-radius: 50% 50% 38% 50%;
    transition: all .4s linear;
}
#team .our-team .team-social-icon a i:hover{
    transform: scale(1.3);
    transition: all .4s linear;
    background: none;
}
/*----------------------------------------
/*  appointment Area
/*----------------------------------------*/
#appointment{position: relative;overflow: hidden;background: #f1f5fe;}
#appointment .app-inn {
    position: relative;
    overflow: hidden;
    border-radius: 2.5em 2em 2em 2.5em;
    box-shadow: 32px 7px 65px 31px #e5eafd;
}
#appointment .app-rhsbxinn {
    position: relative;
    padding: 8.3em 9em 7em 7em;
}
#appointment .app-rhsttitle h3 {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 1.2em;
}
#appointment .ht-inquiry-member-wrap{ padding: 6em 3em 3em; position: relative; text-align: center;}
#appointment .lhstitle h5 {
    position: relative;
    font-size: 40px;
    color: #f8a738;
    font-weight: 600;
    margin-bottom: 1.1em;
}
#appointment .appform{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 2.5em;
    box-shadow: 27px 1px 85px 5px #e5eafd;
}
#appointment .ht-inquiry-member-wrap input[type="text"], 
#appointment .ht-inquiry-member-wrap input[type="email"], 
#appointment .ht-inquiry-member-wrap input[type="url"], 
#appointment .ht-inquiry-member-wrap input[type="password"], 
#appointment .ht-inquiry-member-wrap input[type="search"], 
#appointment .ht-inquiry-member-wrap input[type="number"], 
#appointment .ht-inquiry-member-wrap input[type="tel"], 
#appointment .ht-inquiry-member-wrap input[type="range"], 
#appointment .ht-inquiry-member-wrap input[type="date"], 
#appointment .ht-inquiry-member-wrap input[type="month"], 
#appointment .ht-inquiry-member-wrap input[type="week"], 
#appointment .ht-inquiry-member-wrap input[type="time"], 
#appointment .ht-inquiry-member-wrap input[type="datetime"],
#appointment .ht-inquiry-member-wrap input[type="datetime-local"], 
#appointment .ht-inquiry-member-wrap input[type="color"],
#appointment .ht-inquiry-member-wrap input[type="file"],
#appointment .ht-inquiry-member-wrap select,
#appointment .ht-inquiry-member-wrap textarea{    
    border: 1px solid #fff;
    border-top: none;
    border-right: none;
    border-left: none;
    z-index: 2000;
    width: 88%;
    margin: 0 0 21px 0;
    border-radius: 7px;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
    background: transparent;
}
#appointment .ht-inquiry-member-wrap textarea {
    height: 50px;
    padding: 10px 20px;
    margin-top: 0px;
}
#appointment .ht-inquiry-member-wrap label{color:#fff;margin:0 0 1em;width: 100%;}
#appointment .ht-inquiry-member-wrap p{font-size: 16px;position: relative;}
#appointment .ht-inquiry-member-wrap input[type="submit"]{
    position: relative;
    background: #e1e1e1;
    padding: 11px 45px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    border-radius: 50px 50px 0 50px;
    margin-top: 1.3em;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 48px 10px 60px 40px #e5eafd;
    word-break: break-all;
    transition: all 0.4s;
}
#appointment .ht-inquiry-member-wrap input[type="submit"]:hover{border-radius: 50px 25px 85px 50px; transition: all 0.4s;}
#appointment .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;
}
#appointment .info-location {padding-top: 2.5em;}
#appointment .info-txt{ 
    position: relative;
    margin: 0 0 0.7em 3.5em;
    display: block;
}
/*#appointment .info-email{margin: 0 0 0.5em 3.5em;}*/
#appointment .info-txt a,
#appointment .info-txt p {
    position: relative; 
    padding-right: 10px;
    font-size: 24px;
    color: #000;
    margin-bottom: 0em;
    line-height: 35px;
    font-weight: 500;
}
#appointment .info-txt i{
    font-weight: 600;
    background: linear-gradient(150deg,#3949ab 35%,#2196f3 82%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#appointment .icnbx {
    left: -4px;
    transition: all 0.5s ease 0s;
    position: relative;
    text-align: center;
    font-size: 35px;
    margin-bottom: 0.5em;
}
#appointment .info-incbx{
    width: 50px;
    height: 100%;
    position: relative;
    transition: all 0.5s ease 0s;
    border-radius: 8px;
}

/*----------------------------------------*/
/*  Testimonials Section 
/*----------------------------------------*/
#testimonials .item.innertest-item.col-md-6{width: 100% !important;}
#testimonials {position: relative; overflow: hidden;background: #fbfaf5;}
#testimonials .section-title h2{margin-bottom: 0em;}
#testimonials.ts-area-single {
    position: relative;
    padding: 0 0.5em;
}
#testimonials .tsarea-inn {   
    position: relative;
    transition: all 2s ease 0s;
    border-radius: 200px;
    padding: 3em 1.5em 2.2em 1.5em;
    margin: 3em 0;
   box-shadow: 10px 6px 81px 2px #feecd8;
}
#testimonials .tsarea-inn .test-img {padding: 0 9px;}
#testimonials .ts-area-thumb img{    
    position: relative;
    border-radius: 50%;
    height: 175px;
    margin-top: 8px;
    transition: all 1s ease 0s;
}
#testimonials .ts-area-content {   
    position: relative;
    transition: all 1s ease 0s;
}
#testimonials .ts-area-c p {
    position: relative;
    z-index: 1;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 18px;
}
#testimonials h3.ts-area-title {font-size: 20px;font-weight: 600;transition: all 1s ease 0s;margin:14px 0 2px 0;}
#testimonials h3.ts-area-title:before{
    position: relative;
    display: inline-block;
    margin: 0 7px 0px 0px;
    content: " ";
    bottom: 10px;
    width: 2em;
    flex: 1;
    border-color: #3ff;
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-right: none;
    transition: all 1s ease 0s;
}
#testimonials .tsarea-inn:hover h3.ts-area-title:before{width: 3.5em;transition: all 1s ease 0s;}
#testimonials .testiimginn i{
    font-size: 54px;
    position: absolute;
    transition: all 1s ease 0s;
    left: 0;
    top: 0.5em;
    color: #d33;
}
#testimonials .tsarea-inn:hover i{transition: all 1s ease 0s;transform: rotate(180deg);}
#testimonials .text-designation{font-size: 18px;font-weight: 500;margin-left: 2.7em;transition: all 1s ease 0s;}
#testimonials .tsarea-inn:hover .text-designation{margin-left: 4.5em;transition: all 1s ease 0s;}
#testimonials .owl-carousel {display: block;}
#testimonials .owl-dots{ display: none; margin-top: 2em;}
#testimonials .owl-nav{    display: block;
    position: relative;
    text-align: center;
    margin-top: -35px;
}
#testimonials .owl-nav .owl-prev, 
#testimonials .owl-nav .owl-next{
    box-shadow: none !important;
    padding: 0;
    margin: 0 0.6em;
    width: 61px;
    text-align: center;
    transition: all 1s ease 0s;
    height: 70px;
    font-size: 22px;
    font-weight: 400;
    line-height: 55px;
}
#testimonials .owl-nav .owl-prev{border-radius: 56% 44% 23% 77% / 62% 83% 18% 37%;}
#testimonials .owl-nav .owl-next{border-radius: 50% 50% 72% 27% / 83% 62% 38% 16%;}
#testimonials .owl-nav .owl-prev:hover, 
#testimonials .owl-nav .owl-next:hover{
    border-radius: 5px;
    transition: all 1s ease 0s;
}

/*----------------------------------------*/
/* 10. Blog Area
/*----------------------------------------*/
.blog-area {position: relative;overflow: hidden;background: #f1f5fe;}
.blog-area .section-title h2{margin-left: 0.5em;}
.blog-area .box-area-S {
    margin-bottom: 2em;
    transition: all 0.3s;
    border-radius: 30px 30px 30px 30px;
    box-shadow: 32px 7px 65px 31px #e5eafd;
}
.blog-area .blog-single {
   position: relative;
    box-shadow: 0px 15px 20px 6px rgb(184 180 180 / 15%);
    padding: 3.4em 1.2em 2.6em;
    border-radius: 0 0 30px 30px;
}
.blog-area .blog-post{ padding: 0 23px;}
.blog-area .box-area-S .blog-thumbnail{ 
    position: relative; 
    overflow: hidden;
    transition: all 1s ease 0s;
    border-radius: 30px 30px 0 0;
}
.blog-area .blog-thumbnail img{width: 100%;height: 300px;transform: scale(1);transition: all 1s ease 0s;}
.blog-area .box-area-S:hover .blog-thumbnail img {
    transform: scale(1.1) rotateZ(-3deg);
    -moz-transform: scale(1.1) rotateZ(-3deg);
    -webkit-transform: scale(1.1) rotateZ(-3deg);
    -o-transform: scale(1.1) rotateZ(-3deg);
}
.blog-area .blog-thumbnail:before{
    content: "";
    background: linear-gradient(#EE5A24,#EE5A24,transparent);
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .4s ease-in-out;
}
.blog-area .box-area-S:hover .blog-thumbnail:before{
    height: 60%;
    opacity: 0.6;
}
.blog-area .blog-date {    
    position: absolute;
    top: -13px;
    left: 0;
    font-size: 21px;
    font-weight: 500;
    background: linear-gradient(40deg,transparent -190%,#ff62a3 40%);
    padding: 15px 40px 15px 30px;
    border-radius: 15px 15px 50px 20px;
    text-transform: uppercase;
    box-shadow: 20px 11px 59px -15px rgb(0 0 0 / 75%);
    transition: all .4s ease-in-out;
}
.blog-area .box-area-S:hover .blog-date{
    left: 2.5em;
    transition: all .4s ease-in-out;
}
.blog-area .blog-date i {padding-right: 10px; font-size: 25px;}
.blog-area .blog-posts h4{
    font-size: 22px;
    font-weight: 500;
    margin: 15px 0 15px;
    line-height: 28px;
    text-align: left;
    word-break: break-word;
}
.blog-area .blog-single p{
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
}
.blog-area .blogbtn a{
    position: relative;
    overflow: hidden;
    border: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    padding: 12px 30px;
    border-radius: 50px 50px 0 50px;
    margin-top: 13px;
    text-decoration: none;
    z-index: 999;
    word-break: break-word;
    transition: all 0.2s ease 0s;
    white-space: normal;
    transition: all 0.3s;
    box-shadow: 48px 10px 60px 10px #e5eafd;
}
.blog-area .blogbtn a:before,
.blog-area .blogbtn a:after{
    content: '';
    /*background: #000;*/
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.3s;
}
.blog-area .blogbtn a:after{
    background: #EA2027;
    width: 70%;
    border-radius: 0;
    z-index: -2;
}
.blog-area .blogbtn a:hover{border-radius: 0;transition: all 0.3s;}
.blog-area .blogbtn a:hover:before{ width: 60%;border-radius: 0 35px 0 0; }
.blog-area .blogbtn a:hover:after{ left: 30%; }
/*----------------------------------------*/
/*   Footer Area
/*----------------------------------------*/
.footer-area .f-newsletterbx{
    position: relative;
    overflow: hidden;
    top: -4em;
    border: 4px solid #fac8a3;
    padding: 2.7em 4em 0em;
    border-radius: 150px;
}
.footer-area .newstitle h3{
    position: relative;
    font-size: 35px;
    font-weight: 600;
    margin: 13px 0 16px;
}
.footer-area .box-form {position: relative;}
.footer-area .box-form p{margin-bottom: -5px;}
.footer-area {position: relative;background: #fceae0;}
.footer-area .f-newsletterbx .overlay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.5;
    background: #fff;
}
.footer-area .fbox {position: relative;top: -0.7em;}
.footer-area li {display: block;margin-bottom: 1px;font-size: 15px;font-weight: 500; }
.footer-area li a {font-weight: 500;text-decoration: none;font-size: 18px;}
.footer-area i{font-size: 25px;padding-right: 10px;}
.footer-area .gallery-item {padding-right: 7px;padding-bottom: 7px;}
.footer-area ul {margin: 0 0 15px 00px;}
.footer-area p {margin: 0 10px 6px 0;font-weight: 400;line-height: 1.3;font-size: 18px;}
.footer-area img{margin-bottom: 0.8em;}
.footer-area p i{font-size: 25px;margin-right: 4px;}
footer#footer.footer-area .widget-title { 
    letter-spacing: 0px;
    color: #feffff;
    margin-top: 0em;
    margin-bottom: 17px;
    font-size: 24px;
    font-weight: 600;
}
.footer-area .widget {margin-bottom: 0.8em;}
.footer-bottom-area ul li {display: inline-block;margin-left: 40px;margin-bottom: 0;position: relative;}
.footer-area .bottom-area {position: relative;}
.footer-area .bottom-area ul { margin-bottom: 0;}

.footer-text, .footer-text a {font-size: 18px;font-weight: 500;text-align: center;}
.footer-area .footer-border{
    position: absolute;
    left: 0;
    right: 0;
    border-top: 1px solid #000;
    margin-top: -18px;
}
.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 .f-newsletterbx input[type="text"], .footer-area .f-newsletterbx input[type="email"], 
.footer-area .f-newsletterbx input[type="url"], 
.footer-area .f-newsletterbx input[type="password"], .footer-area .f-newsletterbx input[type="search"], 
.footer-area .f-newsletterbx input[type="number"], 
.footer-area .f-newsletterbx input[type="tel"], .footer-area .f-newsletterbx input[type="range"], 
.footer-area .f-newsletterbx input[type="date"], 
.footer-area .f-newsletterbx input[type="month"], .footer-area .f-newsletterbx input[type="week"], 
.footer-area .f-newsletterbx input[type="time"], 
.footer-area .f-newsletterbx input[type="datetime"], .footer-area .f-newsletterbx input[type="datetime-local"], 
.footer-area .f-newsletterbx input[type="color"], .footer-area .f-newsletterbx textarea,
.footer-area .f-newsletterbx select{    
   padding: 2.4em 2em;
    border-radius: 100px;
}
.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 #d33;
    font-size: 19px;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 22px 16px;
    font-style: normal;
    font-weight: 400;
    height: 0;
}
.footer-area textarea {  height: 80px !important;}
.footer-area input[type="submit"]{
   padding: 12px 48px;
    white-space: normal;
    font-weight: 600;
    font-size: 18px;
    border-radius: 50px 50px 0 50px;
    background: #fff;
    color: #000;
    display: inline-block;
    transition: all 0.3s;
    box-shadow: 30px 5px 60px 10px #e5eafd;
}
.footer-area .f-newsletterbx input[type="submit"]{position: absolute;right: 2.2em;top: 1.2em;}
.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: 38px;
    height: 38px;
    line-height: 42px;
    background: #fff;
    border-radius: 15px 15px 0;
    text-align: center;
    margin: 0 7px 0 0;
    padding: 0 0 0 10px;
    transition: all .5s;
}
.footer-area .social-profile-icons ul li a:hover{background: none;transition: all .5s;}
.footer-area .social-profile-icons ul li a:hover i{transform: scale(1.3);transition: all .5s;}
/*.footer-area .social-profile-icons i.fa { font-size: 28px; 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_feature-text {
    padding: 5px 2em 15px;
    background: #e7e7e7;
    border: 1px solid #d3d3d3;
    border-right: 0;
    font-size: 15px;
    color: #4c4c4c;
    text-align: center;
}
.footer_feature-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 .innertest-item{float: left;}
#innerpage-box .item.innertest-item{width: 50%;
    position: relative;
    overflow: hidden;
    float: left;
    margin-bottom: 1em;
    border-radius: 0 0 0px 0px;
}
#innerpage-box .ts-area-single-inn {margin: 0 1.5em 2.5em 1.5em;}
#innerpage-box .tsarea-innbx {
    position: relative;
    background: #f3f;
    border-radius: 150px;
    padding: 5px;
}
#innerpage-box .ts-area-c p {
    font-size: 18px;
    line-height: 21px;
    margin: 38px 35px 19px 2px;
    position: relative;
    font-weight: 500;
}
#innerpage-box .ts-img { position: relative;}
#innerpage-box .ts-area-thumb img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    text-align: center;
    transition: all .8s;
    z-index: 1;
    position: relative;
}
#innerpage-box .ts-area-bx{background:none !important;}
#innerpage-box .text-designation {font-size: 18px;font-weight: 500;margin: 0 3em 0 2.2em;}
#innerpage-box h5.ts-area-title { position: relative; margin: 5px 50px 5px 0px !important;font-weight: 600 !important;}
#innerpage-box h5.ts-area-title:before{ 
    position: relative;
    display: inline-block;
    margin: 0 10px 0px 0px;
    content: " ";
    bottom: 6px;
    width: 1.7em;
    flex: 1;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-top: none;
    border-left: none;
    border-right: none;
    transition: all 1s ease 0s;
}
#innerpage-box .tsarea-inn:hover h5.ts-area-title:before{
    width: 3em;
    transition: all 1s ease 0s;
}
#innerpage-box .ts-area-c i {
    position: absolute;
    transition: all .8s;
    color: #ae87bf;
    font-size: 20px;
    left: -25px;
    top: -15px;
}
#innerpage-box .tsarea-inn:hover .ts-area-c i {transform: rotate(180deg);transition: all .8s;}

/*----------------------------------------*/
/*  09. Inner team page
/*----------------------------------------*/
#innerpage-box .single-team { padding: 0 1em;margin-bottom: 3.5em; width: 25%; float: left;}
#innerpage-box .inner-team { 
    position: relative;
    overflow: hidden;
    padding: 0.9em 0 2.2em;
    box-shadow: 10px 6px 77px -11px #ff8a4c;
    text-align: center;
    border-radius: 100px;
    transition: all .4s linear;
}
#innerpage-box .inner-team:hover{transition: all .4s linear;transform: translateY(-15px);}
#innerpage-box .textbx {padding: 0.9em 0em 0.5em;z-index: 2;}
#innerpage-box .textbx h3 {
    position: relative;
    transition: all .3s;
}
body.page-template-default main#innerpage-box .textbx h3:after{display: none;}
#innerpage-box .single-team-img img {
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 180px;
    height: 230px;
    transition: all .5s linear;
}
#innerpage-box .single-team:nth-child(4n - 3) .single-team-img .teamshapeinn{
     -webkit-mask-image: url(images/Shape1.png);
    mask-image: url(images/Shape1.png);
}
#innerpage-box .single-team:nth-child(4n - 2) .single-team-img .teamshapeinn{
     -webkit-mask-image: url(images/Shape2.png);
    mask-image: url(images/Shape2.png);
}
#innerpage-box .single-team:nth-child(4n - 1) .single-team-img .teamshapeinn{
     -webkit-mask-image: url(images/Shape6.png);
    mask-image: url(images/Shape6.png);
}
#innerpage-box .single-team:nth-child(4n - 0) .single-team-img .teamshapeinn{
     -webkit-mask-image: url(images/Shape7.png);
    mask-image: url(images/Shape7.png);
}
#innerpage-box .single-team-img .innteam-brd{
    content: '';
    position: absolute;
    top: -7px;
   width: 235px;
    height: 260px;
    background: #fd6f23;
}
#innerpage-box .single-team:nth-child(4n - 3) .single-team-img .innteam-brd{
    left: 13px;
    clip-path: path("M190.824,143.811 C198.295,137.824 204.487,140.849 211.109,136.011 C221.165,128.662 221.997,111.872 219.764,101.382 C218.167,93.879 213.151,83.426 199.935,73.354 C192.516,67.701 182.612,63.385 168.334,60.356 C146.380,55.699 124.528,56.593 115.935,58.673 C100.037,62.521 87.070,69.491 77.193,78.131 C67.772,86.374 51.618,109.563 45.997,144.161 C41.581,171.344 46.736,195.702 50.486,203.445 C60.158,223.423 78.743,239.503 101.744,245.642 C122.281,251.124 146.994,248.745 166.743,234.811 C181.911,224.109 188.405,213.451 190.455,203.581 C192.887,191.874 189.435,179.907 186.540,173.097 C184.664,168.684 181.530,162.898 183.082,155.840 C184.200,150.750 187.442,146.521 190.824,143.811 Z");
}
#innerpage-box .single-team:nth-child(4n - 2) .single-team-img .innteam-brd{
    top: -35px;
    left: -20px;
    clip-path: path("M218.956,91.795 C223.081,97.882 229.005,118.087 227.336,142.321 C226.245,158.167 222.796,174.888 216.230,192.992 C213.161,201.451 208.457,210.163 204.412,219.507 C200.076,229.521 196.958,236.718 189.239,243.645 C181.277,250.789 170.388,255.497 157.703,256.957 C151.699,257.649 134.507,255.936 118.001,248.974 C97.735,240.425 84.565,229.487 76.275,219.782 C68.835,211.074 63.034,201.280 59.111,190.944 C55.622,181.749 53.822,172.395 53.732,167.358 C53.594,159.601 58.348,139.980 72.612,121.036 C81.430,109.325 94.248,97.023 113.997,85.626 C125.889,78.763 139.570,73.122 155.525,69.704 C169.606,66.687 180.577,67.049 188.357,69.329 C201.362,73.138 212.122,81.712 218.956,91.795 Z");
}
#innerpage-box .single-team:nth-child(4n - 1) .single-team-img .innteam-brd{
    top: 8px;
    left: 23px;
    clip-path: path("M105.390,35.906 C109.807,29.740 109.201,24.142 114.000,19.643 C122.739,11.448 138.102,15.320 142.699,16.774 C149.152,18.813 159.044,24.746 167.571,37.819 C177.058,52.362 178.987,66.558 180.008,78.954 C181.635,98.720 181.455,116.774 180.008,132.527 C177.713,157.517 173.329,174.590 164.702,186.098 C158.475,194.404 150.014,201.681 139.829,207.144 C126.024,214.550 108.962,217.985 90.084,215.755 C72.580,213.686 55.958,206.239 42.252,194.708 C31.514,185.675 22.051,173.311 15.466,157.399 C10.502,145.406 7.715,131.860 7.812,117.220 C7.976,92.700 14.653,76.122 23.119,64.605 C31.204,53.607 40.862,47.408 46.078,45.472 C56.867,41.469 68.709,42.542 76.691,44.516 C81.554,45.718 87.292,47.817 93.910,45.472 C96.794,44.450 101.365,41.524 105.390,35.906 Z");
}
#innerpage-box .single-team:nth-child(4n - 0) .single-team-img .innteam-brd{
    top: -20px;
    left: 30px;
    clip-path: path("M55.820,135.660 C51.653,118.650 53.007,106.220 57.807,97.005 C61.689,89.552 77.301,76.472 104.393,70.332 C116.013,67.698 125.726,67.151 134.396,67.837 C153.900,69.377 170.648,76.256 183.497,86.508 C198.422,98.416 208.615,115.102 213.392,133.260 C218.368,152.174 217.703,172.611 209.649,190.396 C206.433,197.496 195.330,212.829 179.601,225.186 C161.997,239.014 144.851,246.149 129.112,249.236 C105.348,253.897 86.267,249.041 79.266,245.060 C69.356,239.426 61.423,231.300 57.876,221.353 C56.376,217.149 55.045,208.076 56.660,197.876 C58.042,189.143 61.464,184.334 62.651,175.574 C63.338,170.496 62.921,161.001 60.671,151.250 C59.341,145.487 57.227,141.405 55.820,135.660 Z");
}
#innerpage-box .textbx h3{margin: 0px 0 2px 0 !important;}
#innerpage-box .textbx .team-designation{font-size: 19px;margin-bottom: 5px;font-weight: 500;}
#innerpage-box .team-social-icon{ position: relative; display: inline-flex;margin: 1px 0px 0px 0px;}
#innerpage-box .team-social-icon li {list-style: none; position: relative;text-align: center;}
#innerpage-box .team-social-icon a i{
    margin: 15px 5px 0;
    font-size: 19px;
    font-weight: 500;
    background: #f3f;
    color: #767779;
    width: 35px;
    height: 35px;
    letter-spacing: 1px;
    line-height: 35px;
    text-align: center;
    border-radius: 50% 50% 38% 50%;
    transition: all .4s linear;
}
#innerpage-box .team-social-icon a i:hover{
     transform: scale(1.3);
    transition: all .4s linear;
    background: none;
}

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

#innerpage-box .lz-gallery-images {position: relative;overflow: hidden;margin-bottom: 40px;}
#innerpage-box .img-wrapper {overflow: hidden;position: relative;}
#innerpage-box .lz-gallery-images .spa-gall {    
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    border: 4px solid #000;
    transition: all 0.3s;
    background: #000;
}
#innerpage-box .lz-gallery-images img {
    transition: 0.5s all;
    width: 100%;
    height: 375px;
    transition: all 0.5s ease 0s;
}
#innerpage-box .lz-gallery-images:hover img{
   opacity: 0.6;
     transform: translateY(-45px);
     animation: animate 7s infinite;
}
#innerpage-box .lz-gallery-images .over-text{
    color: #fff;
     background-color: #E91E63;
     width: 100%;
     padding: 12px 10px 10px;
     position: absolute;
     bottom: -40%;
     left: 0;
     transition: all 0.25s ease 0s;
}
#innerpage-box .lz-gallery-images:hover .over-text{
     bottom: 0;
     animation: animate 6s infinite;
}
#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-top: 0 !important;
    margin-bottom: 0 !important;
    color: #000 ;
    word-break: break-word;
    transition: all 0.3s ease 0s;
    z-index: 1;
    text-align: center;
    font-weight: 600 !important;
}

/*--------------------------------------------------------------
## 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 22px;}
#innerpage-box .service_inbox{
    overflow: hidden;
    position: relative;
    transition: all .3s;
    box-shadow: 0px 6px 61px 20px #d1daf4;
    border-radius: 2em;
    transition: all 0.4s;
}
#innerpage-box .singleinner-service .service_inimg {position: relative;overflow: hidden;transition: all .3s;}
#innerpage-box .singleinner-service .service_inimg img {
    width: 100%;
    height: 285px;
    position: relative;
    transform: scale(1);
    transition: all 1s ease 0s;
}
#innerpage-box .service_inbox:hover .service_inimg img{
    transform: scale(1.1) rotateZ(-3deg);
    -moz-transform: scale(1.1) rotateZ(-3deg);
    -webkit-transform: scale(1.1) rotateZ(-3deg);
    -o-transform: scale(1.1) rotateZ(-3deg);
}
#innerpage-box .singleinner-service .service_inimg:before{
    content: "";
    background: linear-gradient(#EE5A24,#EE5A24,transparent);
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .4s ease-in-out;
}
#innerpage-box .service_inbox:hover .service_inimg:before{
    height: 60%;
    opacity: 0.6;
}
/*#innerpage-box .service_inbox:hover .service_inimg img{ border-radius: 50px 50px;transition: all .3s; }*/
#innerpage-box .singleinner-service {margin-bottom: 3.5em; transition: all .3s;}
#innerpage-box .serbx {padding:3.2em 0.9em 2.7em 0.9em;transition: all .3s;text-align: center;}
#innerpage-box .serbx .serin-shw {position: absolute;bottom: -1em;left: 20px;width: 100%;}
#innerpage-box .serbx h2{margin: 0 0 0px 0!important;padding-right: 10px;z-index: 1;position: relative;}
#innerpage-box .service_inbox .serbx h3:after { display: none;}
#innerpage-box .serbx p{
    transition: all .3s;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0em;
    line-height: 23px;
    padding: 1em 0;
    z-index: 1;
    position: relative;
}
#innerpage-box .serbtn a{
    position: relative;
    overflow: hidden;
    border: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 30px;
    margin: 2px 0 5px;
    border-radius: 50px 50px 0 50px;
    text-decoration: none;
    z-index: 999;
    word-break: break-word;
    transition: all 0.2s ease 0s;
    white-space: normal;
    transition: all 0.3s;
}
#innerpage-box .serbtn a:before,
#innerpage-box .serbtn a:after{
    content: '';
    background: #000;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.3s;
}
#innerpage-box .serbtn a:after{
    background: #EA2027;
    width: 70%;
    border-radius: 0;
    z-index: -2;
}
#innerpage-box .serbtn a:hover{border-radius: 0;transition: all 0.3s;}
#innerpage-box .serbtn a:hover:before{ width: 60%;border-radius: 0 35px 0 0; }
#innerpage-box .serbtn a:hover:after{ left: 30%; }

/*--------------------------------------------------------------
## Model inner page
--------------------------------------------------------------*/
#innerpage-box .single-model-bx{display: none;}
#innerpage-box .single-model-bx-inn {
    position: relative;
    padding: 0 0.8em 1em 0.9em;
    margin-bottom: 1em;
}
#innerpage-box .single-modelinn {
    position: relative;
    transition: all 0.5s ;
}
#innerpage-box .model-imginn{box-shadow: 48px 6px 61px 15px #d1daf4;border-radius: 120px;}
#innerpage-box .model-iconinn {position: relative;overflow: hidden;}
#innerpage-box .model-iconinn:before{
    content: '';
   background: linear-gradient(0deg,#ff62a3 30%,#624cf6 56%);
    height: 20px;
    width: 20px;
    border-radius: 50%;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) rotateX(360deg);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transition: opacity 0.8s,height 0.2s ease 0.2s, width 0.2s ease 0.2s;
}
#innerpage-box .model-iconinn:hover:before{
    height: 150%;
    width: 150%;
    opacity: 0.5;
    transform: translateX(-50%) translateY(-50%) rotateX(0);
}

#innerpage-box .model-title-box{
    z-index: 1;
    transition: all 0.3s;
    position: relative;
}
#innerpage-box .model-title-box p{display: none;}
#innerpage-box .model-iconinn{position: relative;border-radius: 120px;}
#innerpage-box .model-link{display: none;}
#innerpage-box .single-modelinn h3{
    font-weight: 500 !important;
    margin: 0 !important;
    text-align: center;
    padding: 17px 10px 10px 10px;
    transition: all 0.3s ease;
}
#innerpage-box .single-modelinn:hover h4{
    color: #112B5C;
     transition: all 1s ease;
}
#innerpage-box .model-iconinn img{
    transition: all 0.5s ease 0s;
    width: 100%;
    height: 390px;
    border-radius: 120px;
}

/*--------------------------------------------------------------
## Model inner page
--------------------------------------------------------------*/
#innerpage-box .single-video{display: none;}
#innerpage-box .single-videoinn {position: relative;padding-right: 3.7em;margin-bottom: 4em;}
#innerpage-box .videous-singleinn{ 
    position: relative;
    margin-bottom: 0em;
    transition: all .1s linear;
    border-radius: 20px;
    transition: all 0.3s;
    box-shadow: 48px 24px 56px 2px #d1daf4;
}
#innerpage-box .video-boxinn img{    width: 100%;height: 405px;border-radius: 10px;}
#innerpage-box .video-boxinn .video-iconinn {
    position: absolute;
    top: 40%;
    font-size: 22px;
    left: 40%;
    width: 70px;
    height: 71px;
    border-radius: 50%;
    line-height: 70px;
}
#innerpage-box .video-boxinn .video-iconinn ::after {
    position: absolute;
    content: '';
    bottom: -7px;
    top: -7px;
    left: -7px;
    right: -7px;
    background-color: transparent;
    border-radius: 50%;
    border: 3px solid #f33;
    margin: 0px;
    opacity: 1;
    transform-origin: center;
    animation: animinn 2s linear infinite;
}
@keyframes animinn {
    from {
        margin: 0px;
        opacity: 1;
    }

    to {
        margin: -15px;
        opacity: 0;
    }
}
#innerpage-box .video-boxinn .video-ovlyinn{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.5;
    border-radius: 50%;
}
#innerpage-box .video-boxinn .video-iconinn i{
    position: relative;
    color: #ff0204;
    z-index: 9;
    padding: 15px 20px;
    margin-left: 7px;
    border-radius: 50%;
}
#innerpage-box .video-area-datainn { position: relative;padding: 22px 20px;border-radius: 0 0 20px 20px;}
#innerpage-box .video-area-datainn h4{ font-size: 24px; margin: 10px 0 10px 0 !important; font-weight: 600;}
#innerpage-box .video-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 99999;
}
#innerpage-box .video-overlay:target {visibility: visible;opacity: 1;}
#innerpage-box .popup {
    margin: auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 50%;
    top: 20%;
    position: relative;
    transition: all 5s ease-in-out;
}
#innerpage-box .popup h2 { margin-top: 0;color: #000;font-weight: 900; text-align: center;margin: 0px 0 10px !important;}
#innerpage-box .popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #000;
}
#innerpage-box .popup .close:hover {color: #000;}
#innerpage-box .popup .content {max-height: 30%;overflow: auto;}
@media screen and (max-width: 700px){
  #innerpage-box .box{
    width: 70%;
  }
  #innerpage-box .popup{
    width: 70%;
  }
}
/*-----------------------
## 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: 4px;
    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 {transition: all 0.2s ease 0s;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 .contact-address-area {position: relative;border-radius: 2.5em;}
#innerpage-box .blog-form{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 2.5em;
}
#innerpage-box .contact-address-area .cntlhsbx{position: relative;padding: 8.2em 9em 8em 7em;}
#innerpage-box .contact-address-area .cntlhsbx .contactinn-title h2{
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 1.2em;
    margin-top: 20px;
}
#innerpage-box .contform{position: relative;margin: 0;}
#ht-contactus-wrap {
    position: relative;
    border-radius: 2.5em 2em 2em 2.5em;
    box-shadow: 0px -35px 65px 31px #e5eafd;
}
#innerpage-box .contform .contpgimg-img img{width: 100%; }
#ht-contactus-wrap .contact-form{ position: relative;}
#ht-contactus-wrap .conforminn{padding: 6.5em 3em 3em;position: relative;text-align: center;}
#ht-contactus-wrap .maintle{ 
   position: relative;
    font-size: 40px;
    color: #f8a738;
    font-weight: 600;
    margin-bottom: 1.3em;
}
#innerpage-box .contact-mapbox iframe {width: 100%;height: 500px;margin-top: -3.5em;margin-bottom: -5.5em;}
#ht-contactus-wrap input[type="text"], 
#ht-contactus-wrap input[type="email"], 
#ht-contactus-wrap input[type="url"],
#ht-contactus-wrap input[type="password"], 
#ht-contactus-wrap input[type="search"], 
#ht-contactus-wrap input[type="number"], 
#ht-contactus-wrap input[type="tel"], 
#ht-contactus-wrap input[type="range"], 
#ht-contactus-wrap input[type="date"], 
#ht-contactus-wrap input[type="month"], 
#ht-contactus-wrap input[type="week"], 
#ht-contactus-wrap input[type="time"], 
#ht-contactus-wrap input[type="datetime"], 
#ht-contactus-wrap input[type="datetime-local"], 
#ht-contactus-wrap input[type="color"], 
#ht-contactus-wrap select, 
#ht-contactus-wrap textarea {
    z-index: 2000;
    width: 85%;
    margin: 0 0 21px 0;
    border-radius: 7px;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
    background: transparent;
    border:none;
}
#ht-contactus-wrap textarea {height: 50px;}
#ht-contactus-wrap input[type="submit"] {
    position: relative;
    background: #e1e1e1;
    padding: 11px 45px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    border-radius: 50px 50px 0 50px;
    margin-top: 1.3em;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 48px 10px 60px 40px #e5eafd;
    word-break: break-all;
    transition: all 0.4s;
}
#ht-contactus-wrap input[type="submit"]:hover{
    border-radius: 50px 25px 85px 50px;
    transition: all 0.4s;
}
.contact-address-area .cntlhsbx p { font-size: 15px; padding: 0px 0;}
#innerpage-box .cntpgicn i {font-weight: 600;font-size: 37px; }
#innerpage-box .cntpgbx {position: relative;margin: 0 0 0.7em 3.5em;display: block;}
#innerpage-box .cntpgicn {
    width: 50px;
    height: 100%;
    position: relative;
    transition: all 0.5s ease 0s;
    text-align: right;
    font-size: 35px;
    margin-bottom: 0.5em;
}
#innerpage-box .cntpgtxt h3:after{display: none !important;}
#innerpage-box .cntpgtxt p ,
#innerpage-box .cntpgtxt a{
    position: relative;
    padding-right: 10px;
    font-size: 24px;
    color: #000;
    margin-bottom: 0em;
    line-height: 35px;
    font-weight: 500;
}
#innerpage-box .info-locationinn{padding-top: 2em;}
/*-----------------------
## Single Model
-----------------------------*/
#content-box .model-subtitle h3 {position: relative;font-weight: 400;color: #6f6d6e;margin: 0 0 25px;}
#content-box .single_model h1 {font-size: 45px !important;font-weight: 600;color: #000;margin-bottom: 25px;}
#content-box .single_model p {
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
    word-spacing: 0px;
    margin-bottom: 20px !important;
    color: #7e7e7c;
}
#content-box  .model-field h3{font-size: 18px;font-weight: 400;color: #7e7e7c;margin: 15px 0;}
#content-box  .model-field h3:after{
    content: "\3a";
    position: absolute;
    font-family: 'Fontawesome';
    font-size: 20px;
    right: 0;
    top: 10px;
    font-weight: 500;
    transition: all 0.2s ease 0s;
}
#content-box  .model-field h4.ms-area-title {font-size: 20px;font-weight: 400;margin: 14px 0;word-break: break-word;}
#content-box .model-subtitle h3:after {
    display: inline-block;
    margin: 0 0 0px 5px;
    content: " ";
    width: 4.5em;
    flex: 1;
    border-color: #ee7376;
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-right: none;
}
#content-box .model-ex h5 {
    font-weight: 500;
    background: #e4e0e1;
    margin-top: 1.4em;
    padding: 10px 20px;
}
#content-box .mdl-btn a {
    position: relative;
    overflow: hidden;
    border: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    background: #000;
    font-weight: 700;
    padding: 14px 32px;
    border-radius: 50px 50px 0 50px;
    text-decoration: none;
    font-size: 18px;
    z-index: 999;
    word-break: break-word;
    transition: all 0.2s ease 0s;
    white-space: normal;
    margin-top: 1em;
    margin: 1em 0 4em;
    transition: all 0.3s;
    box-shadow: 0px 20px 61px 15px #c4c9dc;
}
#content-box .model-innimg {position: relative; text-align: center;margin: 5em 1em 4em;}
#content-box .model-innimg img{position: relative;border-radius: 50%;height: 500px;width: 490px;}
#content-box .model-innimg .singlemodel-brd{
    position: absolute;
    top: -18%;
    left: 0%;
    right: 0%;
    bottom: -2px;
    background-image: linear-gradient( 307deg,#e3ea4c 51%,#ff4f55 86%);
    border-radius: 50%;
    transition: all 0.3s;
    z-index: 0;
}
/*-----------------------
## FAQS page
-----------------------------*/

.faq-img{position: relative;margin: 5em 1em 4em;}
.faq-img .faq-brd {
    position: absolute;
    top: -18%;
    left: 0%;
    right: 0%;
    bottom: -2px;
    background: linear-gradient(274deg,transparent -175%,#fd8f50 74%);
    border-radius: 50%;
    transition: all 0.3s;
    z-index: 0;
}
.faq-img img{
    position: relative;
    border-radius: 50%;
    width: 480px;
    height: 490px;
    margin: auto;
    z-index: 1;
     transition: filter 0.4s ease-in-out;
    filter: none;
}
.faq-img:hover img{ filter: grayscale();}
div#content-box .faq {margin-left: 1.5em;}
div#content-box .faq-content button.accordion {
    position: relative;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    margin: 0;
    background: #fbb34d;
    padding: 22px 70px 22px 20px;
    border-radius: 10px;
    border: none;
    transition: all 0.2s ease 0s;
    box-shadow: none;
    z-index: 1;
}
div#content-box .faq-content button.accordion:hover,
 div#content-box .faq-content button.accordion.active {
   transition: all 0.2s ease 0s;
/*    border-radius: 15px 15px;*/
}
div#content-box .faq-content button.accordion.active, button.accordion:hover {
    transition: all 0.2s ease 0s;
    opacity: 1;
}
div#content-box .faq-content button.accordion:before {
   content: "\f067";
    position: absolute;
    font-family: 'Fontawesome';
    font-size: 20px;
    float: right;
    right: 15px;
    top: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #ff8a4a;
    font-weight: 500;
    text-align: center;
    border-radius: 7px;
    transition: all 0.2s ease 0s;
}
div#content-box .faq-content button.accordion.active:before {
    content: "\f068";
    font-family: 'Fontawesome';
    transition: all 0.2s ease 0s;
    font-size: 28px;
    width: 43px;
    height: 43px;
    line-height: 43px;
}
div#content-box .faq-content div.panel {
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin: 0px 0 5px 0;
    border: none;
    border-radius: 0 ;
    padding: 1px 30px 1px 30px;
    box-shadow:none;
}
div#content-box .faq-content div.panel.show {
    background: #f3f3;
    opacity: 1;
    max-height: 500px;
    margin: 0px 0 20px 0;
    border-radius: 15px 15px 10px 10px;
    box-shadow: 0px 3px 10px 4px rgb(134 127 127 / 8%)
}
div#content-box .faq-content div.panel p{    
    margin: 31px 0px 30px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}
main#innerpage-box div#content-box h6.faq-title {
    padding-right: 30px;
    margin: 0;
    font-weight: 600;
    line-height: 20px;
    word-break: break-word;
    text-align: left;
}
main#innerpage-box div#content-box h3.faq-title:after {  display: none;}
div#content-box .faq-content.padding0 p {
    font-size: 15px;
    padding: 25px 25px 10px 25px;
    letter-spacing: 1px;
    word-break: break-word;
}
/*-----------------------
## End FAQS page
-----------------------------*/

.col-container { display: table; width: 100%;}
.col-feature{ 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;}

/* 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 0 3em;
    position: relative;
    overflow: hidden;
    /*background: url(images/sbar.jpg);*/
}
div#sidebars.sidebar{position: relative;z-index: 1;}

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

.widget-area form#searchform:after {
    position: absolute;
    margin-top: -10%;
    font-size: 18px;
    right: 11%;
    color: #010101;
    background-repeat: no-repeat;
    /*height: 38px;
    width: 38px;*/
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
}
.widget-area form#searchform input[type="submit"] {
    display: inline-block;
    background: #e1e1e1;
    padding: 10px 22px !important;
    font-size: 16px;
    font-weight: 600;
    background-color: #fff;
    color: #1d62b8;
    position: absolute;
    text-indent: -999px;
    border-radius: 0;
    transition: all 0.5s;
    border-radius: 20px 10px 30px 5px !important;
    width: 61px;
    height: 52px;
    line-height: 52px;
    right: 2px;
    float: right;
    top: 11px;
    z-index: 19 !important;
    background: none;
}
.widget-area form#searchform input[type="text"]{padding: 15px 3px 16px 20px;}
.widget-area form#searchform input[type="submit"]:hover {background: #fff;}
.widget-area form#searchform:after {
    position: absolute;
    font-size: 18px;
    color: #000;
    font-family: 'Fontawesome';
    text-align: center;
    right: 20px;
    float: right;
    margin: 0;
    background: #ff95a5;
    top: 16px;
    width: 60px;
    height: 52px;
    line-height: 52px;
    border-radius: 20px 8px 35px 5px;
    z-index: 0;
    content: "\f002";
    clear: both;
}

/*error end*/

/*inner page Header Animation */

.innheader-img {
    position: absolute;
    width: 100%;
    top: 0%;
    bottom: 0;
    right: 0;
    left: 0;
}
/*.innlhs-img img{ width: 355px;  }*/
/*.innlhs-imgbx,
.innrhs-img img{
    height: 355px;
}*/
.innheadrhs .breadcrumbbox{
   position: absolute;
    bottom: 0;
    top: 2.5em;
    left: 1em;
}
.innheadrhs .header-social{
    position: absolute;
    bottom: 0em;
    transition: all .4s linear;
    right: 5em;
}
.innheadrhs .header-social a i{
    position: relative;
    z-index: 2;
    margin: 15px 3px 0;
    font-size: 21px;
    font-weight: 500;
    color: #000;
    width: 35px;
    height: 35px;
    letter-spacing: 1px;
    line-height: 35px;
    text-align: center;
    border-radius: 8px 8px 0 8px;
    transition: all .4s linear;
    box-shadow: 21px 14px 61px 10px #a8adbf;
}
.innheadrhs .header-social a i:hover{
    transform: scale(1.2);
    transition: all .4s linear;
}
/*======end===*/

.home-page {  padding: 0 0 30px 0;}
#innerpage-box{padding:4em 1em 5em;}
.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: 1px 0 6px 0;list-style: none;font-size: 20px;margin: 0;}
#content-box ul li{margin: 10px 0 0 25px;}
#content-box ol ol ,
#content-box ul ul {   margin-left: 15px !important;}
/*#content-box ul li:before {
    content: "\f111";
    font-family: 'Fontawesome';
    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: 35px 0;}
#content-box ol {counter-reset: li;list-style: none;/*list-style: decimal;*/}
#content-box ol li {
    margin-top: 0em;
    position: relative;
    padding-left: 55px;
    min-height: 60px;
    padding-top: 10px;
    font-size: 18px;
}
#content-box ol li:before {
    content: counter(li);
    counter-increment: li;
    color: #fff;
    background: #f07100;
    font-weight: 500;
    border-radius: 17px 17px 0 17px;
    font-size: 25px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: -4px -2px 0px 1px rgb(0 0 0 / 75%);
}
.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
--------------------------------------------------------------*/
.error-box {margin-bottom: 2em;}
.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; }
  #video .popup iframe, #innerpage-box .popup iframe{height: 300px;}
}
@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 {
    overflow: hidden;
    width: 40px;
    height: 40px;
    line-height: 35px;
    border-radius: 10px 10px 10px 30px;
    z-index: 999;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 20px;
    right: 16px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    padding: 1px 1px 1px 1px;
    text-decoration: none;
    background: #d33;
}
#back2Top:hover {
    background-color: transparent;
    color: #d33;
}

.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 #secondary li {font-size: 15px;margin: 0 10px 0 45px}
main#innerpage-box #secondary .widget_nav_menu li{margin: 0 11px 0 15px;}
/*.sidebar_list {
    margin-top: 2em;
}*/
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;
}
.woocommerce ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price del { font-size: 15px;}
.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);
}
/*-----------------------
## End search  
-----------------------------*/

/*-----------------------
## Blog Inner Page 
-----------------------------*/
#innerpage-box .inner-blogpost {
    background: #d33;
    position: relative;
    margin: 0 0.7em 3em;
    border-radius: 20px;
    box-shadow: 32px 7px 65px 31px #e5eafd;
}
#innerpage-box .inner-blogpost .ht-blog-thumbnail { overflow: hidden; position: relative;    border-radius: 20px 20px 0 0;}
#innerpage-box .inner-blogpost .blog-Athr {
    font-size: 19px;
    line-height: 25px;
    font-weight: 500;
    word-break: break-word;
}
#innerpage-box .inner-blogpost .blog-Athr .fa-comments-o{ padding:0 10px;}
#innerpage-box .inner-blogpost .blog-Athr i { padding-right: 12px;font-size: 22px;font-weight: 600;}
#innerpage-box .inner-blogpost .blog-Athr li{
    position: absolute;
    top: -13px;
    left: 0;
    font-size: 21px;
    font-weight: 600;
    background: linear-gradient(40deg,transparent -190%,#ff62a3 40%);
    padding: 17px 48px 17px 38px;
    border-radius: 15px 15px 50px 20px;
    text-transform: uppercase;
    box-shadow: 20px 11px 59px -15px rgb(0 0 0 / 75%);
    transition: all .4s ease-in-out;
    list-style: none;
    display: inline-block;
    word-break: break-word;
}
#innerpage-box .inner-blogpost:hover .blog-Athr li{left: 2.5em;transition: all .4s ease-in-out;}
#innerpage-box .ht-blog-thumbnail img {width: 100%;height: 300px;transform: scale(1);transition: all 1s ease 0s;}
#innerpage-box .inner-blogpost:hover .ht-blog-thumbnail img {
    transform: scale(1.1) rotateZ(-3deg);
    -moz-transform: scale(1.1) rotateZ(-3deg);
    -webkit-transform: scale(1.1) rotateZ(-3deg);
    -o-transform: scale(1.1) rotateZ(-3deg);
}
#innerpage-box .ht-blog-thumbnail:before{
    content: "";
    background: linear-gradient(#EE5A24,#EE5A24,transparent);
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .4s ease-in-out;
}
#innerpage-box .inner-blogpost:hover .ht-blog-thumbnail:before{
    height: 60%;
    opacity: 0.6;
}
#innerpage-box .inner-blogpost-info {
    position: relative;
    padding: 4em 1.3em 2.6em;
}
main#innerpage-box #blog-box h2{
    font-weight: 500;
    margin: 15px 0 15px;
    line-height: 28px;
    text-align: left;
    word-break: break-word;
}
#innerpage-box .inner-blog-excerpt {
   font-size: 19px;
    line-height: 23px;
    font-weight: 500;
    margin-bottom: 15px;
}
#innerpage-box .bloginnbtn a{
    position: relative;
    overflow: hidden;
    border: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 12px 30px;
    border-radius: 50px 50px 0 50px;
    margin-top: 13px;
    text-decoration: none;
    z-index: 999;
    word-break: break-word;
    transition: all 0.2s ease 0s;
    white-space: normal;
    transition: all 0.3s;
    box-shadow: 48px 10px 60px 10px #e5eafd;
}
#innerpage-box .bloginnbtn a:before,
#innerpage-box .bloginnbtn a:after{
    content: '';
    background: #000;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.3s;
}
#innerpage-box .bloginnbtn a:after{
    background: #EA2027;
    width: 70%;
    border-radius: 0;
    z-index: -2;
}
#innerpage-box .bloginnbtn a:hover{border-radius: 0;transition: all 0.3s;}
#innerpage-box .bloginnbtn a:hover:before{ width: 60%;border-radius: 0 35px 0 0; }
#innerpage-box .bloginnbtn a:hover:after{ left: 30%; }

/*--------------------------------------------------------------
## 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;font-weight: 600;margin: 30px 0 20px 0;letter-spacing: 0px;}

/*body.page-template-default main#innerpage-box h1:after,
body.page-template-default main#innerpage-box h2:after,
body.page-template-default main#innerpage-box h3:after,
body.page-template-default main#innerpage-box h4:after,
body.page-template-default main#innerpage-box h5:after,
body.page-template-default main#innerpage-box h6:after,

.page-template-templates main#innerpage-box h1:after,
.page-template-templates main#innerpage-box h2:after,
.page-template-templates main#innerpage-box h3:after,
.page-template-templates main#innerpage-box h4:after,
.page-template-templates main#innerpage-box h5:after,
.page-template-templates main#innerpage-box h6:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    margin: 0;
    position: relative;
    top:15px;
    background-image: radial-gradient( circle farthest-corner at 10% 20%,#f499c3 0%,#f62b85 100.3% )
}*/

#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 { border-radius: 10px 10px 0 0;}

#sidebars h4,
.wp-block-group__inner-container h2,
#innerpage-box .widget-area .widget-title {
    font-size: 25px !important;
    color: #000;
    font-weight: 500;
    padding: 14px 10px 14px 30px;
    margin: 0px 0px 28px 0;
    position: relative;
    display: block;
    border-radius: 10px 10px 37px 10px;
    text-align: left;
    letter-spacing: 0px;
}
#innerpage-box .widget-area .widget-title:after {display: none;}

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 1.5em;}
.widget-area .textwidget { padding: 0 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 15px 15px;margin: 0;border: 1px solid #eaeaea;}
.widget_calendar table {border-collapse: separate; width: 100%;}
.widget-area .woocommerce-product-search, 
.widget-area form#searchform { width: 100%;  padding: 0px;position: relative;}
.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: 30px !important;}
.woocommerce li.product-category:before{display: none ;}
.woocommerce li.product-category{ display: inline-block;margin: 0 5px;text-align: center;}
.woocommerce li.product-category img{border-radius: 6px 6px 100px 100px !important;}
.woocommerce li.product-category h2{font-size: 30px !important; font-weight: 500 !important;display: grid;}
.woocommerce li.product-category h2:after{display: none !important;}

.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover{border-color: #6a1b9a;}
 main#innerpage-box h2.woocommerce-loop-product__title {font-weight: 500;margin-bottom: 15px;}
.woocommerce ul.products li.product a img{ border-radius: 8px; height: auto;}
.woocommerce div.product div.images img {border: 2px solid #f1f0f0 !important;}
.woocommerce ul.products li.product .total-product-title-wrap{padding: 0px 0px 0;text-align: center;}
.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;font-weight: 500;}
.woocommerce ul.products li.product .price ins, .woocommerce-page ul.products li.product .price ins ,
.woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del{
    font-size: 22px !important; font-weight: 600 !important;
}
.woocommerce ul.products li.product .price ins{display: inline;font-weight: 500;}
.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);
    float: revert;
}

.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 .comment-form-author, 
.woocommerce-Reviews .comment-form-email{ width: 100%;}
.woocommerce-Reviews .comment-form-author input,
.woocommerce-Reviews .comment-form-email input{width: 100%;}
.related.products h2{ margin-bottom: 30px;}
.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, .woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]{background: #fe5722;padding: 10px 20px;color: #FFF;}
.woocommerce #respond input#submit.disabled:hover, 
.woocommerce #respond input#submit:disabled:hover, 
.woocommerce #respond input#submit:disabled[disabled]:hover, 
.woocommerce a.button.disabled:hover, 
.woocommerce a.button:disabled:hover, 
.woocommerce a.button:disabled[disabled]:hover, 
.woocommerce button.button.disabled:hover, 
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover, 
.woocommerce input.button.disabled:hover, 
.woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover{background: #333;color: #FFF;}

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

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

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

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

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

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

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

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    height: 20px;
    width: 20px;
    top: -6px;
    margin-left: -10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{ list-style: none;}
.woocommerce-MyAccount-navigation-link a{
    background: #fe5722;
    color: #FFF;
    padding: 10px 20px;
    margin-bottom: 5px;
    display: block;
}
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover{ background: none;}
.woocommerce ul.products li.product strong {display: inline-block;}
.woocommerce .related.products {
    margin-bottom: 2em;
}
/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/
.carousel-indicators li{ background-color: #6963635c; border: 1px solid #6963635c;}
ul.themetext {margin: 0;padding: 0;list-style: none;}
.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;
}
div#secondary.widget-area .widget { padding-bottom: 1.3em;}
/*--------------------------------------------------------------
# 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);
}
.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;
    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;text-align: center;}
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-product-details__short-description p, .price{margin-bottom: 10px !important;}
.woocommerce div.product form.cart{margin-bottom: 1.5em !important;}
.woocommerce table.shop_table{padding-bottom: 30px;}
.sf-arrows .sf-with-ul:after {
    content: '\f107';
    font-family: FontAwesome;
    position: absolute;
    right: -2px;
    height: 0;
    width: 0;
    display: none;
}
.sf-arrows .sf-with-ul:before {display: none;}
.woocommerce #reviews #comments ol.commentlist li img.avatar { position: relative;}
.woocommerce #reviews #comments ol.commentlist li {display: inline-block;}
.woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0;}

/*-----------------------
## Single product
-----------------------------*/
.product-item{padding: 0 10px 0 30px;}
.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;
    margin: 0 0 3em;
}
@media only screen and (max-width: 1399px) {
    .slider_content {right: 2%;}
}
@media only screen and (max-width: 1299px) {
#video .single-video{padding-right: 2em;}
#about .abtinn {right: 0%;}
#about .about-area-data { margin-left: 0em;}
#feature .featurebx { padding: 0em 1em; margin-bottom: 3em;}
#innerpage-box .single-team { padding: 0 10px; margin-bottom: 2em;}
#innerpage-box .ts-area-thumb .imgbrd {left: -10px;top: -10px;width: 150px;height: 150px;}
#innerpage-box .inn-single-service-bx{padding: 0 15px;}
#innerpage-box .inner-blogpost {margin: 0 0em 2em}
#innerpage-box .inner-blogpost .blog-Athr {  font-size: 16px;}
.blog-area .blog-post {  padding: 0 15px;}
#about .aboutarea-img{top: 0em;}
div#content-box .faq{margin-left: 0;}
#innerpage-box .single-videoinn{padding-right: 2em;}
.footer-area .fbox{top: -0.5em;}
#ht-home-slider-section .slider-social{margin-top: 0;}
.ht-slide-cap-title{font-size: 50px;    line-height: 45px;}
.ht-main-title{font-size: 30px !important;}
}
@media screen and (min-width: 1300px) and (max-width: 1500px){
    .innheadrhs .breadcrumbbox{top: 4em;}
    .innheadrhs .header-social{bottom: 1em;}
}
@media screen and (min-width: 992px) and (max-width: 1299px){
    header .mob a{ padding: 15px 15px 15px 15px;}
    .innheadrhs .breadcrumbbox { top: 3em;}
    .navigation .mainmenu>li>a{margin: 3px 0 2px !important;padding: 5px 5px 3px !important;}
    #about .aboutarea-img{margin-top: 5em;}
    #about .aboutarea-img img{width: 380px;height: 400px;}
    #model .single-model-bx{padding: 0 0.5em 1em 0.5em;}
    #model .model-icon img,#innerpage-box .model-iconinn img{height: 340px;}
    #team .single-team{padding: 0 0.5em;}
    #team .single-team:nth-child(4n - 3) .single-team-img .team-brd{left: -20px;}
    #team .single-team:nth-child(4n - 2) .single-team-img .team-brd{left: -43px;}
    #team .single-team:nth-child(4n - 1) .single-team-img .team-brd{left: 3px;}
    #team .single-team:nth-child(4n - 0) .single-team-img .team-brd{left: -6px;}
    #testimonials .ts-area-thumb img { height: 125px;margin-top: 2em;}
    #team .our-team{border-radius: 75px;}
    #appointment .app-rhsbxinn{padding: 8.3em 2em 9em 3em;}
    #appointment .lhstitle h5{margin-bottom: 0.5em;}
    .footer-area .newstitle h3{font-size: 30px;margin: 0px 0 5px;}
    .footer-area .f-newsletterbx{padding: 3em 2.5em 0em;}
    .footer-area .f-newsletterbx input[type="text"], 
    .footer-area .f-newsletterbx input[type="email"], 
    .footer-area .f-newsletterbx input[type="url"], 
    .footer-area .f-newsletterbx input[type="password"], 
    .footer-area .f-newsletterbx input[type="search"],
    .footer-area .f-newsletterbx input[type="number"],
    .footer-area .f-newsletterbx input[type="tel"], 
    .footer-area .f-newsletterbx input[type="range"], 
    .footer-area .f-newsletterbx input[type="date"], 
    .footer-area .f-newsletterbx input[type="month"], 
    .footer-area .f-newsletterbx input[type="week"], 
    .footer-area .f-newsletterbx input[type="time"], 
    .footer-area .f-newsletterbx input[type="datetime"], 
    .footer-area .f-newsletterbx input[type="datetime-local"], 
    .footer-area .f-newsletterbx input[type="color"], 
    .footer-area .f-newsletterbx textarea, 
    .footer-area .f-newsletterbx select{padding: 2em 1em;}
    .footer-area input[type="submit"]{padding: 10px 35px;right: 1em !important;top: 0.8em !important;}
    #innerpage-box .single-team:nth-child(4n - 3) .single-team-img .innteam-brd{left: -19px;}
    #innerpage-box .single-team:nth-child(4n - 2) .single-team-img .innteam-brd{left: -45px;}
    #innerpage-box .single-team:nth-child(4n - 1) .single-team-img .innteam-brd{left: -1PX;}
    #innerpage-box .single-team:nth-child(4n - 0) .single-team-img .innteam-brd{left: -9px;}
    #innerpage-box .ts-area-single-inn {margin: 0 1em 2.5em 1em;}
    #innerpage-box .ts-area-thumb img{width: 150px;height: 150px;}
    #innerpage-box .ts-area-thumb {padding: 2em 1em;}
    .faq-img img{width: 350px;height: 375px;}
    #innerpage-box .contact-address-area .cntlhsbx{padding: 8.2em 2em 8em 2em;}
    #ht-contactus-wrap .conforminn{padding: 6.5em 1em 3em;}
    #innerpage-box .contact-address-area .cntlhsbx .contactinn-title h2, 
    #ht-contactus-wrap .maintle{font-size: 35px !important;}
    .widget-area form#searchform:after{right: 15px;}
    blockquote{padding: 2em 6em;}
    #content-box .model-innimg img{height: 370px;width: 375px;}
    .page-main-header .hdr-img{width: 400px;}
    .page-main-header .img-round{width: 432px;}
    .widget-area form#searchform input[type="text"] {padding: 15px 3px 16px 8px;font-size: 16px;}
    #innerpage-box .popup iframe, #video .popup iframe{height: 400px;}
    .slider_section img{height: 400px;}
}
@media screen and (min-width: 906px) and (max-width: 991px){
.breadcrumbbox {padding: 1.5em 0 1em;}
.h-inn-title { margin-bottom: 0em;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .ht-slide-cap-title{font-size: 40px;}
    .ht-slide-caption{margin-top: 1em;}
    .slider_section img{height: 300px;width: 275px !important;}
    #team .single-team:nth-child(4n - 3) .single-team-img .team-brd{left: 28px;}
    #team .single-team:nth-child(4n - 2) .single-team-img .team-brd{left: 0px;}
    #team .single-team:nth-child(4n - 1) .single-team-img .team-brd,
    #team .single-team:nth-child(4n - 0) .single-team-img .team-brd{left: 47px;}
    #testimonials .tsarea-inn{padding: 3em 4em 2.2em 1.5em;}
    #testimonials .ts-area-thumb img{width: 180px;}
    .faq-img{margin: 5em 4em 2em;}
    .page-main-header .hdr-img{width: 300px;padding: 6em 0 6em;}
    .page-main-header .img-round{width: 333px;}
    .widget-area form#searchform:after{right: 14px;}
    #content-box .model-innimg img{height: 400px;width: 400px;}
    #content-box .model-innimg .singlemodel-brd{left: 13%;right: 13%;}
    #content-box .model-innimg{margin: 3em 1em 1em;}
    .faq-img img{width: 375px; height: 375px;}
    .faq-img .faq-brd{left: 7%;right: 7%;}
    .widget-area form#searchform input[type="text"]{padding: 15px 3px 16px 5px;}
    .widget-area form#searchform:after{width: 50px;height: 53px;}
    #secondary .widget_nav_menu li a:after{width: 50px;}
    #video .popup .content iframe, #innerpage-box .popup iframe{height: 280px;}
}
@media screen and (min-width: 650px) and (max-width: 905px){
    .h-inn-title {margin-bottom: 0em;}
    .breadcrumbbox {padding: 0em 0 10px;}
}

@media screen and (min-width: 500px) and (max-width: 649px){
    .page-main-header{padding: 2.3em 0 5em 0 !important;}
    .innheadrhs .breadcrumbbox {top: 0em !important;}
    .h-inn-title {margin-bottom: 0em;}
    .breadcrumbbox {padding: 0em 0 10px;}
    .ht-main-title {font-size: 30px !important;}
    .breadcrumbbox .button { padding: 0px 2px !important;font-size: 16px !important;}
}
@media screen and (min-width: 400px) and (max-width: 499px){
    .h-inn-title {margin-bottom: 0em; display: none;}
    .breadcrumbbox {padding: 0em 0 10px;}
    .ht-main-title {font-size: 30px !important;letter-spacing: 0;}
    .breadcrumbbox .button { padding: 0px 2px !important;font-size: 16px !important;}
}
@media screen and (min-width: 320px) and (max-width: 399px){
    .h-inn-title .h-t-icon {margin-bottom: 0px;}
/*    .innheadrhs .breadcrumbbox { top: 0em !important;}*/
    .ht-main-title,
    .h-inn-title {margin-bottom: 0em;}
    .breadcrumbbox {padding: 0em 0 10px;}
    .ht-main-title {font-size: 18px !important;letter-spacing: 0;}
    .breadcrumbbox .button { padding: 0px 2px !important;}
}
@media screen and (max-width: 1200px){
.ct-btn-scroll{
    bottom: 20px;
    }
}
@media only screen and (max-width: 1200px) {
    .new-page.menu-new{
        display:none;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
#quote-carousel .carousel-control.left {  left: -42px;}
#quote-carousel .carousel-control.right {  right: -42px;}
.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {   top: -5px;}
.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {  top: -14px;}
.service-area h4 { font-size: 25px;}
.feature-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 (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%;}
.feature-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 (max-width: 999px){
    .slider_section .slider_section img { height: 400px !important;}
    .slider_section .slider_content {width: 500px;right: 2%;}
    .slider_section .title {font-size: 55px;line-height: 30px;}
    .slider_section .slider-btn { margin-top: 1.2em;}
    .slider_section .slider-btn a {padding: 4px 16px;font-size: 18px;}

}

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

.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: 5px !important;
    background: none !important;
    padding: 0;
}
}
@media only screen and (max-width: 991px) {
header .mob a{font-size: 18px;padding: 6px 18px;}
.innheadrhs .breadcrumbbox {top: 3em;}
#ht-home-slider-section{padding: 0;}
header .hshop .count{  position: relative !important;  top: -44px !important;left: 50% !important;}
.slider_section .slider-imgbrd{    padding: 1.5em 2em 1.5em 2em;}
#innerpage-box .ts-area-thumb .imgbrd{left: 0; margin: 0 auto;}
.dlab-topbar-right {padding-left: 0;padding-right: 15px;}
.dlab-topbar-left{ padding-right: 0;}
.site-navigation{background:none ;}
.site-header {position: relative;background: #000;}
.bx-controls-direction { display: none;}
.section-title { margin-bottom: 1em;}
.section-title h2{margin-bottom: 0.5em;}
#about .abtinn {right: -10%;}
#about .aboutarea-img { float: revert;}
#testimonials .owl-nav{display: none !important;}
#innerpage-box .ts-area-single-inn .country{margin: 10px auto;}
#about,#service,#feature,#team,#testimonials,#gallery,#product-section,#topcategories,
#blog ,#appointment,#video,#model{ padding: 1em 0 !important;}
#footer{ padding: 1em 0 1em 0em !important;}
/*.page-main-header{padding:3em 0 10em 0 !important;}*/
#innerpage-box {  padding: 2em 0em ;}
#innerpage-box .cntpgicn{margin: 0 auto;}
.blog-area .blog-posts h4 {margin: 2px 0;}
#innerpage-box .single-team { width: 50%;}
#ht-contactus-wrap .conforminn{margin: 0; padding: 3em 0em;}
.widget-area ul li:before{margin-right: 4px !important;}
#innerpage-box .item.innertest-item{width: 100%;}
#innerpage-box .ts-area-bx { margin-top: 1em;}
#innerpage-box .cntpgbx{padding:1em 0;}
#appointment .workbx { margin-top: 2em;}
header.site-header input[type='search'], 
header.site-header input[type='search']:hover {width: 100%;}
 #about .aboutarea-img{margin-top: 7em;}
.service-area .single-service-bx{margin-bottom: 2em;}
#testimonials .ts-area-thumb img{margin-top: 0px;}
.footer-area .f-newsletterbx{top: 0;padding: 2em 3em 0em;text-align: center;margin-bottom: 3em;}
#innerpage-box .single-team:nth-child(4n - 3) .single-team-img .innteam-brd{left: 40px;}
#innerpage-box .contact-address-area .cntlhsbx{padding: 4em 5em 3em 5em;}
#secondary.widget-area{padding: 0;}
.page-main-header .innlhs-imgbx {padding: 1em 0em 0;}
#ht-home-slider-section .slider-social{margin-top: 0em;}
div#commentsAdd{margin:0.5em 0 1em;}
.innheadrhs .header-social{bottom: 0.5em;}
.woocommerce .related.products {margin-bottom: 0em;}
.error-box {margin-bottom: 0em;}
.page-main-header{padding: 0em 0 1em 0 !important;}
}

@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;}
#about .section-title h2,
#feature .section-title h2,
.section-title h2{font-size: 38px;}
#product-section .readmore a,
.service-area .serbtn a,
#feature .feabtn a { padding: 4px 14px;}
.top-bar-head {padding:0.5em !important;}
.innheadrhs .header-social a i{margin: 15px 1px 0;font-size: 17px;width: 30px;height: 30px;line-height: 30px;}
}

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

@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;}
.ht-menu.clearfix ul {margin-left: 0;}
header.site-header ul.sub-menu li a {padding: 5px 45px;}
}

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

.footer-area .bottom-area{padding: 1em 0 !important;}
.footer-area .gallery-item{max-width: 50%;}
.footer-bottom-area ul li { margin: 0 15px;}
.footer-bottom-area.text-right {text-align: center;}
.footer-text{ 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 only screen and (max-width: 575px) {
/*    header .mob {display: none;}*/
    header .headcorn-btn {display: none;}
    header .head-icon{display: block;}
    header .mob{text-align: right;}
    header .mob i {
        padding-right: 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
    }
    header .head-icon .tooltiptext{
        display: block;
        visibility: hidden;
        width: auto;
        background-color: #000;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 0;
        position: absolute;
        right: 0;
        overflow: hidden;
        top: 47px;
        z-index: 1;
        width: 153px;
    }
    header .head-icon .tooltiptext a{color: #fff}
    header .head-icon:hover .tooltiptext{visibility: visible;}
    .slider_section img{width: 300px !important;}
}

@media screen and (min-width: 576px) and (max-width: 767px){
    .slider_section .slider-img{width: 60%;float: left;}
    .slider_section .slider-content{width: 40%;float: left;}
}

@media only screen and (max-width: 767px) {
header .mob a { padding: 6px 15px; font-size: 16px;}
.slider_section img{height: 320px;}
#ht-home-slider-section .slider-social{right: 0;}
.ht-slide-cap-title{font-size: 30px;line-height: 35px;}
.slider_section .slider-btn a {padding: 4px 10px;font-size: 16px;}
#about .abtrhs {  text-align: center;}
.faq-content{margin-top: 1em;}
#appointment .info-txt,
#appointment .info-incbx{margin: 0 auto; text-align: center;}
#content.post-single-content .socialMedia { position: relative; margin-top: 25px;}
.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;}
#testimonials .ts-area-thumb img {width: 150px !important;height: 150px;left: 0;right: 0;margin: 0 auto;}
#testimonials .ts-area-c p{margin-top: 10px;}
#testimonials .tsarea-inn{border-radius: 100px;}
.service-area .single-service-bx{padding: 0 0.5em 0;}
#team .single-team .single-team-img .team-brd{left: 0px !important;right: 0;margin: 0 auto;}
#testimonials .tsarea-inn{margin: 0em;}
.footer-area .f-newsletterbx input[type="submit"]{position: relative;right: 0em;top: 0em;margin-bottom: 2em !important;}
#innerpage-box .tsarea-innbx{text-align: center;}
#innerpage-box .ts-area-thumb img{margin: 0 auto;width: 130px; height: 130px;}
#innerpage-box .tsarea-innbx{border-radius: 50px;}
#innerpage-box .ts-area-c p{margin: 35px 20px 0 20px;}
#innerpage-box .ts-area-c i{top: -25px;}
.faq-img{margin: 3em 0em 1em;}
.faq-img img{width: 300px;height: 325px;}
div#content-box .faq-content button.accordion{padding: 20px 60px 20px 20px;}
#innerpage-box .cntpgbx{text-align: center;}
#ht-contactus-wrap{bottom: 0;}
.page-main-header .hdr-img{padding: 5em 0 6em;border-radius: 47px;width: 265px;}
.breadcrumbbox .button{font-size: 14px !important;line-height: 18px !important;}
.page-main-header .img-round{padding: 10px;border-radius: 45px;width: 285px;}
.ht-slide-caption{margin-top: 3em;}
}

@media screen and (max-width: 600px){  
#feature .featureus-single{padding: 2em;}
.ht-team-counter-wrap{  margin-left: 0;}
.ht-counter{ width: 75%; float: none; margin: 0 auto 60px;}
#appointment .ht-inquiry-member-wrap {padding: 2em 1em;}
#appointment .applhsbrd {left: 0em; right: 0em; top: -1em; bottom: -1em;}
#appointment .workbx { left: 5px; margin-top: 2em;}
.ht-portfolio{
    width: 50%;
    padding: 4px;
}
}

@media screen and (max-width: 520px){
.slider_section .slider_section img { height: 250px !important;}
.slider_section .sub-title,
.slider-btn {  margin-top: 0em;}
.slider_section .titleicon{display: none;}
.slider_section .title {  font-size: 34px;}
.slider_section .sub-title {  padding: 0.5em 0;}

.slider_section .slider_content{top: 10%;text-align: center;width: 300px;left: 0;right: 0;margin: 0 auto;}

.hamburger-menus {top: 3px;right: -5px;}
.top-bar-head .head-menu {  padding-right: 0em;}
.s-footer { 
    margin-bottom: 1em;
}
}
@media screen and (max-width: 500px){
#about .section-subtext p{margin: 10px 0;}
#about .aboutus-post-wrap { margin-top: 0em;}
#appointment .info-txt a,
#appointment .info-txt p { font-size: 20px;line-height: 25px;
}
}


@media screen and (min-width: 320px) and (max-width: 475px){
.page_featured {margin: 0 2em;margin-bottom: 1em;padding: 3em 4em;}
blockquote { padding: 1em 2em;border-radius: 70px;}
blockquote:before{position: relative;left: 0;top: 0em;}
blockquote:after{position: relative;bottom: 1.5em;float: right; bottom: 0.5em;right: 0em;}
.widget-area form#searchform:after{right: 18px;}
#innerpage-box .ts-area-single-inn { margin: 0 0em 1em 0em;}
#innerpage-box .ts-area-c i { right: 8%;}
#innerpage-box .single-team { width: 100%;}
#innerpage-box .single-team { padding: 0 0em;}
body.page-template-default main#innerpage-box h1, .ht-main-title {
font-size: 15px !important; 
}
}

@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){
.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; }
.slider_section .slider-imgbrd{padding: 0.5em 1em 1.5em 1em;top: 1em;}
.ht-slide-caption{margin-top: 1em;}
#innerpage-box .item.innertest-item{width: 100%;}
#gallery .spa-gall h3 {  font-size: 28px;}
#model .single-model-bx{margin-bottom: 0em;}
#model .single-model h4{margin-bottom: 0;}
#model .model-icon img,#innerpage-box .model-iconinn img{height: 250px;border-radius: 80px;}
#model .model-img,#model .model-icon,#innerpage-box .model-imginn,
#innerpage-box .model-iconinn{border-radius: 80px;}
.service-area h4{font-size: 24px;}
#appointment .app-rhsbxinn{padding: 4em 1em 4em 1em;}
#appointment .app-rhsttitle h3,#appointment .lhstitle h5{font-size: 30px;}
#gallery .spa-gall img{height: 250px;}
.footer-area .f-newsletterbx{padding: 2em 2em 0em;border-radius: 80px;}
.footer-area .newstitle h3{font-size: 27px;}
#innerpage-box .contact-address-area .cntlhsbx{padding: 4em 0em 3em 0em;}
#innerpage-box .cntpgbx{margin: 0;}
#innerpage-box .contact-address-area .cntlhsbx .contactinn-title h2, 
#ht-contactus-wrap .maintle{font-size: 30px !important;margin-bottom: 0.5em;}
#content-box .model-innimg{margin: 4em 0em 2em;}
#video .video-box img{height: 300px;}
#video .video-box .video-icon{top: 31%;}
#slider a.btn{font-size: 15px;padding: 10px 25px;}
#ht-home-slider-section .slider-social a i{
    margin: 5px 3px 0;width: 30px;
    height: 30px;
    letter-spacing: 1px;
    line-height: 30px;font-size: 17px;
}
.ht-slide-cap-desc{    margin: 0.5em 0 0.7em;}
.innheadrhs .header-social a i{font-size: 15px;width: 25px;height: 25px;line-height: 25px;}
#video .popup iframe, #innerpage-box .popup iframe {height: 180px;}
}

@media screen and (min-width: 320px) and (max-width: 375px){
.ht-slide-cap-title{line-height: 35px;}
.slider_section img{height: 260px;}
.section-title h2{font-size: 30px;}
.ht-site-title, .site-title {font-size: 18px;}
.slider_section .sub-title { line-height: 23px;}
.slider_section .slider-btn { margin-top: 0.5em;}
.navicon { top: -60px !important;}
.page_featured {margin-bottom: 1em; padding: 2em 4em;}
#about .aboutarea-img img{width: 240px;height: 270px;}
#about .aboutarea-img{margin-top: 4em;}
#testimonials .testiimginn i{left: 0.5em;}
.blog-area .blog-date{font-size: 18px;padding: 15px 40px 15px 30px;}
#innerpage-box .lz-gallery-images img{height: 250px;}
.faq-img img{width: 215px;height: 230px;}
#content-box .model-innimg img{height: 269px!important;width: 225px !important;}
.faq-img .faq-brd{left: -5%;right: -5%;}
.innheadrhs .header-social{right: 3em;}
}

@media screen and (min-width: 375px) and (max-width: 425px){
    #about .aboutarea-img img{width: 300px;height: 330px;}
    #about .aboutarea-img{margin-top: 4em;}
    #testimonials .testiimginn i{left: 1.2em !important;}
    #content-box .model-innimg img{height: 330px;width: 320px;}
    .faq-img .faq-brd{left: -2% !important;right: -2% !important;}
}

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

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