/*Theme Name: Coaching Institute Free
Theme URI: https://luzuk.com/demo/coaching-institute/
Author: luzuk Themes
Author URI: https://www.luzuk.com/top/wordpress-themes/
Description: You may be personal trainer or a life coach; you run a coaching institute for grooming, or offer standard school or college subject’s tutelage, an attractive online presence for your coaching institute is going to take you a long way in your success. Have a look at our Coaching Institute Premium WordPress Theme, designed to serve people in coaching profession, who have institutes through which they impart education. You ought to understand something very important, that if your potential customers visiting your institute online are able to find all the information on your theme, their chances of enrolling into your institute multiply manifold. We’ve curated this theme keeping in mind trainer, life coach, course designer, teacher, and instructor who creates, sells, or trains students. If you’re any of this, we are confident you will find or Coaching Institute premium WordPress Theme perfect. Loaded with premium features that will offer your target customers a seamless experience to know you, connect with you, and find out various types of courses you offer before enrolling to your coaching program. Coaching Institute Premium WordPress Theme is responsive therefore all the aforementioned actions are well enabled on it. Each page can be designed as per institute requirements. You can change or add pictures as and when you want. There are action buttons prompting your visitor to take action on your site. You can add a testimonial page, share contact details, generate enquires. Coaching Institute Premium WordPress Theme also happens to be woo-commerce compatible. This means you can accept payments online to enroll students in your coaching institute. Coaching Institute Premium WordPress Theme is indeed premium in terms of features, however when it comes to maintaining it, you will be pleasantly surprised to know that you can manage it on your own, without learning any coding or technical skills. The theme comes with a DIY dashboard through which you can do everything. It’s a very user-friendly dashboard that will save you time, labor, and money. So if you have a coaching institute, all you need to do is get domain name, hosting space, and you’re all set to download and install Coaching Institute Premium WordPress Theme. Grab the opportunity; go online to grow your coaching institute enrollments.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: coaching-institute-free
Tags: two-columns, right-sidebar, left-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-image-header, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, news, portfolio
*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}
body.custom-background {
    background-color: #fff !important;
    background-repeat: no-repeat !important;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
    margin: 0;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    text-decoration: :none;
}
a:active,
a:hover {
    outline: 0;
    text-decoration:none;
}

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

blockquote p{ 
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}
blockquote {
    background-color: #f2f2f2;
    position: relative;
    clear: both;
    margin: 10px 10px;
    padding: 1em 1em 2em 1em!important;
    font-size: 20px;
    color: #212121;
    font-weight: 400;
    border-radius: 20px;
    box-shadow: 0px 0px 10px #00000026 !important;
}
blockquote cite{
    background: transparent linear-gradient(180deg, #0575E6 0%, #021B79 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    font-size: 20px;
    padding: 11px 22px;
    position: absolute;
    /* float: right; */
    border-radius: 50px;
    margin-top: 10px;
    right: 0;
}
/*blockquote:before {
    content: "\f10e";
    font-family: 'FontAwesome';
    position: absolute;
    top: -38px;
    font-size: 66px;
    right: 45px;
    clear: both;
    z-index: 1;
}*/
/*blockquote:after {
    content: "";
    border: 2px dashed #d33;
    left: 2%;
    right: 2%;
    top: 8%;
    bottom: 8%;
    position: absolute;
}
blockquote p:after {
    content: "";
    position: absolute;
    border-top: 1px solid #d33;
    bottom: 4em;
    left: -50px;
    right: 0;
    width: 180px;
    text-align: center;
    margin: 0 auto;
}
blockquote p:before {
    content: "";
    position: absolute;
    border-top: 1px solid #3ff;
    bottom: 4.3em;
    left: 0px;
    right: -50px;
    width: 180px;
    text-align: center;
    margin: 0 auto;
}*/
q:before,
q:after {
    content: "";
}
pre {
    background: #eee;
    /*font-family: "Courier 10 Pitch", Courier, monospace;*/
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
    max-width: 100%;
    overflow: auto;
    padding: 15px;
}
code,
kbd,
tt,
var {
    /*font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;*/
    font-size: 15px;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
big {
    font-size: 125%;
}
select {
    border: 1px solid #EEE;
    height: 40px;
    padding: 3px 40px 3px 8px;
    background-color: transparent;
    line-height: 100%;
    outline: 0;
    background-image: url(images/arrow.png);
    background-position: right;
    center: ;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.clearfix{clear:both;}

/*padding*/

.pd-0{ padding: 0;}
.pd-1{ padding: 5px;}
.pl-0{padding-left:0 ;}
.pr-0{padding-right:0 ;}
.pl-1{padding-left: 1em;}
.pd-4{padding: 0 2em;}

/*margin*/

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


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

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

.widget-area ul{
    list-style: none;
    padding: 0px 3px;
    margin: 0;
    /*border: 1px solid #eaeaea;*/
    border-bottom: none;
}
.widget-area .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{
   /* padding: 5px 0;*/
    line-height: normal;
    margin: 0;
    /*padding: 0;*/
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
/*    border-bottom: 2px solid #eaeaea;*/
    padding-left: 15px;
}
.widget-area li.recentcomments {  padding: 10px 15px;}
.widget-area a{
    text-decoration: none;
    font-size: 18px;
    color: #404040;
    display: block;
    padding: 10px 0;
    font-weight: 400;
    line-height: 25px;
    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
--------------------------------------------------------------*/

#secondary.widget-area a { display: inline-block;}
#secondary.widget-area li:before,
main#innerpage-box #sidebars .widget-area li:before{display: none !important;}
#secondary .widget_nav_menu li a{font-weight: 400;}

#secondary .widget_archive a:before,
#secondary .widget_categories a:before,
#secondary .widget_recent_entries li a:before,
#sidebars .widget_archive ul li a:before,
#sidebars .widget_recent_entries ul li a:before ,
#sidebars .product-categories li a:before,
#sidebars .widget_recent_comments  span:before{ 
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f19d";
    margin: 0 14px 0 0;
    font-weight: 600;
    transition: all 0.2s ease 0s;
    font-size: 16px;
}
#secondary ul li:before {
    content: '';
    font-family: 'FontAwesome';
    float: left;
    padding-right: 12px;
    color: #0074D9;
    font-weight: 600;
    transition: all 0.2s ease 0s;
    font-size: 18px;
}
#secondary .widget-area .tagcloud,
#sidebars .widget-area .tagcloud{padding: 0 1em;}
#content-box ul li{margin-bottom: 8px; }
/*/*---------------------
sidebar menu 
------------------------*/
#secondary .widget_nav_menu li ,
#sidebars .widget_nav_menu ul li{ margin:17px 6% !important;border-radius: 50px 50px;}
#sidebars .widget_nav_menu a,
#sidebars .widget_nav_menu ul li a{display: block;color: #fff;}

#secondary .widget_nav_menu li a:before,
#sidebars .widget_nav_menu ul li a:before {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f101";
    color: #000;
    background: #d33;
    margin: 0 0 0 14px;
    font-weight: 600;
    font-size: 22px;
    right: -5%;
    bottom: 0;
    top: 5px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    position: absolute;
    text-align: center;
    border-radius: 50px 50px;
    z-index: 1;
}
#secondary .widget_nav_menu li a:after,
#sidebars .widget_nav_menu ul li a:after {
    content: "";
    position: absolute;
    border-radius: 50px;
    right: -7%;
    width: 46px;
    height: 46px;
    line-height: 46px;
    background: #fff;
    z-index: 0;
    top: -1px;
}
/*--------------------------------------------------------------
## Sidebar Area
--------------------------------------------------------------*/
.widget-area { position: relative; overflow: hidden;}

#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: 90%;
    margin: 8px 5%;
    font-size: 16px;
    display: inline-block;
    border-radius: 00;
    padding: 12px 3px 12px 20px;
    line-height: 0.8;
    background-color: transparent;
    text-align: left;
    border: 1px solid #000;
    border-radius: 50px;
}
#secondary textarea {padding: 15px 3px 6px 20px; height: 90px;border-radius: 10px;}
#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 #searchform input[type="text"]{
    background-color: #fff !important;
    border-radius: 50px;
    padding: 16px 10px 16px 46px;
    border: 1px solid #000;
}


/*#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 textarea, 
#secondary select,
#secondary label,
div#secondary select option,
#secondary input::placeholder,
#secondary textarea::placeholder,
#secondary select::placeholder,
#secondary input[type="file"]{color: #fff;}*/
/*#secondary select#archives-dropdown-3 {left: 0px !important;margin: 18px 5px 30px 5px ! important;}*/
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.author-email-url{
    margin-left: -2%;
}
#comments a:hover{
    color:#2d2d2d;
}
#commentsAdd a:hover{
    color:#2d2d2d;
}

#commentsAdd input[type="submit"]{
    background: #fc226a;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 50px;
    font-size: 16px;
}
#commentsAdd input[type="submit"]:hover{
    border-radius: 5px;
    opacity: 1;
}
#content .tags a {
    margin-left: 10px;
    border: 1px solid #000;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 15px;
    border-radius: 8px;
    line-height: 35px;
    word-break: break-all;
}

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

.comment-respond p label{margin-bottom: 5px;}

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

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

#respond #respond h3#reply-title{display: none;}
#comments ol li.comment:before{display: none;}
#comments ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#comments li.comment{
    margin: 2em 0 5em;
    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;
}
.innerblogpost article{position: relative;overflow: visible;}
article{
    position: relative;
/*    overflow: hidden;*/
}
article.comment-body {
    background: #fff;
    margin: 0px;
    position: relative;
}
.comment-list a{
    color: #404040;
}
.comment-list a:hover{
    color: #fe5722 !important;
}
.comment-list .comment-respond{
    margin-top: 20px;
    background: #FFF;
    padding: 20px;
}
.comment-list .vcard img {
    border-radius: 50%;
    margin-right: 10px;
}
.comment-list .vcard .fn{
    font-weight: normal;
    font-size: 16px;
}
.comment-list .edit-link{
    position: absolute;
    right: 0;
    top: 0;
}
.comment-list .edit-link a{
    font-size: 14px;
    display: inline-block;
    padding: 10px;
}
.comment-list .comment-meta {
    margin-bottom: 15px;
} 
.comment-list .comment-metadata {
    border-top: 1px solid #EEE;
    padding-top: 10px;
    font-size: 14px;
}
.comment-list .comment-metadata a {
    float: left;
}
.comment-list .comment-metadata .reply {
    float: right;
}
#cancel-comment-reply-link {
    float: right;
}
.nav-previous a,
.nav-next a{
    background: #fe5722;
    color: #FFF;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    line-height: 22px;
    position: relative;
}
.nav-next a{
    margin-right: 13px;
}
.nav-next a:after{
    content: "";
    position: absolute;
    border-left: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    right: -11px;
}
.nav-previous a{
    margin-left: 11px;
}
.nav-previous a:after{
    content: "";
    position: absolute;
    border-right: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    left: -11px;
}
.no-comments{
    color: #fe5722;
}
.pagination{
    text-align: center;
    display: block;
}
.pagination .page-numbers{
    display: inline-block;
    margin: 4px 2px;
    background: #fe5722;
    color: #FFF !important;
    padding: 8px 12px;
    line-height: 1;
    border-radius: 2px;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover{
    background: #333;
    color: #FFF;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 15px;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.pagingation{
    margin: 0px 0 0 0;
    padding: 1em 0;
     clear: both; 
    text-align: center;

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

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

div#secondary input[type="submit"],
.wp-block-search__button {
    width: 88%;
    margin: 0 auto;
/*    top: 15px;*/
    display: block;
    position: relative;
    text-align: center;
    padding: 6px 10px !important;
    z-index: 999 !important;
    overflow: hidden;
    border: none;
    box-shadow: none;
    font-size: 18px;
    font-weight: 500;
    border-radius: 50px;
}
/*div#secondary input[type="submit"]:after,
.wp-block-search__button:after {
    position: absolute;
    top: 7px;
    font-size: 18px;
    right: 0px;
    color: #010101;
    background-repeat: no-repeat;
    height: 38px;
    width: 38px;
    content: "\f002";
    font-family: 'Fontawesome';
    text-indent: -10px !important;
}*/
#sample-heading-here:after {display: none !important;}
.section-title{ margin-bottom: 50px;margin-top: 20px; position: relative;}
.section-title h2 {
    position: relative;
    margin: 0 0 10px 0;
    font-size: 40px;
    font-weight: 700;
    padding: 0 0;
    line-height: 46px;
    z-index: 1 ;
}
 
.section-title h1{
    position: relative;
    font-size: 20px;
    color:#007EFF;
    font-weight: 400;
    z-index: 1 ;
}
/*.section-title p{
    font-size: 20px;
    margin-bottom: 1em;
} */ 
.inner-area-title {    
    font-size: 23px;
    font-weight: 500;
    word-break: break-word;
}
.section-area-text {    
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    word-break: break-word;
}
.textcenter{  text-align: center;}

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

section .darkbox{  padding:3em 0;  background: rgba(0,0,0,0.6)}
.padding0{ padding: 0;}
.ht-section-title-tagline{ margin-bottom: 3em;}
.ht-section-title{
    font-size: 33px;
    color: #323232;
    margin: 0 auto;
    font-weight: bold;
    line-height: 60px;
    word-break: break-word;
    position: relative;
}
.darkbox .ht-section-tagline{
    font-size:16px;
    width: 70%;
    margin: 0 auto 0;
    color:#fff;
}
.ht-main-title{
    position: relative;
    margin: 0 0px 12px;
    z-index: 1;
}
/*.category .ht-main-title {  margin: 0 0 1.5em;}*/
.ht-site-title, .site-title{
    font-weight: 600;
    font-size: 32px;
    line-height: 1;
    padding: 0;
}
.ht-site-title a, .site-title a{ text-decoration: none;color: #4a4a4a;}
.ht-site-description{
/*    color: #ffffff;*/
    font-size: 14px;
    font-weight: normal;
    margin: 8px 0 0 0;
}
.ht-site-description a{color:#000;}
#total-breadcrumbs{
     font-size: 15px;
    margin: 0;
    color: inherit;
    display: block !important;
    text-align: center;
    padding: 0px 0 2.5em;
}
.single-productpage .innerpage-whitebox { margin-top: 0; padding: 1em;}
.single-productpage #sidebars {   margin-top: 20px;}
.single-productpage .ht-main-title {  padding: 20px;}
.woocommerce ul.product_list_widget li img{ margin: 0 15px 0px 0;}
.woocommerce .woocommerce-breadcrumb a,
#total-breadcrumbs a{ color: #000;}
.woocommerce .woocommerce-breadcrumb a:hover,
#total-breadcrumbs a:hover{ color: #fe5722;}
.taxonomy-description,
.term-description{ margin-bottom: 15px; padding: 0px 25px 25px 25px;}
.taxonomy-description p:last-child,
.term-description p:last-child{  margin-bottom: 0;}
/*======= side bar ===========*/
.woocommerce .widget_price_filter .price_slider_amount {
    text-align: center !important;
    padding: 0 2px !important;
    
}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
/*.page-main-header { text-align: center;}*/
.ht-main-title{
    font-size: 40px;
    font-weight: 600;
    padding: 2px 1px;
    margin: 8px 8px 1px 0;
}
.breadcrumbbox .button span .treeEnd{padding:0;}
.breadcrumbbox .button span{
    font-size: 23px;
    font-weight: 600;
    padding: 4px 2px;
    margin: 0px 2px;
}
.breadcrumbbox { position: relative; padding: 0em 0em; z-index: 1;margin: 0px 0 0 0px;}
.breadcrumbbox span{ color:#000; margin:0 1px;}
/*.breadcrumbbox .bread-arrow{display: none;background: none !important;}*/
.breadcrumbbox i {
    font-size: 20px;
    font-weight: 100;
    top: 0px;
    position: relative;
}
header .woocommerce-breadcrumb,
.breadcrumbbox .button {
    padding: 6px 4px !important;
    display: inline-block !important;
    font-size: 18px;
    font-weight: 500;
    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 .headinnbox {
    position: relative;
    overflow: hidden;
    display: block;
    padding: 0 10px;
    text-align: center;
}

.resp_header_logo {  display: none;}
.header-transparent .resp_head_box {  padding: 12px 0 15px;}
.header-seo.header-transparent .is-fixed .main-bar p.ht-site-description { display: none;}
.resp_header_btn p {  display: none;}
.header-right .single-header-info {  text-align: right;}

header.site-header li {display: inline-block; list-style-type: none;}
.single-header-info li:nth-of-type(2n):before {
    content: "|";
    padding: 0px 1px 0px 1px;
    color: #ffffff;
    font-weight: 600;
}
.logo { padding: 0px 5px 0 0px;}
.logobox img{ position: relative;}
header.site-header .main-dispaly.padding0 {  padding-right: 0;}
header .mobnone1{padding-top: 20px;}
header .h-ph:before {
    content: "";
    z-index: -1;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    display: block;
    width: 50px;
    height: 50px;
    background: #033A9E;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}


@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
header .h-ph svg{width: 28px; height: 30px;}
header .h-ph svg path{stroke: #fff}
/*header .h-ph i{font-size: 22px;color: #fff;}*/
header .h-ph{
        position: relative;
    width: 42px;
    height: 42px;
    line-height: 48px;
/*    box-shadow: 0 0 0 8px #3e454b;*/
    background-image: linear-gradient(20deg,#033A9E 20%,#2E8BE9 80%);
    text-align: center;
    border-radius: 50px;
}
header .Hbtn p{font-size: 16px;margin: 0;padding: 0;color: #fff;line-height: 14px;}
header .Hbtn a{font-size: 23px; font-weight: 600;}

/*menu Hover bg color*/
.navigation .mainmenu li.current_page_item a{border-bottom:2px dotted #3ff ;}
.navigation .mainmenu li a::before {
/*    background: #d33;*/
    content: "";
    inset: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.5s ease-in-out;
    z-index: 1;
/*    bottom: -4px;*/
    border-radius: 0px;
    width: 90%;
    /*height: 8px;*/
    margin: -2px auto;
    border-bottom:2px dotted #3ff ;
    transform-origin: right;

}
.current_page_item > a:hover,
.navigation .mainmenu li a:hover::before {
    
    transform-origin: left;
    transform: scaleX(1);
    bottom: 0;
}

/* 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;
/*    text-align: center;*/
}
.navigation .mainmenu li{ 
    display:inline-block; 
    position:relative; 
    line-height:normal; 
    margin: 0 28px 0 0;
}
.navigation .mainmenu li a{ 
    display:block; 
    text-align:center; 
    /*color:#ffffff; */
    position:relative; 
}
/*new*/

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

ul.sub-menu{
   /* display:none;*/
    z-index:9999;
    position:absolute;
    left:-9999px;
    border-radius: 0px;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    left: 0;
    text-align: left;
    background: #9bb70d;
    min-width: 250px;
    z-index: 999;
    padding: 0px;
    margin-top: 0px;
}
.navigation .mainmenu li ul li{
    display:block; 
    position:relative; 
    float:none; 
    line-height:18px; 
    margin-left:0; 
    margin-right:0; 
    -webkit-transform: skew(0deg); 
    -ms-transform: skew(0deg); 
    transform: skew(0deg); 
    /*box-shadow: 0 0 6px rgba(0,0,0,0.15);*/
}

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

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

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

.header.site-header ul.sub-menu li a {
    font-size: 15px;
    /*    transition: all 0.5s ease 0s;*/
    font-weight: 500;
    position: relative;
}

.header.site-header ul.sub-menu li a{   
    display: block;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    line-height: 1.4em;
    letter-spacing: .05em;
}

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

    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
   /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
    font-size: 1em;
}
.header.site-header ul.sub-menu li:hover a:before { margin-left: 14px; opacity: 0;}
header.site-header ul { margin: 0;}
header.site-header .text-bx.padding0 {
    font-size: 13px;
    font-weight: 700;
}
header.site-header .list-inline.m-a0 {
   padding: 2px 0;
   float: right;
}

.navigation .mainmenu {position: relative;}
.header-icon i.fa {
    position: relative;
    top: 0px;
    font-size: 15px;
    padding-right: 9px;
    font-weight: 700;
}
.home.page-template .site-header{
    z-index: 99999;
    position: absolute;
    width: 100%;
    background: none;
}
/*==== inner page Headerstart====*/
.site-header {
    z-index: 99;
    position: absolute ;
    width: 100%;
    background: none;
}
.headimgbx {  position: relative;}
.headimgbx .hinn1 {
    position: absolute;
    margin-top: -3%;
    width: 28px;
    height: 28px;
    left: 22%;
    z-index: 1;
    -webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.headimgbx .hinn2 {
    position: absolute;
    margin-top: 4%;
    width: 36px;
    height: 36px;
    right: 1%;
    z-index: 1;
    animation: bounce 4s linear infinite;
}

.headimgbx .hinn3 {
    position: absolute;
    margin-top: 6%;
    width: 62px;
    height: 70px;
    left: 14%;
    z-index: 1;
    animation: lightSpeedOut 6s linear infinite;
}

.headimgbx .hinn4 {
    position: absolute;
    margin-top: 8%;
    width: 61px;
    height: 59px;
    right: 18%;
    z-index: 1;
    animation: lightSpeedIn 6s linear infinite;
/*    animation: rubberBand 6s linear infinite;*/
}
.page-main-header {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: none;
}
.page-main-header:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #2E8BE9;
    transition: all 0.3s ease 0s;
    width: 30%;
    height: 100%;
    z-index: 1;
    clip-path: polygon(0 0, 100% 0%, 50% 100%, 0 100%);
    opacity: 0.8;
}
.page-main-header:after {
    background: #2E8BE9;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.3s ease 0s;
    width: 12%;
    height: 80%;
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
    opacity: 0.8;
}

.page-main-header .overlay1 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    opacity: 0.3;
    background: #000;
}

/*====end ====*/
.site-header ul,
.site-header ol {
    margin-bottom: 0;
}
/*without top bar*/
.extra-nav {
    float: right;
    padding: 26px 0;
    position: relative;
    z-index: 9;
}
.extra-nav .site-button-link{
    font-size:15px;
}
.extra-nav .extra-cell {
    display: inline-block;
    margin-left: 10px;
}
@media only screen and (max-width: 767px) {
    .extra-nav {
        margin-right: 15px;
    }
}

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

/* map page header*/

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

div#secondary .widget_calendar table thead tr th{ padding: 10px;}
.widget_calendar tfoot tr td a {  padding: 2px 10px;}

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

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

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

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

/* = Navigation sticky header css
-------------------------------------------------------------- */

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


/*----------------------------------------*/
/*  Slider Area
/*----------------------------------------*/
#slider_section {
    position: relative;
    overflow: hidden;
}
#slider_section .s-gradient{
    position: absolute;
    background: #000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.1;
}

#slider_section .svm1 {
    position: absolute;
    top: 15%;
    width: 28px;
    height: 28px;
    left: 25%;
    z-index: 1;
    -webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#slider_section .svm2 {
    position: absolute;
    top: 18%;
    width: 36px;
    height: 36px;
    right: 20%;
    z-index: 1;
    animation: bounce 4s linear infinite;
}

#slider_section .svm3 {
    position: absolute;
    bottom: 30%;
    width: 62px;
    height: 70px;
    left: 4%;
    z-index: 1;
    animation: lightSpeedOut 6s linear infinite;
}

#slider_section .svm4 {
    position: absolute;
    bottom: 30%;
    width: 61px;
    height: 59px;
    right: 14%;
    z-index: 1;
    animation: rubberBand 6s linear infinite;
}
/*===*/
#slider_section .slidimgbx .slide-mainimg{width: 100%;height: 850px;}
#slider_section .slidimgbx:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    transition: all 0.3s ease 0s;
    opacity: 0.8;
    width: 36%;
    height: 100%;
    background: #2E8BE9;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}
#slider_section .slidimgbx:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0.8;
    width: 14%;
    height: 65%;
    background: #2E8BE9;
    clip-path: polygon(100% 35%, 0% 100%, 100% 100%);
}

/*image left brd*/
#slider_section .up-brd:before{
    content: "";
    position: absolute;
    border: 3px solid #d33;
    left: 15%;
    right: 0;
    top: 0;
    /* bottom: 0; */
    width: 46%;
    transform: rotate(129deg);
    border-radius: 50px;
}
#slider_section .up-brd:after{
    content: "";
    position: absolute;
    border: 3px solid #3ff;
    left: -21%;
    right: 0;
    bottom: 0;
    width: 46%;
    transform: rotate(129deg);
    border-radius: 50px;
}

/*image right border*/
#slider_section .low-brd:before{
    z-index: 2;
    content: "";
    position: absolute;
    border: 3px solid #d33;
    width: 23%;
    right: -150px;
    top: 65%;
    transform: rotate(126deg);
    border-radius: 50px;
}

#slider_section .low-brd:after{
    z-index: 2;
    content: "";
    position: absolute;
    border: 2px solid #fea;
    width: 25%;
    right: 0;
    bottom: 0;
    transform: rotate(126deg);
    border-radius: 50px;
}
/*end*/
#slider_section .ht-slide-caption{
    position: absolute;
    width: 762px;
    top: 25%;
    left: 0%;
    right: 0;
    margin: 0 auto;
    text-align: center;
/*    z-index: 99;*/
}

#slider_section .ht-slide-cap-title{
    position: relative;
    margin: 0px 0;
    font-size: 82px;
    font-weight: 700;
    line-height: 119px;
    color: #fff;
    word-break: break-word;
    white-space: normal;
    z-index: 999;
}

#slider_section .slide-text {
    color: #fff;
    padding:6px 6em 15px 6em;
    margin-bottom: 0px;
    font-size: 18px;
}

/******btn*****/
/*============*/
#slider_section .slider-btn ul{margin: 0;}
#slider_section .slider-btn li{list-style: none;}
#slider_section .sliderbtn {
    position: relative;
    /* overflow: hidden; */
    transition: all 0.5s;
    margin-top: 1em;
}
#slider_section .slider-btn a svg {
    position: relative;
    text-align: center;
    transition: all 0.5s;
    width: 22px;
    height: auto;
    margin-left: 5px;
    fill: #fff;
}
#slider_section .slider-btn a:hover svg{ animation: rotate 2s linear infinite;  }
@keyframes rotate {
  100% {
    transform: rotateY(360deg);
  }
}
#slider_section .slider-btn a{
    position: relative;
    overflow: hidden;
   display: inline-block;
    transition: all 0.5s;
    border: 1px solid #2E8BE9;
    font-size: 27px;
    padding: 6px 16px 9px 20px;
    border-radius: 50px;
    color: #fff;
    background-image: linear-gradient(90deg,#033A9E 18%,#2E8BE9 100%); 
}
.stars_an {
  position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: 0.5s;
    border-radius: 5rem;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}
#slider_section .slider-btn a:hover .stars_an{opacity: 1;}
.starsinn {
  position: relative;
  background: transparent;
  width: 200rem;
  height: 200rem;
}
.starsinn::after {
  content: "";
  position: absolute;
  top: -10rem;
  left: -100rem;
  width: 100%;
  height: 100%;
  animation: animStarRotate 90s linear infinite;
}
.starsinn::after {
  background-image: radial-gradient(#ffffff 1px, transparent 1%);
  background-size: 50px 50px;
}
.starsinn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 170%;
  height: 500%;
  animation: animStar 60s linear infinite;
}
.starsinn::before {
  background-image: radial-gradient(#ffffff 1px, transparent 1%);
  background-size: 30px 30px;
  opacity: 0.5;
}

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

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

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

  to {
    transform: rotate(0);
  }
}

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

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

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

/*btn end*/

#slider_section .swiperarrowbtn {
    padding: 0 6px 2px 6px;
    position: absolute;
    bottom: 50px;
    box-shadow: none;
    opacity: 1;
    transition: all 0.4s;
    z-index: 1;
    right: 3%;
}
#slider_section .swiper-button-prev i,
#slider_section .swiper-button-next i{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    font-weight: 900;
    transition: all 0.4s;
}
#slider_section .swiper-button-prev i{right: 40px;position: relative;}
#slider_section .swiper-button-next i{right:4px;position: relative; bottom: 23px;}

#slider_section .swiper-button-prev:after {
    content: "";
    position: relative;
    border-right: 1px solid #e01414;
    padding: 20px 0;
    top: 0px;
    right: 16px;
    z-index: 5;
}

/*#slider_section  #thumbs,*/
/*#slider_section .owl-carousel{display: block;}
#slider_section .owl-dots{display: none;}
#slider_section .owl-theme .owl-nav {display: block;}


*/


/*   Course  / classes Section
===========================
/*----------------------------------------*/
#innerpage-box .single-course-bx { display: none;}
.course-area .inn-single-course-bx { display: none;}
#course { position: relative;overflow: hidden;background: #f6fafe;}
.course-area .single-course-bx { margin-bottom: 2em; position: relative;padding: 0 1.8em;transition: all 0.5s;}
.course-area .single-course{
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    box-shadow: 0px 0px 20px 16px #dbdbdb85;
    border-radius: 17px;
    padding: 26px 10px 6px 26px;
}

.course-area .course-bx { position: relative; overflow:hidden; }
.course-area .courseimgbx{ position: relative; overflow:hidden; border-radius: 12px;margin-bottom: 12px;}
.course-area .courseimgbx img { width: 100%; height: 200px;transition: all 0.5s;border-radius: 12px;}
.course-area .courseimgbx a:before,
.course-area .courseimgbx a:after{
    content: '';
    background-color: #332102;
    height: 100%;
    width: 100%;
    transform: translateX(-50%) translateY(-50%) scale(0);
    position: absolute; 
    left: 50%;
    top: 50%;
    z-index: 1;
    border-radius: 5px 5px;
    transition: all 0.5s ease-in-out 0.2s;
}
.course-area .courseimgbx a:after{
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) scale(1);
}
.course-area .single-course:hover .courseimgbx a:before{
    opacity: 0.3;
    transform: translateX(-50%) translateY(-50%) scale(2);
}
.course-area .single-course:hover .courseimgbx a:after{
    opacity: 0.3;
    transform: translateX(-50%) translateY(-50%) scale(0);
}


.course-area .sertxbx{
    position: absolute;
    padding: 0em 20px 10px 20px;
    transition: all 0.5s;
    bottom: 0;
    width: 100%;
}
.course-area .coursetxbx h3{
    color: #007FFF;
    font-size: 20px; 
    font-weight: 600;
    margin: 0;
}
.course-area h4 {
    font-size: 31px;
    font-weight: 600;
    margin: 0px 0 0px 0;
    padding:8px 0;
}
.course-area p {
    padding: 0;
    font-size: 16px;
    margin: 0px 0 6px 0;
    line-height: 29px;
}
.course-area .stake {
    top: 3px;
    position: relative;
    font-size: 14px; 
    padding: 0 0 0 10px;
    margin: 0;
    font-weight: 600;
/*    border-left: 2px solid #000;*/
}
.course-area .stake:after {
    position: absolute;
    content: "";
    left: 0px;
    bottom: 0;
    top: 0;
    background: #D33;
    padding: 1px 1.2px 1px 1px;
    background-image: linear-gradient(-22deg,#033A9E 64%,#2E8BE9 40%);
}
.course-area .course-bx li{list-style: none;display: inline-block; padding-right: 8px;}
.course-area .course-bx li i{padding-right: 4px;}
.course-area .course-bx li p{font-size: 16px;padding: 0;margin: 0;}

/* inner course / classes Page ------- */
/*-------------------------*/

#innerpage-box .inn-single-course-bx {
    position: relative;
    overflow: hidden;
    padding: 1px 20px;
}
#innerpage-box .inn-single-course-bx .course_inbox{
    transition: all 0.45s ease;
}
#innerpage-box .singleinner-course{
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 30px #0000001A;
    margin: 1em 0;
    padding: 1em 0;
    border-radius: 17px;
}
#innerpage-box .inn-single-course-bx .courseimgbx{
    position: relative;
    overflow: hidden;
}
#innerpage-box .inn-single-course-bx .courseimgbx:before{
    content: "";
    background: #a00606;
    width: 100%;
    height: 0;
    position: absolute;
    right: 8px;
    bottom: 0;
    transition: all 0.45s ease;
    border-radius: 50px 50px 0 0;
}
#innerpage-box .inn-single-course-bx .singleinner-course:hover  .courseimgbx:before{ height: 90%; opacity:0.2;}
#innerpage-box .inn-single-course-bx .singleinner-course:hover  .courseimgbx:after{ height: 90%;opacity:0.2; }
#innerpage-box .inn-single-course-bx .courseimgbx:after{
    content: "";
    background: #a00606;
    width: 100%;
    height: 0;
    position: absolute;
    left: 8px;
    top: 0;
    transition: all 0.45s ease;
    border-radius: 0 0 50px 50px ;
}

#innerpage-box .inn-single-course-bx .courseimgbx img {
    width: 100%;
    border-radius: 12px;
}
#innerpage-box .inn-single-course-bx .coursetxbx{padding: 0 10px 10px 0;}
#innerpage-box .inn-single-course-bx .coursetxbx h3{margin: 0 !important;}
#innerpage-box .inn-single-course-bx .coursetxbx h2{ margin: 8px 0 4px 0;}
#innerpage-box .inn-single-course-bx .coursetxbx p{font-size: 16px;color: #8295a9;line-height: 29px;}
#innerpage-box .inn-single-course-bx .stake {
    top: 3px;
    position: relative;
    font-size: 14px; 
    padding: 0 0 0 10px;
    margin: 0;
    font-weight: 600;
/*    border-left: 2px solid #000;*/
}
#innerpage-box .inn-single-course-bx .stake:after {
    position: absolute;
    content: "";
    left: 0px;
    bottom: 0;
    top: 0;
    background: #D33;
    padding: 1px 1.2px 1px 1px;
    background-image: linear-gradient(-22deg,#033A9E 64%,#2E8BE9 40%);
}
#innerpage-box .inn-single-course-bx .coursetxbx li{list-style: none;display: inline-block; padding-right: 8px;}
#innerpage-box .inn-single-course-bx .coursetxbx li i{padding-right: 4px;}
#innerpage-box .inn-single-course-bx .coursetxbx li p{font-size: 16px;padding: 0;margin: 0;}


/*----------------------------------------*/
/*  About Area
/*----------------------------------------*/
#about { position: relative; overflow: hidden;}
#about .section-list { position: relative; margin-top: 20px;}
#about .section-list li {
    list-style: none; 
    position: relative;
    width: 50%;
    float: left;
    margin-bottom: 6px;
    font-size: 17px;
    padding-right: 10px;
}
#about .section-list li:before{
    content: "\f111";
    font-family: 'Fontawesome';
    font-size: 10px;
    margin-right: 10px;
    position: relative;
    color: transparent;
    top: -2px;
    background: linear-gradient(-133deg,#033A9E 0%,#2E8BE9 100%);
    padding: 0px 1px;
    border-radius: 50%;
}
#about .abtsection-title{position: relative;overflow: hidden;}
#about .abtsection-title h1{
    font-size: 37px;
    color: #5c36a8;
    font-weight: 600;
    display: inline-block;
    position: relative;
}
#about .abtsection-title h2{
    font-size: 50px;
    font-weight: 600;
    line-height: 73px;
    margin: 0;
}
#about .section-subtext p{ font-size: 20px;margin:0em 130px 0em 0;font-weight: 600;line-height: 26px;}
#about .about-area-data {text-align: left;left: -12px; position: relative;}
#about .about-area-data h4{font-size: 17px;margin-top: 10px;font-weight: 500;line-height: 20px;}
#about .aboutus-single {margin-top: 2em; padding: 0; transition: all .2s linear; }
#about .aboutus-single:hover .hi-icon{
    transition: all 0.5s;
    animation: swing .5s ease-in-out;
    border-radius: 250px 60px 230px 110px/140px 66px 274px 164px;
}
#about .hi-icon {
    position: relative;
    transition: all 0.2s ease 0s;
    width: 48px;
    height: 48px;
    background: #ccc;
    text-align: center;
    border-radius: 50px;
    transition: all 0.2s ease 0s;
}
#about .hi-icon span{
    line-height: 48px;
    font-size: 24px;
    transition: all 0.2s ease 0s;
    text-align: center;
}
#about .aboutus-single:hover .hi-icon span{}
/*===*/
#about .abt-btn{position: relative;margin-top: 2.5em;}
#about .abt-btn a svg {
    position: relative;
    text-align: center;
    transition: all 0.5s;
    width: 22px;
    height: auto;
    margin-left: 5px;
    fill: #fff;
}

#about .abt-btn a:hover svg{ animation: rotate 2s linear infinite;  }
#about .abt-btn a{
    position: relative;
    overflow: hidden;
   display: inline-block;
    transition: all 0.5s;
    border: 1px solid #2E8BE9;
    font-size: 27px;
    padding: 4px 18px 4px 35px;
    border-radius: 50px;
    color: #fff;
    background-image: linear-gradient(90deg,#033A9E 50%,#2E8BE9 100%); 
}
#about .abt-btn a:hover .stars_an{opacity: 1;}

/*image Side*/
#about .aboutarea-img { position: relative; overflow: hidden; }
#about .aboutarea-img .sm-bx{
    position: absolute;
    width: 86px;
    height: 86px;
    top: 0;
    left: 0;
    z-index: 3;
    background: #0575E6;
    clip-path: polygon(0 0, 100% 0%, 30% 30%, 0% 100%);
/*    background: transparent linear-gradient(180deg, #0575E6 0%, #021B79 100%) 0% 0% no-repeat padding-box;*/
    opacity: 0.6;
}
#about .aboutarea-img img{
    position: relative;
    width: 100%;
    transition: all .4s linear;
    border-radius: 0px 16px 16px 16px;
}
#about .imtx-bx{position: relative;}
#about .imatext {
    display: inline-grid;
    position: absolute;
    transform: rotate(-90deg);
    top: 0;
    left: 0;
    right: 0;
/*    bottom: 0;*/
}
#about .imatext h2{
    font-size: 71px;
    margin: 0;
    color: #000; 
    font-weight: 700;
    right: 70%; 
    position: relative;
    line-height: 44px;
}
#about .imatext h3{font-size: 44px;margin: 0;color:#2E8BE9;font-weight: 800;right: 75%;position: relative;}
#about .video-content {position: relative;}
#about .newvbox { 
    right: 0;
    margin-top: -25%;
    position: absolute;
    float: right;
    overflow: hidden;
}
#about .video-img img {width: 238px; height: 248px; border-radius: 24px;}
#about .v-oly {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.3;
    border-radius: 24px;
}
#about .video-icon {
    position: absolute;
    top: 42%;
    left: 0;
    right: 0;
    text-align: center;
    width: 42px;
    height: 42px;
    line-height: 44px;
    border-radius: 50px;
    margin: 0 auto;
    background-image: linear-gradient(189deg,#033A9E 46%,#2E8BE9 100%);
}
#about .video-icon:before {
    content: "";
    z-index: -1;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    display: block;
    width: 50px;
    height: 50px;
/*    background: #033A9E;*/
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}

#about .video-icon i{color: #fff;font-size: 18px;}
#about .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;
}
#about .video-overlay:target {visibility: visible;opacity: 1;}
/*#about iframe{position: relative;width: 800px;height: 450px;}*/
#about .popup {
    margin: auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 50%;
    top: 20%;
    position: relative;
    transition: all 5s ease-in-out;
}
#about .popup h2 { margin-top: 0;color: #000;font-weight: 900;}
#about .popup .close {
  position: absolute;
  top: -2px;
  right: 2px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #000;
}
#about .popup .close:hover {color: #000;}
#about .popup .content {max-height: 30%;overflow: auto;}
@media screen and (max-width: 700px){
  #about .box{
    width: 70%;
  }
  #about .popup{
    width: 70%;
  }
}

/*----------------------------------------*/
/*   facility Area
/*----------------------------------------*/

#facility {position: relative; overflow: hidden;}
#facility .section-title h2{font-size: 56px;line-height: 68px;}
#facility .section-title h1 {padding-top: 8px;}
#facility .h-brd {
    position: absolute;
    bottom: 9px;
    border-bottom: 1px solid #2E8BE9;
    left: 0;
    right: 0;
    display: inline-block;
    padding: 0 10px;
    width: 74%;
    text-align: center;
    margin: 0 auto;
    transition: 0.5s;
}
#facility .fac-btn a:hover .h-brd{border-bottom: 1px solid #fff; transition: 0.5s;}
#facility .fac-btn {
    position: relative;
    /* overflow: hidden; */
    transition: all 0.5s;
    margin-top: 3.3em;
    margin-bottom: 1em;
}
#facility .fac-btn a{
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: all 0.5s;
    font-size: 30px;
    padding: 4px 24px;
    border-radius: 50px;
    color: #2E8BE9;
    background: none;
}
#facility .fac-btn a:hover{ transition: 0.5s; background: #033A9E;color: #fff;}
#facility .fac-btn a:hover .stars_an{opacity: 1;}
#facility .main-box{position: relative;}
/*left*/
#facility .facilityus-post-boxes{ position: relative; }
#facility .facilityus-single { 
    position: relative;
    overflow: hidden;
    margin-bottom: 0em;
    padding: 2em 0.2em 3em 0.2em;
    transition: all 1s ease 0s;
}
#facility .facility-area-data{text-align: right;border-right: 3px solid #021B79;position: relative; z-index: 1;}
#facility .f-conbx{padding-right: 14px;}
#facility .hi-icon{
    position: relative;
    padding: 12px;
    background: #fff;
    width: 124px;
    height: 124px;
    border-radius: 50%;
    margin: 0 auto;
    transition: all 1s ease 0s;
    box-shadow: 0px -2px 20px 2px #c9c7c76b;
    z-index: 1;
}
#facility .icn-bx { 
    position: relative;
    font-size: 60px;
    color: #000;
    text-align: center;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: linear-gradient(-200deg,#033A9E 37%,#2E8BE9 100%);
/*    background: #858585;*/
    border-radius: 50%;
    margin: 0 auto;
    transition: all 0.5s ease;
    z-index: 1;
}

#facility .hi-icon span {z-index: 1;position: relative;transition: all 1s ease 0s;}
#facility .facilityus-single:hover .hi-icon span {transform: rotateY(180deg);transition: all 1s ease 0s;}
#facility .facilityus-single:hover .hi-icon {transition: all 1s ease 0s; box-shadow: 0px -2px 3px 8px #bbb7b7;}
#facility .facility-area-data h4{ font-size: 38px;margin: 10px 0 0px 0; font-weight: 700;position: relative;z-index: 1;}
#facility .facility-area-data p{font-size: 22px;line-height: 29px;position: relative;z-index: 1;}
#facility .facilitybx:nth-child(2){left: -5em; position: relative;}

/*even*/

#facility .facilityus-post-boxes-rhs{position: relative;  overflow: hidden;}
#facility .facilityus-single-rhs { 
    position: relative;
    overflow: hidden;
    margin-bottom: 0em;
    padding: 2em 0.2em 3em 0.2em;
    transition: all 1s ease 0s;
}
#facility .facility-area-data-rhs{text-align: left;border-left: 3px solid #021B79;position: relative;z-index: 1;}
#facility .f-conbx-rhs{padding-left: 14px;}
#facility .hi-icon-rhs{
    position: relative;
    padding: 12px;
    background: #fff;
    width: 124px;
    height: 124px;
    border-radius: 50%;
    margin: 0 auto;
    transition: all 1s ease 0s;
    box-shadow: 0px -2px 20px 2px #c9c7c76b;
    z-index: 1;
}
#facility .icn-bx-rhs { 
    position: relative;
    font-size: 60px;
    color: #000;
    text-align: center;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: linear-gradient(-200deg,#033A9E 37%,#2E8BE9 100%);
/*    background: #858585;*/
    border-radius: 50%;
    margin: 0 auto;
    transition: all 0.5s ease;
    z-index: 1;
}
#facility .hi-icon-rhs span {z-index: 1;position: relative;transition: all 1s ease 0s;}
#facility .facilityus-single-rhs:hover .hi-icon-rhs span {transform: rotateY(180deg);transition: all 1s ease 0s;}
#facility .facilityus-single-rhs:hover .hi-icon-rhs {transition: all 1s ease 0s; box-shadow: 0px -2px 3px 8px #bbb7b7;}
#facility .facility-area-data-rhs h4{ font-size: 38px;margin: 10px 0 0px 0; font-weight: 700;position: relative;z-index: 1;}
#facility .facility-area-data-rhs p{position: relative;font-size: 22px;line-height: 29px;z-index: 1;}

#facility .fac-img {
    text-align: center;
    position: absolute;
    bottom: -13em;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 0;
}
#facility .facilitybx-rhs:nth-child(2){right: -5em; position: relative;}
#facility .faccir {
    position: absolute;
    border-radius: 50%;
    width: 600px;
    height: 600px;
    border: 60px solid #EBEBFF;
    top: -50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    animation: movecir 15s infinite alternate;
    transition: 1s cubic-bezier(0.07, 0.8, 0.16, 1);
    z-index: -1;
}
@keyframes movecir {
  from {
    margin-top: 0%;
  }

  75% {
    margin-top: 25%;
  }

  to {
    margin-top: 0%;
  }
}

/*----------------------------------------*/
/*   Banner Area
===========================
/*----------------------------------------*/
#banner {position: relative;overflow: hidden;}
#banner .b-oly{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.3;
}
#banner .mainbx{width: 700px;}
#banner .cont-bx h2{
    position: relative;
    font-size: 72px;
    line-height: 96px;
    font-weight: 600;
    color: #fff;
}
#banner .cont-bx h2 span{color: #d33;}
#banner .cont-bx p{
    position: relative;
    font-size: 20px;
    color: #fff;
}

#banner .banner-btn a svg {
    position: relative;
    text-align: center;
    transition: all 0.5s;
    width: 22px;
    height: auto;
    margin-left: 5px;
    fill: #fff;
}
#banner .banner-btn a:hover svg{ animation: rotate 2s linear infinite;  }
@keyframes rotate {
  100% {
    transform: rotateY(360deg);
  }
}
#banner .banner-btn {
    position: relative;
    margin-top: 2em;
}
#banner .banner-btn a{
    position: relative;
    overflow: hidden;
   display: inline-block;
    transition: all 0.5s;
    border: 1px solid #2E8BE9;
    font-size: 27px;
    padding:6px 16px 6px 20px;
    border-radius: 50px;
    color: #fff;
    background-image: linear-gradient(90deg,#033A9E 18%,#2E8BE9 100%); 
}
#banner .banner-btn a:hover .stars_an{opacity: 1;}

/*----------------------------------------*/
/*   Skill section
/*----------------------------------------*/

#skill {position: relative; overflow: hidden;}
#skill .section-title1{margin-bottom: 4em;}
#skill .section-title1 h2{
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
}
#skill .skillus-post-boxes{ position: relative; overflow: hidden;}
#skill .skillbx { padding: 0 3em;}
#skill .skill-single { 
    position: relative;
    overflow: hidden;
    margin-bottom: 2em;
    padding: 2em 1em 2em 1em;
    transition: all 1s ease 0s;
    border-radius: 14px;
}

#skill .skill-single:hover{transition: all 0.5s;background: #2E8BE9; }
#skill .skill-single:hover .stars_an{opacity: 1;}

#skill .skill-area-data{text-align: center;position: relative; z-index: 1;}
#skill .hi-icon{
    position: relative;
    padding: 12px;
    background: #fff;
    width: 114px;
    height: 114px;
    border-radius: 50%;
    margin: 0 auto;
    transition: all 1s ease 0s;
    box-shadow: 0px 0px 8px 5px #b5b1b16b;
    z-index: 1;
}
#skill .icn-bx { 
    position: relative;
    font-size: 60px;
    color: #000;
    text-align: center;
    width: 90px;
    height: 90px;
    line-height: 90px;
    background: linear-gradient(35deg,#033A9E 37%,#2E8BE9 100%);
/*    background: #858585;*/
    border-radius: 50%;
    margin: 0 auto;
    transition: all 0.5s ease;
    z-index: 1;
}
#skill .skill-area-data h4{ font-size: 30px;margin: 1.5em 0 0px 0; font-weight: 700;position: relative;z-index: 1;}
#skill .hi-icon span {z-index: 1;position: relative;transition: all 1s ease 0s;}

#skill .skill-btn{position: relative;margin-top: 2em;text-align: center;}
#skill .skill-btn a svg {
    position: relative;
    text-align: center;
    transition: all 0.5s;
    width: 22px;
    height: auto;
    margin-left: 5px;
    fill: #fff;
    transform: rotate(90deg);
}

#skill .skill-btn a:hover svg{ animation: rotate 2s linear infinite;  }
#skill .skill-btn a{
    position: relative;
    overflow: hidden;
   display: inline-block;
    transition: all 0.5s;
    border: 1px solid #2E8BE9;
    font-size: 27px;
    padding: 4px 18px 4px 35px;
    border-radius: 50px;
    color: #fff;
    background-image: linear-gradient(90deg,#033A9E 50%,#2E8BE9 100%); 
}
#skill .skill-btn a:hover .stars_an{opacity: 1;}

/*----------------------------------------*/
/*  Pricing Area
/*----------------------------------------*/
#pricing {position: relative;overflow: hidden;transition: all 1s ease 0s;}
#pricing .single-pricing:hover .stars_an{opacity: 1;}
.pricing-area .single-pricing {
    position: relative;
    overflow: hidden;
    background: #fff;
    transition: all 1s ease 0s;
    margin-bottom: 2em;
    box-shadow: 0px 0px 20px #0000003B;
    border-radius: 27px;
    z-index: 0;
}
.pricing-area .single-pricing:hover{
    transition: all 1s ease 4s;
    background: transparent linear-gradient(180deg, #0575E6 0%, #021B79 100%) 0% 0% no-repeat padding-box;
    transition: all 1s ease 0s;
}
.pricing-area .left-c:before{
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    width: 36%;
    height: 26%;
    background-image: linear-gradient(0deg,#033A9E 40%,#2E8BE9 100%);
    transition: all 1s ease 0s;
}
.pricing-area .single-pricing:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    width: 32%;
    height: 22%;
    background-image: linear-gradient(0deg,#033A9E 40%,#2E8BE9 100%);
    transition: all 1s ease 0s;
}
.pricing-area .titlebx {
    position: relative;
    transform: rotate(-46deg);
    transition: all 1s ease 0s;
}
.pricing-area .currency-price {
/*    left: -10px;*/
    position: relative;
    color: #fff;
    font-size: 31px;
    margin: 0;
    font-weight: 600;
    word-break: break-word;
    transition: all 1s ease 0s;
/*    transform: rotate(-45deg);*/
}
.pricing-area .single-pricing h1{
    position: relative;
    font-size: 20px;
    margin: 0em;
    font-weight: 600;
/*    transform: rotate(-45deg);*/
    padding:8px 30px 10px 10px;
    left: -6%;
    transition: all 1s ease 0s;
}
.pricing-area .single-pricing h1:before, 
.pricing-area .single-pricing h1:after {
    content: "";
    width: 28%;
    height: 1px;
    border-radius: 0;
    background: #ff5449;
    position: absolute;
    top: 38%;
    opacity: 1;
    transition: all 1s ease 0s;
    z-index: 1;
}
.pricing-area .single-pricing h1:before{ right: 0%;transition: all 1s ease 0s;}
.pricing-area .single-pricing h1:after { left: -30%;transition: all 1s ease 0s;}

.pricing-area .single-pricing h4{
    border-radius: 50px 0 0 50px;
    position: relative;
    transition: all 0.3s ease 0s;
    margin: 1.3em 0 0 0;
    font-size: 24px;
    font-weight: 600;
    border: 2px solid #d33;
    border-right: 0;
    padding: 10px 0 10px 24px;
    transition: all 1s ease 0s;
}
.pricing-area ul.pricing-list {    
    transition: .5s;
    margin: 7em 1em 1em 1em;  
    text-align: left;
    transition: all 1s ease 0s;
}
ul.pricing-list li { 
    position: relative;
    font-size: 18px;
    list-style: none;
    color: #ffffff;
    font-weight: 400;
    word-break: break-word;
    margin: 0 1em 0.8em 1em;
    border-bottom: 1px solid #3ff;
    padding: 0px 0px 10px 0;
    transition: all 1s ease 0s;
}
.pricing-area ul li:before {
    content: "\f1db";
    font-family: 'Fontawesome';
    font-size: 14px;
    padding-right: 12px;
    color: #e01515;
    font-weight: 100;
    transition: all 1s ease 0s;
}
.pricing-area ul li:after {
    left: 8px;
    content: "\f111";
    font-family: 'Fontawesome';
    font-size: 8px;
    padding-right: 10px;
    color: #e01515;
    font-weight: 100;
    position: absolute;
    top: 8px;
    transition: all 1s ease 0s;
}
.pricing-area .pc-btn {  margin-top: 4em;}

.pricing-area a.btn {
    position: relative;
    display: inline-block;
    text-align: center;
    background-image: linear-gradient(-45deg,#033A9E 56%,#2E8BE9 100%);
    color: #fff;
    font-weight: 400;
    padding: 4px 28px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 17px;
    z-index: 1;
    word-break: break-word;
    transition: all 0.2s ease 0s;
    white-space: normal;
    transition: color 0.2s;
    border: none;
    margin-left: 2em;
}
.pricing-area a svg {
    position: relative;
    text-align: center;
    transition: all 0.5s;
    width: 22px;
    height: auto;
    margin-left: 5px;
    fill: #fff;
}

.pricing-area a:hover svg{ animation: rotate 2s linear infinite;  }
.pricing-area a:hover .stars_an{opacity: 1;}
/*arrow btn*/
.pricing-area a.arrbtn {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 24px;
    color: #000;
    float: right;
    right: 0.5em;
    position: relative;
    z-index: 1;
    text-align: center;
    border-radius: 50px;
    top: -0.5em;
    border: none;
    background:#fff;
/*    background-image: linear-gradient(0deg,#033A9E 26%,#2E8BE9 75%);*/
}
.pricing-area a.arrbtn i{color: #000;}
.pricing-area .btbrd{position: relative;left: 25%;transform: rotate(-45deg);}
.pricing-area .btbrd:before, 
.pricing-area .btbrd:after {
    content: "";
    width: 30%;
    height: 1px;
    border-radius: 0;
    background: #ff5449;
    position: absolute;
    /* top: 0; */
    opacity: 1;
    transition: all 0.5s ease 0s;
    z-index: 1;
}
.pricing-area .btbrd:before{ right: 0%;}
.pricing-area .btbrd:after { left: 25%;}

/*----------------------------------------*/
/*   team Area
/*----------------------------------------*/

#team { position: relative;overflow: hidden; }
#team .section-title h1{margin-bottom: 0;}
#team .team-btn {
    position: relative;
    margin-top: 2em;
    text-align: right;
}
#team .team-btn a{
    position: relative;
    overflow: hidden;
   display: inline-block;
    transition: all 0.5s;
    border: 1px solid #2E8BE9;
    font-size: 17px;
    padding:8px 26px 8px 30px;
    border-radius: 50px;
    color: #fff;
    background-image: linear-gradient(90deg,#033A9E 40%,#2E8BE9 100%); 
}
#team .team-btn a:hover .stars_an{opacity: 1;}
#team .team-btn a svg {
    position: relative;
    text-align: center;
    transition: all 0.5s;
    width: 17px;
    height: auto;
    margin-left: 14px;
    fill: #fff;
    transform: rotate(90deg);
}

#team .team-btn a:hover svg{ animation: rotate 2s linear infinite;  }
#team .team-btn a:hover .stars_an{opacity: 1;}
#team .our-team{
    position: relative;
/*    overflow: hidden;*/
    z-index: 1;
    margin-bottom: 1.2em;
    transition: all 1s ease 0s;
}
#team .single-team {     
    padding: 0 10px;
    position: relative;
/*    overflow: hidden;*/
    margin-bottom: 4.5em;
    transition: all 0.5s ease 0s;
}
#team .single-team-img img{
    width: 100%;
    height: 100%;
    transition: all 0.5s ease 0s;
    border-radius: 9px 9px;
    position: relative;
    z-index: -1;
    overflow: hidden;
}
#team .team-text{
    position: absolute;
    overflow: hidden;
    width: 88%;
/*    bottom: -4.5em;*/
    background: #d0eded;
    border-radius: 12px;
    padding: 22px 10px;
    right: 0;
    left: 0;
    margin: -2em auto 0 auto;
    transition: all 0.5s ease 0s;

}
#team .team-text:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background:#ffd95e;
    transition: all 0.5s ease 0s;
    z-index: 0;
}
#team .our-team:hover .team-text:after {top: 0;transition: all 0.5s ease 0s;}
#team .team-text h4 {
    font-size:26px;
    font-weight: 700;
    word-break: break-word; 
    color: #FE8A00; 
    margin-bottom: 2px;
    text-align: center;
    position: relative;
    z-index: 1;
}
#team .team-designation{
    color: #fff;
    word-break: break-word;
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 400;
    display: block;
    text-align: center;
    position: relative;
    z-index: 1;
}
#team .team-social-icon { text-align: center;display:none;transition: all 1s ease 0s;}
#team .our-team:hover .team-social-icon{display: block;transition: all 1s ease 0s;}
#team .team-social-icon a{ margin-left: 15px;}
#team .team-social-icon a i{
    position: relative;
    margin: 3px 2px 1px 0px;
    font-size: 18px;
    font-weight: 500;
    color: #767779;
    text-align: center;
    border-radius: 50px;
    transition: all 0.5s ease 0s;
    z-index:1;
}

/*----------------------------------------*/
/* Inner Team Page 
/*----------------------------------------*/
#team .innour-team,
#innerpage-box .our-team{display: none;}
#innerpage-box .innour-team{display: block;}

#innerpage-box .single-team {     
    padding: 0 10px;
    position: relative;
    overflow: hidden;
    width: 25%;
    margin-bottom: 1.8em;
    transition: all 0.9s;
}
#innerpage-box .single-team-img { position: relative; overflow: hidden;border-radius: 6px 6px 0 0;}
#innerpage-box .single-team-img img{ width: 100%; transition: all .7s linear;border-radius: 9px;}
#innerpage-box .team-text{
    position: relative;
    overflow: hidden;
    padding:11px 10px 11px 0;
    transition: all 0.9s;
    border-radius: 0 0px 10px 0;
}
#innerpage-box .single-team:hover .team-text{
    transition: all 0.9s;
    box-shadow: 4px 8px 10px 4px #14131312;
    margin-top: -2.5em;
    margin-left: 1em;
}
body.page-template-default #innerpage-box .team-text h2,
#innerpage-box .team-text h2 { margin: 0 0 10px 0!important;line-height:27px;}

#innerpage-box .team-designation{
    position: relative; 
    color: #534f4c; 
    word-break: break-word;
    font-size: 18px;
    margin:10px 0 8px 0;
    font-weight: 400;
    line-height:20px;
}
#innerpage-box .team-designation:after {
    content: "";
    border-bottom: 2px solid #d33;
    width: 24%;
    position: absolute;
    display: inline-block;
    margin: 6px 0 0px 15px !important;
}
#innerpage-box .team-social-icon {
    position: relative;
    margin:0px 0 0px 0;
    opacity: 1;
    transition: all 0.3s;
}
 
/*#innerpage-box .single-team-img:hover .team-social-icon{
    transition: all 0.3s;
    opacity: 1;
    animation: zoomIn .4s ease-in-out;
} */
#innerpage-box .team-social-icon a{ 
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 56px;
    background: #d33;
    text-align: center;
    margin: 0 5px 0 0;
    transition: all 0.3s;
}
#innerpage-box .team-social-icon a i{
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    transition: all 0.3s;
}
/*----------------------------------------*/
/*  Testimonials Section 
/*----------------------------------------*/
#testimonials .item.innertest-item.col-md-6{width: 100% !important;}
#testimonials {position: relative; overflow: hidden;background: #E7EDF8;}

#testimonials .innertest-item{
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 15px 10px 30px 30px;
    transition: all 1s ease 0s;
}
#testimonials .tesbox { position: relative; transition: all .4s linear; }
#testimonials .testimonials-single-area { 
    position: relative;
    overflow: hidden;
}
#testimonials .ts-area-thumb img{ 
    width: 84px ;
    height: 84px;
    position: relative;
    z-index: 1;
    transition: all 1s ease 0s;
    border-radius: 50%;
}
#testimonials .ts-area-content {
    position: relative;
    margin: 0 0 83px 0;
    transition: all 1s ease 0s;
}
.testimonials-area .ts-area-bx{
    position: relative;
    margin-left: 18px;
}
.testimonials-area .ts-area-c p {
    position: relative;
    font-size: 22px;
    font-weight: 400;
    margin: 0 0 14px 0;
    line-height: 35px;
}
.testimonials-area h3.ts-area-title {
    font-size: 26px;
    font-weight: 700;
    position: relative;
    transform: scale(1);
    transition: all 1s ease 0s;
    margin: 8px 0 8px 0;
}
#testimonials .text-designation{    
    position: relative;
    font-size: 20px;
    font-weight: 400;
}
#testimonials .icn-img {
    position: absolute;
    bottom: 1.8em;
    right: 2em;
    width: 80px;
    height: 80px;
    transform: rotate(180deg);
    transition: all 1s ease 0s;
}
#testimonials .innertest-item:hover .icn-img{transform: rotateY(180deg);transition: all 1s ease 0s;}
#testimonials .owl-carousel {display: block;transition: all 1s ease 0s;}
#testimonials .owl-nav{display: none;text-align: center;margin-top: -2em; position: relative;}
#testimonials .owl-dots {display: block;text-align: center;margin-top: 1em;}
#testimonials .owl-dot {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50px;
    background: #d33;
    margin: 0 6px;
    position: relative;
    padding: 0;
    box-shadow: none !important;
}
#testimonials .owl-dot.active{background: #000;}

/*----------------------------------------
/*  Gallery Section
/*----------------------------------------*/
#gallery{ position: relative; overflow: hidden;}
#gallery .gall-box {  padding: 12px 15px;}
#gallery .g-oly{
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to top,#000 4%,transparent 32%);
    transition: all 0.3s ease 0s;
    opacity: 0;
}
#gallery .spa-gall:hover .g-oly,
#gallery .lhsgall-img:hover .g-oly{
    top: -500%;
    transition: all 0.3s ease 0s;
    opacity: 0.3;
}
#gallery .spa-gall {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
   border-radius: 16px;
    margin-bottom: 0px;
}

#gallery .spa-gall img {
    max-width: 100%;
    height: 266px;
    vertical-align: top;
    width: 100%;
    border-radius: 16px;
}
#gallery .over-text {
    position: absolute;
    bottom: 44px;
    text-align: center;
    width: 100%;
    padding: 10px 3em;
}
#gallery .over-text h3{
    margin: 0;
    padding: 0;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
#gallery .spa-gall:hover .over-text h3{
    opacity: 1;
    transition: all 0.3s ease 0s;
}

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

#appointment {position: relative;overflow: hidden;}
#appointment .app-g {
    border-radius: 50px;
    bottom: 37%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: transparent linear-gradient(180deg, #000000 0%, #021B79 100%) 0% 0% no-repeat padding-box;
}
/*form*/
#appointment .app-form{ position: relative; overflow: hidden;}
#appointment .fm-box:before {
    margin-top: 0em;
    padding: 20px 0;
    content: "";
    position: absolute;
    left: 1em;
    right: 1em;
    top: 0;
    z-index: 1;
    border-radius: 25px 25px 0 0;
    background: transparent linear-gradient(277deg, #0575E6 0%, #021B79 100%) 0% 0% no-repeat padding-box;
}

#appointment .fm-box:after {
    margin-top: 0em;
    padding: 20px 0;
    content: "";
    position: absolute;
    left: 1em;
    right: 1em;
    bottom: 0.8em;
    top: 0;
    z-index: 0;
    border-radius: 25px 25px;
    background: transparent linear-gradient(83deg, #0575E6 0%, #021B79 100%) 0% 0% no-repeat padding-box;
}
#appointment .ht-inquiry-member-wrap {  
    position: relative;
    overflow: hidden;
    padding:1.5em 3em 0.5em 3em;
    background: #fff;
    box-shadow: 10px 10px 20px #0000001A;
    border-radius: 25px;
    z-index: 1;
    margin: 1em 0;
}
#appointment .fm-img img{
    position: relative;
    border-radius: 17px;
    margin-top: 1em;
    width: 100%;
}
#appointment .app-title h2{
    font-size: 44px;
    font-weight: 700;
    position: relative;
    color: #fff;
    padding-bottom: 26px;
    margin: 0;
}
.ht-inquiry-member-wrap input[type="text"], 
.ht-inquiry-member-wrap input[type="email"], 
.ht-inquiry-member-wrap input[type="url"], 
.ht-inquiry-member-wrap input[type="password"], 
.ht-inquiry-member-wrap input[type="search"], 
.ht-inquiry-member-wrap input[type="number"], 
.ht-inquiry-member-wrap input[type="tel"], 
.ht-inquiry-member-wrap input[type="range"], 
.ht-inquiry-member-wrap input[type="date"], 
.ht-inquiry-member-wrap input[type="month"], 
.ht-inquiry-member-wrap input[type="week"], 
.ht-inquiry-member-wrap input[type="time"], 
.ht-inquiry-member-wrap input[type="datetime"],
.ht-inquiry-member-wrap input[type="datetime-local"], 
.ht-inquiry-member-wrap input[type="color"],
.ht-inquiry-member-wrap input[type="file"],
.ht-inquiry-member-wrap textarea{    
    width: 100%;
    color: #fff;
    margin: 10px 0 20px 0;
    border-radius: 0;
    padding: 8px 20px 8px 25px;
    font-size: 14px;
    font-weight: 400;
    border: 0.5px solid #000000;
    border-radius: 5px;
    background: #fff;
    /* box-shadow: -1px 0px 10px rgba(50,50,0,0.1); */
}
.ht-inquiry-member-wrap input[type="file"] {cursor: pointer;padding: 12px 20px;}
.ht-inquiry-member-wrap select{
    border: none;
    z-index: 2000;
    width: 100%;
    color: #595959;
    margin: 0 0 25px 0;
    border-radius: 10px;
    padding: 16px 20px;
    font-size: 14px;
    height: 100px;
    background: rgba(0, 0, 0, 0.8);
}
.ht-inquiry-member-wrap textarea { height: 130px; padding:18px 10px 18px 30px;}
.ht-inquiry-member-wrap label{color:#fff;margin:0 0 1em;width: 100%;}
.ht-inquiry-member-wrap p{font-size: 16px;position: relative;}
.ht-inquiry-member-wrap input[type="submit"]{
    text-align: center;
    position: relative;
    background: #e1e1e1;
    padding: 6px 80px;
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    border-radius: 50px;
    margin-top: 0em;
    word-break: break-all;
    transition: all 0.4s;
    border: none ;
    box-shadow: none;
}
.ht-inquiry-member-wrap input[type="submit"]:hover{  transition: all 0.4s;}
.ht-inquiry-member-wrap div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: initial;
    background-image: url(../../images/ajax-loader.gif);
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}

/*right*/

#appointment .app-detail{position: relative;overflow: hidden;}
#appointment .textbx {
    position: relative;
    margin-bottom: 3em;
}
#appointment .app-detailbxinn {
    position: relative;
    overflow: hidden;
    padding:1em 1em;
}
#appointment .app-detail h3{
    font-size: 43px;
    line-height: 56px;
}
#appointment .app-detail p{
    font-size: 20px;
    line-height: 30px;
}
#appointment .app-dbx{ position: relative;}
#appointment .info-txt{
    margin: 1em 0 1.5em 0;
    transition: all 0.5s ease 0s;
    border-radius: 0;
}

/*#appointment .info-txt:hover .icnbx{ 
    transform: rotate(-10deg);
    transition: all 0.5s ease 0s;
}*/
/*#appointment .infoinnbx { padding: 0px;}*/
#appointment .infoinnbx li {
    list-style: none;
    display: inline-block;
}
#appointment .infoinnbx li:last-child{padding-left: 10px;}
#appointment .info-txt a,
#appointment .info-txt p{
    position: relative;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0em;
}
#appointment .info-txt a span,
#appointment .info-txt p span{font-weight: 600;}
#appointment .icnbx {
    position: relative;
    text-align: right;
    font-weight: 600;
    top:2px;
    transition: all 0.5s ease 0s;
}
#appointment .s-media h4{
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    color: #0575E6;
}
#appointment .s-media p{
    font-size: 18px;
    margin-bottom: 2em;
}
#appointment .info-txt i.fa-phone,
#appointment .info-txt i.fa.fa-map-marker{font-size: 28px;font-weight: 600;}
#appointment .info-txt i.fa.fa-envelope {font-size: 24px;font-weight: 600;}

#appointment .s-media{ position: relative; overflow: hidden;margin-top: 6em;}

#appointment .s-media li{ list-style: none; display: inline-block;}
#appointment .s-media li a{
    list-style: none;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    text-align: center;
    margin:0 2.3em 0.5em 0;
    transition: all 0.5s ease 0s;
    background: transparent linear-gradient(180deg, #0575E6 0%, #021B79 100%) 0% 0% no-repeat padding-box;
}
#appointment .s-media li i{
    line-height: 50px;
    font-size: 26px ; 
    color: #fff;
    font-weight: 600;
    transition: all 0.5s ease 0s;
    text-align: center;
}

/*----------------------------------------*/
/* 10. Blog Area
/*----------------------------------------*/
.blog-area {position: relative;overflow: hidden;}
.blog-area .box-area-S { 
    margin-bottom: 2em;
    padding: 0 8px;
    border-radius: 0px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.blog-area .box-area-S .blog-thumbnail{ position: relative; overflow: hidden;border-radius: 0px;}
.blog-area .blog-post{  padding: 0 5px;}
.blog-area .blog-thumbnail img{
    width: 100%;
    height: 274px;
    transform: scale(1);
    transition: all 1s ease 0s; 
    border-radius: 0px;
}
.blog-area .icnbx {
    position: absolute;
    transition: all 1s ease 0s; 
    right: 35px;
    top: -45px;
    width: 64px;
    height: 64px;
    background: #d33;
    line-height: 64px;
    border-radius: 50%;
    text-align: center;
    z-index: 4;
    border: none;
}
.blog-area .icnbx i{font-size: 34px;line-height: 64px;color: #fff;transition: all 1s ease 0s; }
.blog-area .box-area-S:hover .icnbx i{color: #d33;transition: all 1s ease 0s; }
.blog-area .icnbx::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 0 0, 0 100%);
    clip-path: polygon(0 0, 100% 0, 0 0, 0 100%);
    background-color: #fff;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    border-radius: 50%;
    transition: all 1s ease 0s; 
    border: none;
}

.blog-area .box-area-S:hover .icnbx::after {
    border: none;
    transition: all 1s ease 0s; 
    animation: sideClip 0.5s linear;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    opacity: 1;
}
@keyframes sideClip {
  0% {
    clip-path: polygon(0 0, 100% 0, 0 0, 0 100%);
  }

  50% {
    clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%);
  }

  100% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}

/*======*/
.blog-area .blog-date {
    position: relative;
    overflow: hidden;
    padding: 0;
}
.blog-area .auth{float: right;}
.blog-area .blog-date li{
    padding: 0 6px;
    display: inline-block;
    list-style: none;
    font-size: 20px;
    font-weight:300;
    position:relative;z-index: 1;
    line-height: 25px;
    text-transform: capitalize;
}
/*.blog-area .blog-date li.month{font-size: 18px;font-weight: 400;border-left:1px solid #fff; }*/
.blog-area .blog-single {    
    position: relative;
/*    overflow: hidden;*/
    padding: 25px 30px 16px 30px;
    margin-bottom: 10px;
    margin-top: -38px;
    background: #fff;
    width: 90%;
    border-radius: 10px;
    box-shadow: 2px 2px 0 0 #ccc;
    box-shadow: 0px 0px 19px #00000029;
}
/*.blog-area .b-ather {
    font-size: 18px;
    padding: 0 0 20px 0;
    border-bottom: 2px solid #ccc;
    margin-bottom: 20px;
}*/
/*.blog-area .b-ather .at1 { padding: 0;}
.blog-area .b-ather .com1 { border-left: 2px solid #000;text-align: right;padding: 0;}*/
.blog-area .b-ather i{padding-right: 14px; font-size: 16px;}
.blog-area .blog-posts h4{
    font-size: 20px;
    font-weight: 700;
    margin: 16px 0 10px;
    line-height: 29px;
    text-align: left;
    word-break: break-word;
}
.blog-area .blog-single p{font-size: 16px; margin-bottom: 0;line-height: 27px;font-weight: 400;word-break:break-word;}
/*.blog-area .blogbtn a{
    margin-top: 1em;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 8px 6px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    z-index: 1;
    border: none;
    border-radius: 0px;
    text-decoration: none;
    transition: all 0.1s ease 0.1s;
}*/

/*----------------------------------------*/
/*   Footer Area
/*----------------------------------------*/
.footer-area { position: relative;overflow: hidden;}
.footer-area .f-oly{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.8;
    transition: all 0.5s;
}
/*.footer-area .social-profile-icons ul{margin: 10px 0 0 0;}
.footer-area .social-profile-icons ul li:before{  display: none;}
.footer-area .social-profile-icons ul li{ display: inline-block;}
.footer-area .social-profile-icons ul li a {    
    display: inline-block;
    font-weight: 800;
    width: 50px;
    height: 50px;
    line-height: 52px;
    background: none;
    border-radius: 50px;
    text-align: center;
    margin: 0 4px 0 0;
    padding: 0;
    transition: all 0.8s;
    border: 2px solid #fff;
}
*/
.footer-area .fs-icn{position: relative;}
.footer-area .social-profile-icons ul li:before,
.footer-area .fs-icn li:before{display: none;}
.footer-area .social-profile-icons ul li,
.footer-area .fs-icn li{
    margin: 0 30px 10px 0;
    width: 28px;
    height: 28px;
    line-height: 28px;
    list-style: none;
    display: inline-block;
    background: #d33;
    text-align: center;
    border-radius: 50px;
}
.footer-area .social-profile-icons ul li a,
.footer-area li a {font-weight: 400;text-decoration: none;font-size: 18px;}
.footer-area .social-profile-icons ul li i,
.footer-area .fs-icn li i{padding: 0;margin: 0;font-size: 16px;font-weight: 500;}
/*=====*/
.footer-area li {display: block;margin-bottom: 15px;font-size: 15px;font-weight: 500; }
.footer-area i { padding-right: 6px;}
.footer-area .fbox { position: relative; padding-bottom: 1em;}
.footer-area li:before {
    top: -2px;
    content: "\f1db";
    font-family: 'Fontawesome';
    font-size: 11px;
    padding-right: 10px;
    position: relative;
}
.footer-area .gallery-item {padding-right: 13px;padding-bottom: 13px;}
.footer-area ul {margin: 0 0 15px 00px;}
.footer-area p { margin-bottom: 35px;line-height: 26px;font-size: 18px;word-break: break-word;}
footer#footer.footer-area .widget-title {   
    color: #feffff;
    margin-bottom: 1.5em;
    font-size: 24px;
    font-weight: 600;
}
/*footer#footer.footer-area .widget-title:after{
    content: "";
    display: block;
    width: 42px;
    height: 3px;
    margin: 6px 0 0 0;
    position: relative;
    background: #fff;
}*/
.footer-area .widget {margin-bottom: 1.1em;position: relative;}
.footer-area .single-footer-3 p{font-size: 20px ;}
.footer-area .single-footer-3 p i{padding-right: 10px;}
.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: 20px;font-weight: 400;text-align: right;}
.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;content: "";bottom: -5px;left: 2px;transition: .3s;}*/
.footer-area .bottom-area li.current_page_item a:after{position: absolute;width: 20px;height: 2px;background: #ff8b00;content: "";bottom: -5px;left: 2px;transition: .3s;}

.footer-area  ul {
    list-style: none;
    margin: 10px 0 0 0px;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}

.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], 
.footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], 
.footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], 
.footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], 
.footer-area input[type="datetime"], .footer-area input[type="datetime-local"], 
.footer-area input[type="color"], .footer-area textarea,
.footer-area select{    
    border: 1px solid #000;
    font-size: 14px;
    margin-bottom: 8px;
    padding: 10px 10px 10px 20px;
    font-style: normal;
    font-weight: 400;
    word-break: break-all;
    border-radius: 50px;
    background: none;
}
.single-footer .wpcf7 {
    margin: 0;
    padding: 0;
    position: relative;
}
.footer-area textarea {  height: 80px !important;}
.footer-area .ftnwsfm input[type="submit"]{
 position: absolute;
    top: 6px;
    right: 0;
}

.footer-area input[type="submit"]{
    box-shadow: none;
    right: 4px;
    display: inline-block;
    background: #e1e1e1;
    padding: 8px 18px;
    font-size: 14px;
    font-weight: 600;
    background-color: #fff;
    color: #1d62b8;
    position: relative;
    text-indent: -999px;
    border-radius: 0;
    transition: all 0.5s;
    border-radius: 50px;
    position: absolute;
    margin-top: 3px;
}
.footer-area input[type="submit"]:hover {
    animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    opacity: 1;
    z-index: 999;
}

.footer-area .wpcf7:after {
    content: "\f1d8";
    position: absolute;
    font-size: 16px;
    color: #fff;
    background-repeat: no-repeat;
    font-family: 'Fontawesome';
    text-align: center;
    right: 3%;
    margin: 0;
    padding-top: 15px;
    z-index: 99;
    top: -5px;
    transform: rotate(40deg);
}
.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 .bottom-area{background: #d33;}
.footer-area .single-footer { position: relative;}
/*.single-footer-1,.single-footer-2,.single-footer-3,.single-footer-4{ padding-top: 4em;}*/
.single-footer-4{ text-align:center; }
.footer-area .ft4-oly{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.2;
    border-radius: 5px;
}
.single-footer-4 .widget {margin: 0; padding: 16px 18px 0px;}
.single-footer-4  p{font-size: 14px;margin-bottom: 1em;}
/*.footer-area .single-footer-5 .social-profile-icons {
    margin-top: 9em;
}
.footer-area .single-footer-5 .social-profile-icons ul li{
    display: block;
    text-align: center;
    margin: 20px 0;
}*/
/*.footer-area .social-profile-icons i.fa { font-size: 24px; padding: 0;transition: all 0.5s;}*/
.footer-area table tr {text-align: center;line-height: 28px;}
.footer-area table td {font-size: 15px;padding: 5px;}
.footer-area .widget_calendar table thead tr th{text-align: center;}
.footer-area fieldset {   padding-top: 0;}
footer#footer .widget_calendar thead { background: transparent;box-shadow: 0 0px 3px 0 #88828252;}
.footer-area figure.gallery-item img{transition: all .5s;}
.footer-area figure.gallery-item img:hover{ opacity: 0.8;border-radius: 20px;transition: all .5s;}
.footer-area .widget_recent_entries ul li { line-height: 25px;}

/*----------------------------------------*/
/*   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 {
    position: relative;
    margin:2em 1.4em 0.8em 1.4em;
    padding:  0;
}
#innerpage-box  .tsareainn{
    position: relative;
    transition: all .8s;
    background: #D33;
/*    box-shadow: 0px 4px 14px #A49D9DD9;*/
    padding: 1em 1em 1em 0;
    border-radius: 19px;
}
#innerpage-box  .tsbx{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: 0px 0px 30px #0000001A;
    border-radius: 19px;
}
#innerpage-box .tsicn{
    width: 41px;
    height: 41px;
    border-radius: 50px;
    text-align: center;
    background: transparent linear-gradient(180deg, #0575E6 0%, #021B79 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    top: -15px;
    right: 20px;
    transition: all 3s;
}
#innerpage-box .tsicn svg {
    fill:#fff;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 3px;
    right: 0px;
    text-align: center;
    margin: 0 auto;
    top: 8px;
    transition: all .8s;
}
#innerpage-box .tsareainn:hover .tsicn{transition: all 3s; right: 90%;}
/*#innerpage-box .tsareainn:hover .tsicn svg {transition: all .8s;transform: rotateX(180deg);}*/
#innerpage-box .ts-area-thumb {
    position: absolute;
    left: -6%;
}
#innerpage-box .ts-area-thumb img {
    width: 67px;
    height: 67px;
    border-radius: 50px;
    transition: all .8s;
}

#innerpage-box .ts-area-bx { 
    position: relative;
    overflow: hidden;
    margin-top: 1em;
    margin-left: -13%;
}

#innerpage-box .ts-area-c p {
    font-size: 16px;
    margin: 0em 0px 0 0px;
    display: inline-block;
    position: relative;
    font-weight: 400;
    word-break: break-word;
    line-height: 21px;
}
#innerpage-box .text-designation {    
    font-size: 16px;
    font-weight: 400;
    transition: all .8s;
    
}
#innerpage-box .tsareainn:hover .text-designation {font-weight: 600;transition: all .8s;letter-spacing: 2px;}
#innerpage-box h3.ts-area-title {
    position: relative; 
    margin: 0px 0 1em 0px !important;
    transition: all .8s;
    font-weight: 500 !important;
}

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

#innerpage-box .lz-gallery-images {position: relative;overflow: hidden;margin-bottom: 2em;}
#innerpage-box .img-wrapper {overflow: hidden;position: relative;}
#innerpage-box .lz-gallery-images img {
    transition: 0.5s all;
    width: 100%;
    border-radius: 16px;
}
#innerpage-box .lz-gallery-images .overlay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    transition: all 0.3s ease 0s;
    border-radius: 16px;
}
#innerpage-box .lz-gallery-images:hover .overlay{
    transition: all 0.4s ease 0s;
    opacity: 0.6;
}

#innerpage-box .lz-gallery-images .over-text{
    position: absolute;
    top:40%;
    left: 5px;
    right: 5px;
    margin: 0 auto;
    text-align: center;
    transition: all 0.4s ease 0s;
}
#innerpage-box .lz-gallery-images:hover .over-text h3{opacity: 1;transition: all 0.4s ease 0s;}
#innerpage-box .lz-gallery-images .over-text h3{
    position: relative;
    padding: 0;
    margin-bottom: 0 !important;
    color: #fff ;
    word-break: break-word;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-weight: 600 !important;
    opacity: 0;
}

/*--------------------------------------------------------------
## 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 20px;}
#innerpage-box .service_inbox{
    overflow: hidden;
    position: relative;
    transition: all .3s;
    box-shadow: 0px 0px 31px #00000029;
    border-radius: 21px;
    padding: 10px;
}
#innerpage-box .singleinner-service {
    margin-bottom: 20px;
    transition: all .3s;
    padding: 28px 20px;
    position: relative;
    overflow: hidden;
}
#innerpage-box .singleinner-service .service_inimg {position: relative; overflow: hidden;transition: all .3s;}
#innerpage-box .singleinner-service .service_inimg img {
    position: relative;
    overflow: hidden;
    width: 100%;
/*    height: 300px;*/
    transition: all .3s;
    border-radius: 11px;
    transition: all .4s linear;
    width: 100%;
}
#innerpage-box .service_inbox:hover .service_inimg img{
    transform: scale(1.2);
    transition: all .4s linear;
    transform-origin: left center;
}

#innerpage-box .serbx {
    padding: 0em 0 0 1em;
    position: relative;
}
#innerpage-box .serbx h1{margin: 0 0 0.1em 0!important;font-size: 31px !important;line-height: 45px;}
#innerpage-box .serbx p{
    font-size: 16px;
    line-height: 29px;
    font-weight: 400;
    margin-bottom: 0;
    padding:0px 0;
}

#innerpage-box .serbtn a{
    margin-top: 15px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    z-index: 1;
    transition: all .3s;
    text-decoration: none;
    border-radius: 50px;
    background: transparent linear-gradient(269deg, #0575E6 0%, #021B79 100%) 0% 0% no-repeat padding-box;
}
#innerpage-box .serbtn a svg {
    position: relative;
    text-align: center;
    transition: all 0.5s;
    width: 14px;
    height: auto;
    margin-left: 5px;
    fill: #fff;
}

#innerpage-box .serbtn a:hover svg{ animation: rotate 2s linear infinite;  }
#innerpage-box .serbtn a:hover .stars_an{opacity: 1;}

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

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

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

/*====## Contact Template ==========
====== {contact Inner Page} ========*/
#innerpage-box { position: relative; overflow: hidden;}
#innerpage-box .cont-g{
    border-radius: 50px;
    bottom: 0%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: transparent linear-gradient(180deg, #000000 0%, #021B79 100%) 0% 0% no-repeat padding-box;
}
#innerpage-box .contact-address-area {
    position: relative;
    margin: 2em 0 0em 0; 
/*     overflow: hidden;*/
 }
#innerpage-box .cntlhsbx { position: relative;/* overflow: hidden;*/ margin: 3.4em 0em 2em 1em;}
#innerpage-box .cntlhsbx h1{
    font-size: 43px;
    font-weight: 600;
    color:#fff;
    margin: 0 0 1em 0 !important;
}
#innerpage-box .cntpgbx { position: relative; margin: 0; transition: all 0.5s ease 0s;}
#innerpage-box .cntpgicn{
    position: relative;
    font-weight: 600;
    transition: all 0.5s ease 0s;
    width: 62px;
    height: 56px;
    line-height: 70px;
}

#innerpage-box .cntpgicn i.fa-phone, 
#innerpage-box .cntpgicn i.fa.fa-map-marker {
    font-size: 30px;
    font-weight: 600;
}
#innerpage-box .cntpgicn i.fa.fa-envelope {
     font-size: 22px;
    font-weight: 600;
}
#innerpage-box .cntpgtxt{  padding:12px 10px 5px 10px;}
#innerpage-box .cntlhsbx p{    
    font-size: 18px;
    margin-bottom: 2.5em;
    font-weight: 300;
}
#innerpage-box .cntpgtxt p {
    position: relative;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0em;
    word-break: break-all;
}
#innerpage-box .cntpgtxt p span{font-weight: 600;}
#innerpage-box .cntlhsbx .s-box h3{
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}
#innerpage-box .cntlhsbx .s-box {font-size: 18px ; margin-bottom: 0;color:#fff;}
#innerpage-box .cntlhsbx .s-box li{list-style: none;display: inline-block;}

#innerpage-box .cntlhsbx .s-box li a{
    position: relative;
    overflow: hidden;
    width: 46px;
    height: 46px;
    line-height: 48px;
    border-radius: 50px;
    font-size: 28px;
    font-weight: 600;
    background: #fff;
    text-align: center;
    display: block;
    margin-right: 1em;
}
#innerpage-box .cntlhsbx .s-box li a i{color: #021B79;}

/*form*/
/*******/
#ht-contactus-wrap .contact-form{ position: relative;}
#innerpage-box .contact-address-area .contforminn { 
    position: relative;
    border-radius: 25px;
/*    margin: 3em 0 0 0;  */
    bottom: -3em;
}
#ht-contactus-wrap{
    position: relative;
    overflow: hidden;
    padding: 1.5em 3em 1.5em 3em;
    background: #fff;
    box-shadow: 10px 10px 20px #0000001A;
    border-radius: 25px;
    z-index: 1;
    margin: 1em 0;
}
#innerpage-box .contact-address-area .contforminn:before {
    margin-top: 0em;
    padding: 20px 0;
    content: "";
    position: absolute;
    left: 1em;
    right: 1em;
    top: 0;
    z-index: 1;
    border-radius: 25px 25px 0 0;
    background: transparent linear-gradient(277deg, #0575E6 0%, #021B79 100%) 0% 0% no-repeat padding-box;
}

#innerpage-box .contact-address-area .contforminn:after {
    margin-top: 0em;
    padding: 20px 0;
    content: "";
    position: absolute;
    left: 1em;
    right: 1em;
    bottom: 0em;
    top: 0;
    z-index: 0;
    border-radius: 25px 25px;
    background: transparent linear-gradient(83deg, #0575E6 0%, #021B79 100%) 0% 0% no-repeat padding-box;
}

#innerpage-box .contact-address-area .ctform { position: relative;}
#ht-contactus-wrap .maintle{ 
    position: relative;
    font-size: 44px;
    font-weight: 600;
    margin: 0px 0 0em 0;
    text-align: left;
    word-break: break-word;
}


#innerpage-box .contact-mapbox iframe { width: 100%; height: 400px;}
#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 {
    margin-top: 2em;
    border: 1px solid #fff;
    font-size: 14px;
    padding: 8px 20px;
    border-radius: 5px;
    font-weight: 400;
    background: #f3f3;
}
#ht-contactus-wrap textarea {   height: 130px;}
#ht-contactus-wrap input[type="submit"] {
    padding: 6px 80px;
    margin-top: 0.8em;
    font-weight: 400;
    font-size: 24px;
    display: inline-block;
    border-radius: 0;
    box-shadow: none;
    border-radius: 50px;
    transition: all 1s ease 0s;
    background: transparent linear-gradient(270deg, #0575E6 0%, #021B79 100%) 0% 0% no-repeat padding-box;
}

#innerpage-box .contact-mapbox{
    position: relative;
    margin-top: -3em;
    z-index: -1;
}
/*-----------------------
## FAQS page
-----------------------------*/
.faq_tp {padding-bottom: 3em;text-align: center;}
.faq_tp .faq-heading{
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 11px;
    position: relative;
    word-break: break-word;
    margin-bottom: 0px;
    display: inline-block;
}
#content-box .faq-content .cnm {
    position: relative;
    text-align: center;
    background: transparent linear-gradient(180deg, #0575E6 0%, #021B79 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
}
#content-box .faq-content .cnm:after{
    content: '';
    top: 11px;
    position: absolute;
    z-index: -1;
    border-style: solid;
    transition-duration: 0.3s;
    right: -18px;
    border-width: 13px 0 14px 25px;
    border-color: transparent transparent transparent #b92525;
    border-radius: 50px;
}
div#content-box .faq-content button.accordion {
    color: #444;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    margin: 0 0 0em 0;
    background:none;
    padding: 0px 0px 0px 0px;
    border: none;
    transition: all 0.2s ease 0s;
    box-shadow:none;
    border-radius: 0;
    position: relative;
}
div#content-box .faq-content button.accordion.active .faq-title{border-radius: 16px 16px 0 0 !important;}
div#content-box .faq-content button.accordion.active, 
button.accordion:hover {transition: all 0.2s ease 0s;opacity: 1;}

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

/*div#content-box .faq-content button.accordion:before {
    content: "\f078";
    font-family: 'Fontawesome';
    font-size: 24px;
    color: #000;
    
    right: -34px;
    position: absolute;
    top: 19px;
    font-weight: 400;
    line-height: 16px;
    transition: all 0.2s ease 0s;
}
div#content-box .faq-content button.accordion.active:before {
    content: "\f077";
    font-family: 'Fontawesome';
    transition: all 0.2s ease 0s;
    top: 19px;
}
div#content-box .faq-content button.accordion.active:before{color: #d33;}*/
div#content-box .faq-content div.panel {
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin: 0px 0 18px 0;
    border: none;
   /* background: linear-gradient(0deg,#8972ea,#516ced 80%) no-repeat;*/
    border-radius: 0 0 ;
    padding: 1px 20px 1px 20px;
    box-shadow:none;
    margin-bottom: 3em;
}
/*div#content-box .faq-content div.panel{  border: 1px solid #000;border-top: none;}*/
div#content-box .faq-content div.panel.show {
    background: #f3f3;
    opacity: 1;
    max-height: 500px;
    padding: 5px 40px 15px 50px;
/*    border: 2px solid #000;*/
    margin-top: -11px;
    border-radius: 0 0 16px 16px;
    
}
div#content-box .faq-content div.panel p{
    margin: 0px 0 0px 0;
    line-height: 30px;
    font-size: 20px;
    font-weight: 300;
}
main#innerpage-box div#content-box h3.faq-title {
    margin: 0;
    font-weight: 600;
    line-height: 30px;
    word-break: break-word;
    text-align: left;
    font-size: 24px;
    padding: 20px 10px 20px 50px;
    background: #0570E0;
    border-radius: 16px;
}
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;
}

/*new*/
#content-box  .faq-content:nth-child(odd) .accordion .cnm{position: absolute !important;left: 0;}
#content-box  .faq-content:nth-child(odd) .panel{float: right;width: 91.6%;}

#content-box  .faq-content:nth-child(even) .accordion .cnm{position: absolute !important;right: 0;}
#content-box  .faq-content:nth-child(even) .accordion h3.faq-title{left: -8%;position: relative;}  
#content-box .faq-content:nth-child(even) .panel{width: 91.7%; right: -1%; position: relative;}
#content-box .faq-content:nth-child(even) .cnm:after {transform: rotate(180deg);right: 80%;}

/*-----------------------
## End FAQS page
-----------------------------*/

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


article.slider, article.hentry{height: auto;}
/* Catalogue slider Start */

.slider {width: 86%;position: relative;height: 490px;margin: auto;overflow-x: scroll;overflow-y: hidden;}
.slider::-webkit-scrollbar {display: none;}
.slider .slides { display: flex;position: absolute;left: 0;transition: 0.3s left ease-in-out;}
.slider .slide-item { margin-right: 35px;width: 334px;margin-left: 0;}
.slider .slide-item:last-child {margin-right: 0;}

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

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

/*.widget-area form#searchform input[type="submit"] {
    display: block;
    position: relative;
    text-align: center;
    padding: 12px 35px !important;
    border-radius: 35px!important;
    z-index: 999 !important;
    background: transparent;
    overflow: hidden;
    border: none;
    box-shadow: none;
    float: right !important;
    position: absolute!important;
    right: 0px !important;
    text-indent: -999px !important;
    width: 0% !important;
    z-index: -999 !important;
}
.widget-area form#searchform input[type="submit"]:hover {
    animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    opacity: 1;
    z-index: 999;
}
.widget-area form#searchform:after {
    position: absolute;
    margin-top: -19.3%;
    font-size: 16px;
    left: 7%;
    text-align: center;
    color: #fff;
    background: #000;
    background-repeat: no-repeat;
    height: 42px;
    line-height: 42px;
    width: 42px;
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
    border-radius: 50px;
    opacity: 1;
}*/

.widget-area form#searchform input[type="submit"] {
     position: absolute!important;
    box-shadow: none;
    /* display: block; */
    position: relative;
    text-align: center;
    padding: 6px 20px !important;
    border-radius: 50px!important;
    background: #000 ;
    overflow: hidden;
    border: none;
    box-shadow: none;
    /* float: right !important; */
    position: absolute!important;
    /* right: 0px !important; */
    text-indent: -999px !important;
    width: 0% !important;
    z-index: -999 !important;
    margin: 0 0 0 0;
    bottom: 24px;
    left: 20px;
}
.widget-area form#searchform:hover input[type="submit"],
.widget-area form#searchform input[type="submit"]:hover {
    animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    opacity: 1;
    z-index: 999 !important;
}

.widget-area form#searchform:after {
    position: absolute;
    margin-top: -19.3%;
    font-size: 16px;
    left: 7%;
    text-align: center;
    color: #fff;
    background: #000;
    background-repeat: no-repeat;
    height: 42px;
    line-height: 42px;
    width: 42px;
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
    border-radius: 50px;
    opacity: 1;
}
/*end*/
.home-page {  padding: 0 0 30px 0;}
#innerpage-box{padding:2em 1em 1em;margin-top: 2em;}
/*.single-post .ht-main-title { margin: 0px 0 15px; padding: 15px 15px 0;}*/
/*.innerpage-whitebox{  padding: 0 0em;}*/
#content-box h4{ margin: 20px 0 5px 0; }
#content-box ul{ padding: 0 0 20px 10px;list-style: none;font-size: 18px;margin: 0;}
#content-box ol{ font-size: 18px;}
#content-box ol ol {   margin-left: 5px !important;}
#content-box ul ul {   margin-left: 20px !important;}
#content-box ul li:before {
    text-align: center;
    /* padding: 6px; */
    /* 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);
/*    border: 2px solid #000;*/
    transition: all 0.5s ease 0s;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    line-height: 30px;
}
#content-box ul li:hover:before { transform: scale(1.4);}
.widget-area ul li:before {
    /*content:"\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #f72985;
    font-size: 10px;
     display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;*/
    display: none;
}
/*.widget-area ul li:hover:before {  transform: scale(1.4);}*/
#content-box ol li:before {
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
#content-box ol li:hover:before { transform: scale(1.2);}
main#innerpage-box #content-box ol {  margin: 0;}
#content-box ol {counter-reset: li;list-style: none;/*list-style: decimal;*/}
#content-box ol li {
    margin-top: 1em;
    position: relative;
    padding-left: 3.5em;
    min-height: 60px;
    padding-top: 4px;
}
/*#content-box ol li:after {
    background: #76B801;
    content: "";
    width: 36px;
    line-height: 36px;
    height: 36px;
    position: absolute;
    left: 0;
    top: -3px;
    z-index: -1;
    text-align: center;
    left: 0;
    right: 0;
}*/
#content-box ol li:before {
    content: counter(li);
    counter-increment: li;
    color: #fff;
    background: #f07100;
    border-radius: 50px;
    font-size: 18px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-weight: 600;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    left: 3px;
}
.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;}

/*page css*/
/***********/
#content-box ul li:before, main#innerpage-box div#sitemap-box ul li a:before {
    color: #000;
    background: transparent linear-gradient(180deg,#0575E6 0%,#021B79 100%) 0% 0%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/
.error404 .error-404{
    display: block;
    text-align: center;
    font-size: 200px;
    color: #f9f9f9;
    line-height: 1.2;
    /*font-family: josefin sans,sans-serif;*/
    color: #222;
    font-size: 220px;
    letter-spacing: 10px;
    margin: 0;
    font-weight: 700;
    text-shadow: 2px 2px 0 #c9c9c9, -2px -2px 0 #c9c9c9;
}

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

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

.widget-area ul ul {
    margin-top: 5px;
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
main#innerpage-box #sidebars li {font-size: 15px;margin:0 0px;}
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: 18px;font-weight: 600 !important;}
.single-productpage h2.woocommerce-loop-product__title {line-height: 33px; word-break: break-word;}
main#innerpage-box div#commentsAdd textarea#comment {background: transparent;}
div#respond textarea#comment { background: transparent;}
div#comments input[type="submit"] {padding: 10px 20px;border-radius: 5px;height: 50px;}
main#innerpage-box .woocommerce-product-search .search-field {border: 1px solid #e9e7e7;background: transparent;}
.woocommerce div.product .woocommerce-tabs .panel {background: transparent !important;border: none !important;}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, .woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, 
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, .woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]{opacity: 1;}
div#secondary .social-profile-icons ul li i {
    padding: 15px 7px 0px 7px;
    margin: 0;
    font-size: 20px;
}

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

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

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

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

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

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

/*-----------------------
## Blog Inner Page 
-----------------------------*/
#innerpage-box .inner-blog-post{
    margin: 0em 0em 1em 0em;
    position: relative;
    float: left;
    padding: 0 14px;
}
#innerpage-box .inner-blogpost {
    margin: 0em 0em 2em 0em;
    position: relative;
    float: left;
    overflow: hidden;
    padding: 0 0px;
}
#innerpage-box .inner-blogpost .ht-blog-thumbnail { overflow: hidden; position: relative;}
#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
/*    height: 300px;*/
    transform: scale(1);
    transition: all 1s ease 0s;
    border-radius: 7px;
}

#innerpage-box .inner-blogpost-bx {
    position: relative;
/*    overflow: hidden;*/
    padding: 0px;
}
#innerpage-box .inner-blogpost-info {
    position: relative;
    overflow: hidden;
    padding: 14px 20px 14px 20px;
    border-radius: 14px;
    box-shadow: 0px 0px 19px #00000029;
    margin-top: -3em;
    background: #fff;
    width: 92%;
}
#innerpage-box #blog-box h2{
    font-weight: 600;
    word-break: break-word;
    margin: 0px 0 10px 0;
    line-height: 29px;
}
#innerpage-box .inner-blog-excerpt p,
#innerpage-box .inner-blog-excerpt {
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    word-break: break-word;
    padding: 0px 5em 0 0;
    position: relative;
}
#innerpage-box .bloginnbtn {
    position: relative;
    display: inline-block;
}
#innerpage-box .bloginnbtn a{ 
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    transition: all 0.1s ease 0.1s;
}
#innerpage-box .bloginnbtn a:hover{
    letter-spacing: 1px;
    transition: all 0.1s ease 0.1s;
}
#innerpage-box .blog-date {
    position: relative;
    overflow: hidden;
    padding: 10px 10px 10px 14px;
    width: 92%;
    background: #d33;
    border-radius: 14px;
    margin-top: 1em;
}
#innerpage-box .auth{float: right;}
#innerpage-box .blog-date li{
    padding: 0 6px;
    display: inline-block;
    list-style: none;
    font-size: 20px;
    font-weight:400;
    position:relative;z-index: 1;
    line-height: 25px;
    text-transform: capitalize;
}
#innerpage-box .blog-date li i{padding-right: 10px;}
/*--------------------------------------------------------------
## Inner Page Heading
--------------------------------------------------------------*/
body.page-template-default main#innerpage-box h1,
body.page-template-default main#innerpage-box h2,
body.page-template-default main#innerpage-box h3,
body.page-template-default main#innerpage-box h4,
body.page-template-default main#innerpage-box h5,
body.page-template-default main#innerpage-box h6,

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

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

 
#secondary .widget_search .widget-title:before,
#secondary .widget_search .widget-title:after,
#sidebars .widget_search .widget-title:before,
#sidebars .widget_search .widget-title:after{ display: none;}
#secondary .widget_search .widget-title,
#sidebars .widget_search .widget-title{color: #fff !important;font-weight: 400 !important;}
#sidebars .sidebar,
div#secondary.widget-area .widget {     
    border-radius: 0;
    box-shadow: none;
    padding-bottom: 8px;
    margin: 0px 2px 2em 2px;
/*    border: 2px solid #000;*/
    background: #F8F8F8;
/*    box-shadow: 0px 3px 20px #00000029;*/
}
#sidebars .widget_nav_menu .menu a,
#secondary .widget_nav_menu .menu a{color: #fff;}

main#innerpage-box .tagcloud a,
#sidebars .widget_recent_entries a,
#secondary .widget_recent_entries a{color: #000;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*@media screen and (max-width: 1600px){

}*/

@media screen and (max-width: 1500px){
    #slider_section .slidimgbx .slide-mainimg{height: 700px;}
    #slider_section .up-brd:before{transform: rotate(126deg);}
    #slider_section .low-brd:before {right: -8%;}
}

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

@media screen and (max-width: 1024px){
    #slider_section .up-brd:before { transform: rotate(122deg);}
    #slider_section .up-brd:after{transform: rotate(121deg);}
    #slider_section .low-brd:before{transform: rotate(121deg);}
    #slider_section .low-brd:after{transform: rotate(120deg);}
    .pricing-area .btbrd{display: none;}
    .pricing-area .single-pricing h4 {font-size: 16px;}
    .pricing-area .titlebx { transform: rotate(-58deg);}
    .pricing-area .currency-price { font-size: 22px;}
    .pricing-area .single-pricing h1:before, .pricing-area .single-pricing h1:after { top: 52%;}
    .pricing-area .single-pricing h1 {
    position: relative;
    font-size: 14px;
    padding: 18px 30px 10px 10px;
    left: -22%;
}
}
@media only screen and (max-width: 1299px) {
header .Hbtn a i { font-size: 10px; padding: 1px 1px; margin-right: 6px;}
.navigation .mainmenu li {  margin: 0 6px;}
#slider_section .slidimgbx .slide-mainimg{height: 600px;}
#slider_section #big button.owl-next { right: 70.2%;}
div#slider_section:after { top: 76.5%;}
#slider_section .swiperarrowbtn { right: 1%;}
#team .team-btn a {padding: 8px 20px 8px 20px;}
#innerpage-box .cntpgbx { margin: 0em 0em 0em 0em;}
#innerpage-box .inner-blogpost{margin: 0 ;}
/*.widget-area form#searchform:after {  margin-top: -22%;}*/
#facility .facilityus-single:after,
#facility .facilityus-single:before{display: none;}
}

@media only screen and (max-width: 1292px) {
    #appointment .s-media { margin-top: 1em;}
    #appointment .app-g {bottom: 28%;}
}
@media screen and (max-width: 1200px){
 .ct-btn-scroll{ bottom: 20px; }
 .new-page.menu-new{
    display:none;
}
}
@media screen and (max-width: 1199px){
header .Hbtn a{font-size: 18px; }
#slider_section .ht-slide-caption { top: 18%;}
#slider_section .ht-slide-cap-title {line-height: 90px;}
#slider_section .swiperarrowbtn { right: 0%;}
#about .about-area-data {left: 0;}
#about .section-subtext p { margin: 0em 0px 0em 0;}
#about .newvbox { margin-top: -1em;}
.course-area .single-course-bx {  padding: 0 10px;}
.course-area .course-bx li { padding-right: 0px;}
.course-area .single-course {  padding: 26px 10px 6px 10px;}
.course-area .stake {top: 6px;font-size: 12px;padding: 0 0 0 10px;}
#skill .skillbx { padding: 0 4px;}
.service-area .single-service-bx {padding: 0 1em; }
#team .team-text h4 { font-size: 22px;}
#team .team-designation { font-size: 16px;}

#testimonials .ts-area-thumb img {width: 74px;height: 74px;}
#appointment .info-txt a, #appointment .info-txt p{font-size: 18px;}
.blog-area .blog-single {  padding: 20px 15px;}
#innerpage-box .contact-address-area .contforminn:after {bottom: 0.8em;}
#innerpage-box .inn-single-service-bx {padding: 0 10px;}
#innerpage-box .ts-area-thumb {left: -8%;}
#innerpage-box .ts-area-bx {left: 3%;}
#innerpage-box .lz-gallery-images img { height: 400px !important;}
#innerpage-box .inner-blog-excerpt p, #innerpage-box .inner-blog-excerpt {  padding: 0px 0em 0 0;}
#innerpage-box .blog-date li { font-size: 16px;}
#innerpage-box .blog-date li i {padding-right: 4px;}
#innerpage-box .cntlhsbx { margin: 3em 0em;}
#innerpage-box .cntpgtxt { padding: 12px 10px 5px 44px;}
.widget-area form#searchform:after {  margin-top: -28%;}
#innerpage-box .singleinner-service {   padding: 8px;}
.footer-area .social-profile-icons ul li, .footer-area .fs-icn li {margin: 0 20px 10px 0;}
.footer-area .wpcf7:after { right: 5%; }

}

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

@media screen and (max-width: 1024px){
div#slider_section:after { top: 71.5%;}
#slider_section .swiperarrowbtn {  right: 0%;}

}

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

@media screen and (max-width: 1000px){
    /*div#slider_section:after { display: none;}
    #slider_section .thumb-area .owl-carousel button.owl-prev,
    #slider_section .thumb-area .owl-carousel button.owl-next{display: none;}*/
    .toggle-bar{
     display: block;
     position: absolute;
     top: -35px;
     right: 35px;
     width: 50px;
     background: #fe5722;
     cursor: pointer;
     text-align: center;
     color: #fff;
     padding: 20px 0;
     cursor: pointer;
 }

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

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

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

@media (max-width: 992px){
.sf-arrows .sf-with-ul:after{ right: 30px !important;}
.ht-site-title, .site-title { font-size: 23px;}
.top-bar-head .head-menu { padding-right: 0;}
 .logo { position: relative; 
    top: 0px !important;
    background: none !important;
    padding: 0;
}

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

.navigation .mainmenu li:hover ul li:hover > ul{display: inline-block !important;left: 0;position: relative;}
.dlab-topbar-right {padding-left: 0;padding-right: 15px;}
.dlab-topbar-left{
    padding-right: 0;
}
}

@media screen and (max-width: 991px) {
.top-bar-head { padding: 5px 0 5px 0;}
.home.page-template .site-header { position: relative;}
header .h-ph { margin: 5px auto;}
header .mobnone1{padding-top: 7px;}
header .Hbtn p{padding: 8px 0 5px;}
.page-main-header{padding-top: 4em !important; padding-bottom: 4em !important;}
.site-navigation{background:none ; padding: 0px 0em 0;float: right;}
.site-header {position: relative;background: #000;}
#slider_section .up-brd:before ,#slider_section .up-brd:after, #slider_section .low-brd:before,
#slider_section .low-brd:after{display: none;}
#slider_section .slidimgbx .slide-mainimg { height: 500px;}
#slider_section .ht-slide-caption { width: 96%;}
#slider_section .swiperarrowbtn { display: none; }
#slider_section #big button.owl-prev,
#slider_section #big button.owl-next{display: none;}
#slider_section .ht-slide-cap-title { font-size: 60px; line-height: 60px;  }
#slider_section .sliderbtn { margin-top: 0em;}
#slider_section .slider-btn a { font-size: 20px;padding: 4px 16px 4px 20px; }
#about .newvbox {margin-top: 1em;position: relative;float: left;}
#about .abtsection-title h2 {font-size: 38px;line-height: 1.2;margin: 4px 0;}
#about .abtsection-title h1 { font-size: 30px;margin: 0;}
#about .abt-rbx{position: relative; padding-top: 1em;}
#about .hi-icon { text-align: center;}
#about .about-area-data { left: -15px;}
#about .aboutus-single { margin-top: 1em;}
#about .abt-btn a {font-size: 18px;}
#about .abt-btn { margin-top: 0.5em;}
#skill .skill-area-data h4 { font-size: 20px;margin: 1em 0 0px 0;}
#skill .skill-btn { margin-top: 10px;}
#skill .skill-single {margin-bottom: 1em;padding: 1em 1em 1em 1em;}
#skill .skill-btn a {font-size: 20px;}
#skill .section-title1,
.section-title { margin-bottom: 1em;margin-top: 0;}
#facility .facilitybx:nth-child(2) {left: 0;}
#facility .facilitybx-rhs:nth-child(2) {right: 0;}
#facility .fac-img { bottom: -5em;  display: none;}
#appointment .fm-box:before{display: none;}
.pricing-area .single-pricing{padding: 1.5em 1em 1em 1em;}
.pricing-area .left-c:before {width: 100%;}
.pricing-area .titlebx { transform: rotate(0deg);text-align: center;}
.pricing-area .single-pricing h1 {left: 0;right: 0;text-align: center;padding: 8px 0;}
.pricing-area .btbrd,
.pricing-area .single-pricing h1:before, .pricing-area .single-pricing h1:after{display: none;}
.pricing-area .sm-bx:nth-child(2) .single-pricing .left-c:before, 
.pricing-area .single-pricing:hover .left-c:before { background-image: none !important;}
.pricing-area .single-pricing h4{margin: 0;}
.pricing-area ul.pricing-list { margin: 1em 0em 0em 0em;}
ul.pricing-list li {margin: 0 0em 0.8em 0em;}
.pricing-area .pc-btn { margin-top: 1em;}
.pricing-area a.arrbtn {right: 0em;}
#facility .facilityus-single,#facility .facilityus-single-rhs {padding:1em 0; }
.ht-inquiry-member-wrap input[type="text"], .ht-inquiry-member-wrap input[type="email"], 
.ht-inquiry-member-wrap input[type="url"], .ht-inquiry-member-wrap input[type="password"], 
.ht-inquiry-member-wrap input[type="search"], .ht-inquiry-member-wrap input[type="number"], 
.ht-inquiry-member-wrap input[type="tel"], .ht-inquiry-member-wrap input[type="range"], 
.ht-inquiry-member-wrap input[type="date"], .ht-inquiry-member-wrap input[type="month"], 
.ht-inquiry-member-wrap input[type="week"], .ht-inquiry-member-wrap input[type="time"], 
.ht-inquiry-member-wrap input[type="datetime"], .ht-inquiry-member-wrap input[type="datetime-local"], 
.ht-inquiry-member-wrap input[type="color"], .ht-inquiry-member-wrap input[type="file"], 
.ht-inquiry-member-wrap textarea {padding: 10px 10px 10px 10px; font-size: 16px;}
.ht-inquiry-member-wrap input[type="submit"] {padding: 8px 10px;font-size: 16px;}
.service-area .single-service-bx { padding: 0 10px;margin-bottom: 1em;}
.service-area .service-icon img {height: 300px;}
.service-area .sertxbx {padding: 0em 10px; }
.service-area .serbtn a {padding: 4px 6px;font-size: 16px;}
#team .team-social-icon a { margin-left: 10px;}
#team .team-text { padding:15px 8px 22px 15px; }
#team .team-btn a { padding: 8px 15px 8px 15px;}
.testimonials-area .ts-area-bx {margin-left: 0px;}
.testimonials-area .ts-area-c p {font-size: 18px;}
#testimonials .ts-area-content { margin: 0px 0 20px 0;}
#appointment .app-detail h3 { font-size: 30px; line-height: 38px;}
#appointment .s-media li a { margin: 0 1em 0.5em 0;}
#appointment .info-txt a, #appointment .info-txt p {font-size: 16px;}
#appointment .ht-inquiry-member-wrap {padding: 2em 1em 2em 1em;}
#appointment .app-title h2 {  font-size: 24px;  padding-bottom: 0.5em;}
#appointment .icnbx{text-align: center;top:0;}
#appointment .s-media li i{font-size: 18px;}
#appointment .fm-box:after{display: none;}
#appointment .app-detailbxinn {padding: 0em 0em;}
.blog-area .box-area-S { margin-bottom: 1em;}
#about,#team,#testimonials,#gallery,#appointment,#banner,#skill,#pricing,
#blog ,#ourclient,#service,#facility{ padding: 2em 0 !important;}
#innerpage-box .ts-area-thumb { left: -5%;}
#innerpage-box .ts-area-bx { left: 0%;}
#innerpage-box .lz-gallery-images img { height: 300px !important;}
footer#footer.footer-area .widget-title { margin-bottom: 15px;}
#footer{ padding: 2em 0 0em 0em !important;}
#innerpage-box {  padding: 0em 0em ;}
blockquote { padding: 2em 1em 5em 1em !important;}
#innerpage-box .team-social-icon li{
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    margin: 4px 12px 4px 0;
}
#innerpage-box .cntpgicn{margin: 0 auto;}
#innerpage-box .single-team { width: 33.33%;}
#ht-contactus-wrap .conforminn{margin: 0; padding: 1em 0em;}
#innerpage-box .contact-address-area .ctform {padding: 0 1em;}
#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 {margin-top: 1em; padding: 10px 10px;}
#ht-contactus-wrap input[type="submit"] {padding: 8px 34px;font-size: 18px;}
#innerpage-box .contact-address-area .contforminn { padding: 1em 0em;}
#innerpage-box .cntlhsbx .s-box li a {margin-right: 0.2em;}
#innerpage-box .cntlhsbx p {  margin-bottom: 1em;}
#innerpage-box .cntlhsbx h1 { margin: 4px 0 4px 0 !important;}
#innerpage-box .cntpgtxt { padding: 12px 10px 5px 10px;}
.widget-area ul li:before{margin-right: 4px !important;}
main#innerpage-box #sidebars li {margin-left: 5px;}
#innerpage-box .item.innertest-item{width: 100%;}
.faq_tp .faq-heading{font-size: 28px;}
#content-box .faq-content .cnm:after{display: none;}
#content-box .faq-content:nth-child(even) .accordion .cnm { right: -6px;}
.footer-area input[type="submit"] { margin-left: 0;}
#innerpage-box .contact-address-area {  margin: 0em 0 1em 0;}
header.site-header input[type='search'], 
header.site-header input[type='search']:hover { width: 100%;}
.footer-area .wpcf7:after { right: 3%;}
#innerpage-box .serbx h1 {
    margin: 10px 0 0.1em 0!important;
    font-size: 25px !important;
    line-height: 30px;
}
}
@media screen and (max-width: 800px){
        #slider_section .slidimgbx .slide-mainimg {
        height: 400px;
    }
}

@media screen and (max-width: 768px){
main#innerpage-box h6.faq-title{  padding: 10px 75px 8px 17px !important;}
.single-productpage .innerpage-whitebox,
.single-productpage #sidebars {   margin-top: 00px;}
.ht-footer.ht-footer1,
.ht-footer.ht-footer2,
.ht-footer.ht-footer3,
.ht-footer.ht-footer4 { width: 100% !important;}
.ht-main-navigation li{ padding-right: 00px;}
img.ht-page-header-img{ height: 275px;}
main#innerpage-box div#content-box h3.faq-title {padding: 20px 16px 20px 16px}
div#content-box .faq-content div.panel.show {padding: 5px 18px 15px 18px;}
div#content-box .faq-content div.panel {margin-bottom: 1em;}

#quote-carousel .carousel-control.right { right: 0; top: 140px;}
#quote-carousel .carousel-control.left { left: -7px; top: 140px;}
#quote-carousel .carousel-control { margin-top: -50px;}
.top-bar-head {
    padding:0.5em !important;
}
}

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



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

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

@media screen and (max-width: 767px){
 .headimgbx { display: none;}
header .js-nav-toggle{margin: 10px !important;}
#slider_section .slidimgbx .slide-mainimg { height: 300px; }
#slider_section .svm1,#slider_section .svm2,#slider_section .svm3,
#slider_section .svm4{display: none;}
#slider_section .ht-slide-cap-title { font-size: 40px;line-height: 40px;}
#slider_section .slide-text{padding: 1em;}
#slider_section .slide-text {font-size: 16px;}
#about .imatext { position: relative;transform: rotate(0deg);top: 1em;}
#about .imatext h2,#about .imatext h3 {right: 0; font-size: 40px;}
.course-area .stake{margin-bottom: 8px;}
#facility .section-title h2,
.section-title h2 {font-size: 28px;line-height: 28px;margin-bottom: 10px;}
#facility .facility-area-data h4,#facility .facility-area-data-rhs h4{font-size: 28px;line-height: 28px;}
#facility .fac-btn {margin-top: 0em; margin-bottom: 1em;}
#facility .fac-btn a{font-size: 22px;}
#banner .mainbx {width: 100%;}
#banner .cont-bx h2 {font-size: 42px; line-height: 50px;}
#banner .cont-bx p { font-size: 16px;}
#banner .banner-btn a { font-size: 18px;}
#skill .skill-single { margin-bottom: 1em;}
#skill .skill-btn a { font-size: 18px; padding: 4px 18px ;}
#testimonials .innertest-item {padding: 15px 15px 15px 15px;}
#appointment .app-detail{padding: 0;}
#appointment .app-g { bottom: 0%;}
#appointment .s-media p {margin-bottom: 1em;}
#about, #team, #testimonials, #gallery, #appointment, #banner, #skill, #blog, 
#ourclient, #service, #facility,#pricing{padding: 1em 0 !important;}
#innerpage-box .single-team {  width: 50%;}
#innerpage-box .singleinner-service .service_inimg img,
.service-area .service-icon img{width: 100%;}
.service-area .sertxbx {bottom: 10px;}
#testimonials .ts-area-content {margin: 0.5em 0em;}
#innerpage-box .ts-area-thumb {left: 5%;position: relative;}
#innerpage-box .ts-area-bx { margin-left: 4%;}
#innerpage-box .ts-area-single-inn { margin: 2em 1em 0.8em 1em;}
#ht-contactus-wrap { padding: 1em 1em 1em 1em;}
#innerpage-box h3.ts-area-title { margin: 0px 0 0.2em 0px !important;}
#innerpage-box .inn-single-course-bx .coursetxbx li{margin-top: 10px;}
.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;}
.widget-area form#searchform input[type="submit"],
.widget-area form#searchform:after {bottom: -27px; left: 25px;}
#innerpage-box .faq.row {  margin-top: 2em;}
#innerpage-box .cntlhsbx { margin: 4em 0em 1em 0em;}
#secondary #searchform input[type="text"],
#secondary input[type="text"], #secondary input[type="email"], #secondary input[type="url"], 
#secondary input[type="password"], #secondary input[type="search"], #secondary input[type="number"], 
#secondary input[type="tel"], #secondary input[type="range"], #secondary input[type="date"],
#secondary input[type="month"], #secondary input[type="week"], #secondary input[type="time"], 
#secondary input[type="datetime"], #secondary input[type="datetime-local"], 
#secondary input[type="color"], #secondary input[type="file"], 
#secondary textarea, #secondary select{padding: 12px 3px 12px 16px;}
.widget-area li{padding-left: 3%;}
#innerpage-box .contact-mapbox iframe {height: 250px;}
.blog-area .blog-posts h4 { font-size: 20px; line-height: 25px;}
#content-box .faq-content:nth-child(odd) .accordion .cnm,
#content-box .faq-content:nth-child(even) .accordion .cnm { position: relative !important;}
#content-box .faq-content:nth-child(odd) .accordion .cnm,
#content-box .faq-content:nth-child(even) .accordion .cnm { bottom: 5px;}
#content-box .faq-content:nth-child(even) .panel,
#content-box .faq-content:nth-child(odd) .panel {width: 100%  !important;}
#content-box .faq-content:nth-child(even) .accordion h3.faq-title { left: 0%;}
#content-box .faq-content:nth-child(even) .panel{right: 0;}
.ht-main-title ,.breadcrumbbox .button span {font-size: 20px;}
.ht-main-title {  padding: 0px 1px; margin: 2px 0px 2px 0;
}
}

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

.footer-area .bottom-area{padding: 1em 0 !important;}
.footer-area .gallery-item{max-width: 50%;}
.footer-bottom-area ul li { margin: 0 15px;}
.footer-bottom-area.text-right {text-align: center;}
.footer-text{ text-align: center; margin-bottom: 15px;}
.header-transparent .is-fixed .main-bar h1.ht-site-title { position: relative;top: 60px;text-align: center;}
header.site-header span.text, 
.single-header-info span.theme-color {font-size: 14px;}
.bx-controls-direction { display: none;  }
header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0% !important; }
div#navbarNavDropdown{  margin: 0%; }
.ht-site-description{padding-top: 0; }
.header-transparent .is-fixed .main-bar{position: static !important;}
.header-transparent .is-fixed .main-bar h1.ht-site-title,
.header-transparent .is-fixed .main-bar p.ht-site-description { display: block;}
.navigation .mainmenu li a:after{ content: none; }
.navigation .mainmenu li ul li{ box-shadow: none; padding-left: 0; }
.sf-arrows .sf-with-ul:before{ right: 40px !important; }
.header-seo.header-transparent .is-fixed .main-bar {background-color: transparent !important;padding: 0;}
div#navbarNavDropdown li.current_page_item a:after, .current_page_item > a:after{width: 0;}
.header-seo.header-transparent .is-fixed .main-bar img {position: relative; top: 80px;}
.header-seo.header-transparent .is-fixed .main-bar .resp_header_logo{display: block;
}
}

@media screen and (min-width: 476px) and (max-width: 630px){
#innerpage-box .textbx { padding: 0.5em 0.5em;}
#innerpage-box .textbx .team-designation {font-size: 16px;margin: 2px 0;}
#innerpage-box .team-social-icon li {
    width: 31px;
    height: 31px;
    line-height: 31px;
    font-size: 18px;
    margin: 2px 4px 2px 0;
}
}
@media screen and (max-width: 611px){
    .ht-slide-caption{width: 500px;}
    #slider_section .ht-slide-cap-title {font-size: 30px;line-height: 30px;}
    #ht-contactus-wrap .maintle{font-size: 30px;}
}
@media screen and (max-width: 580px){  
.ht-team-counter-wrap{  margin-left: 0;}
.ht-counter{ width: 75%; float: none; margin: 0 auto 60px;}
.ht-portfolio{
    width: 50%;
    padding: 4px;
}
}

@media screen and (max-width: 575px){  
header .Hbtn p{display: none;}
header .mob-btn {align-self: center;}
.top-bar-head .head-menu{order:2;}
.top-bar-head .mob-view{order:1;}
.page-main-header { padding-top: 4em !important; padding-bottom: 3em !important;}
#slider_section .slidimgbx .slide-mainimg {   height: 250px;}
#about .abtsection-title h1 {font-size: 25px;}
#about .abtsection-title h2 { font-size: 32px; line-height: 32px;margin: 0 0 10px 0;}
#about .section-subtext p { font-size: 16px;}
#about .hi-icon { text-align: center; margin: 0 auto;}
#about .section-list li{width: 100%;}
#about .imatext h2, #about .imatext h3 {font-size: 26px;line-height: 26px;}
#facility .facility-area-data, #facility .facility-area-data-rhs{border: 0;}
#facility .f-conbx,#facility .f-conbx-rhs { padding-right: 0;text-align: center;border:0;}
#facility .facility-area-data-rhs p, #facility .facility-area-data p{font-size: 16px;}
.blog-area .b-ather .com1 {text-align: left;border-left:none;}
.single-footer-1, .single-footer-2, .single-footer-3, .single-footer-4 { padding-top: 1em;}
#innerpage-box .ts-area-bx {  margin-top: 1em;}
#innerpage-box .text-designation { margin-bottom: 0em;}
#innerpage-box .item.innertest-item { margin-bottom: 0em;}
#innerpage-box .singleinner-course { padding: 1em 0 0 0; }
#innerpage-box .inn-single-course-bx .coursetxbx { padding: 20px 20px;}
#innerpage-box .lz-gallery-images img {  height: 250px !important;}
#innerpage-box .cntlhsbx {text-align:center;}
#innerpage-box .cntlhsbx p { margin-bottom: 0em;}
#innerpage-box .cntpgicn {
    width: 62px;
    height: 62px;
    line-height: 77px;
    border-radius: 50px;
}
#innerpage-box .cntpgtxt{text-align: center; display: block;padding: 10px 10px;}
#innerpage-box .cntpgicn { margin: 10px auto 0 auto;}
#innerpage-box .cntpgtxt p {font-size: 18px;}
.widget-area a { padding: 6px 0 6px 10px;}
.breadcrumbbox{margin:0;}
.hamburger-menus{
    position: absolute !important;
    top: 5px;
    right: 4%;
}
}

@media screen and (max-width: 500px){  
#banner .cont-bx h2 {font-size: 30px;line-height: 30px;}
.top-bar-head .head-menu {  padding-right: 0em;}
#slider_section .slide-text { padding: 10px;}
#slider_section .slider-btn a {font-size: 16px;padding: 2px 4px 2px 12px;}
#facility .faccir{display: none;}
.s-footer { 
    margin-bottom: 0em;
}
}

@media screen and (min-width: 320px) and (max-width: 475px){
#slider_section .ht-slide-cap-title {font-size: 22px;line-height: 26px;}
#features .featuresus-single{padding: 10px;}
#innerpage-box .single-team-img img { width: auto;}
#testimonials .test-form {  margin: 0 1em;}
body.page-template-default #innerpage-box .team-text h3:after {
    margin: 10px auto 20px auto !important;
    left: 0;
    right: 0;
}
.page_featured {margin: 0 2em;margin-bottom: 1em;padding: 3em 4em;}
#innerpage-box .single-team { width: 100%;margin-bottom: 1em;text-align: center;}
#innerpage-box .textbx{position: relative;width: 100%;bottom: 0;}
.breadcrumbbox .button span {font-size: 16px;}
header .woocommerce-breadcrumb, .breadcrumbbox .button { line-height: 26px;}
main#innerpage-box h1, body.page-template-default main#innerpage-box h1, 
#ht-contactus-wrap h1 { font-size: 26px !important;}
#innerpage-box .cntpgbx{margin: 0em 0em 1em 0em;}
.faq_tp .faq-heading {  font-size: 30px;}
.faq_tp {  padding-bottom: 1em;}
header .Hbtn a{font-size: 17px;}
}


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

@media screen and (min-width: 320px) and (max-width: 475px){
.faq_tp .faq-heading:before,
.faq_tp .faq-heading:after{   display: none;}
.footer-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){
header .mob-view .tooltiptext {visibility: hidden;position: absolute;z-index: 4;}
header .mob-view:hover span.tooltiptext {visibility: visible;position: relative;}
body {   position: inherit; }
.comment-form-url,
.comment-form-author,
.comment-form-email{ width: 98%;}
#innerpage-box .item.innertest-item{width: 100%;}
#innerpage-box .contform {display: block !important;}

}

@media screen and (min-width: 320px) and (max-width: 375px){
.ht-site-title, .site-title {font-size: 18px;}
.navicon { top: -60px !important;}
#slider_section .ht-slide-cap-title {font-size: 18px; line-height: 20px;}
#slider_section .slide-text { padding: 2px;}
.team-area .inner-area-title { font-size: 15px;}
#testimonials .icn-img {display: none;}
.page_featured { 
    margin-bottom: 1em; 
    padding: 2em 4em;
}
}

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

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