/*
Theme Name: Perfect Ecommerce Free
Theme URI: https://www.luzuk.com/demo/perfect-ecommerce-store/
Author: luzuk Themes
Author URI: www.luzukthemes.com/
Description:The clean Ecommerce theme is purely mobile responsive supporting all screen size devices. The theme is so user-friendly and easily customizable that even if you aren’t a professional developer, you can work on it. You get ample of personalization options to modify the theme into your choice of look and appearance. The theme has an elegant banner thereby allowing you to feature your business in the best manner on the homepage itself. The testimonial section makes it more alluring as it displays the feedback given by people who have visited your WordPress website. Furthermore, the Call to action (CTA) button drives in abundance of clicks giving a boost in lead generation.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: perfect-ecommerce-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 {
    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;
}
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: 15px;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #444;
    font-size: 17px;
    line-height:26px;
    font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 300;
    line-height: 1.2;
    font-family: 'Oswald', sans-serif;
}
h1{
    font-size: 28px;
    margin-bottom: 15px;
    word-break: break-word;
    font-weight: 600;
    margin-bottom: 15px;
}
h2{
    font-size: 26px;
    margin-bottom: 15px;
    word-break: break-word;
    font-weight: 600;
    margin-bottom: 15px;
}
h3{
    font-size: 30px;
    margin:20px 0 15px 0;
     margin-bottom: 15px;
    word-break: break-word;
    font-weight: 600;
    margin-bottom: 15px;
}
h4{
    font-size: 22px;
    margin-bottom: 10px;
     margin-bottom: 15px;
    word-break: break-word;
    font-weight: 600;
    margin-bottom: 15px;
}
h5{
    font-size: 20px;
    margin-bottom: 10px;
     margin-bottom: 15px;
    word-break: break-word;
    font-weight: 600;
    margin-bottom: 15px;
}
h6{
    font-size: 18px;
    margin-bottom: 10px;
     margin-bottom: 15px;
    word-break: break-word;
    font-weight: 600;
    margin-bottom: 15px;
}
p {
    margin:0 0 15px;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 15px;
}
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;
}
/*--------------------------------------------------------------
# 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:before,
blockquote:after,
q:before,
q:after {
    content: "";
}
blockquote,
q {
    quotes: "" "";
}
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
--------------------------------------------------------------*/
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;
}
/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
    width: 100%;
}
/* Search widget. */
.widget_search .search-submit {
    display: none;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.widget-area .widget-title {
    text-transform: uppercase;
    margin: 0 0 12px;
    color: #fff;
    border-radius: 5px;
    text-align: left;
    font-weight: 600;
}
.widget-area .widget-title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 50px;
    background: #ff7c4e;
    height: 4px;
}

.widget-area ul {
    list-style: none;
    padding: 0;
    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;
    border:none;
}
.widget-area ul ul li{
    padding-left: 10px;
    border-bottom: none;
}
.widget-area ul ul li a{
    padding: 3px 0;
}
.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 li:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}
.widget-area li{
    margin: 0;
    padding: 0;
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
    border-bottom: 1px solid #eaeaea;
    padding-left: 15px;
}
.widget-area a{
    text-decoration: none;
    color: #404040;
    display: block;
    padding: 14px 0;
    font-weight: 400;
    line-height: 100%;
    text-transform: capitalize;
    margin: 0;
}
.widget-area .textwidget {
    border: 1px solid #eaeaea;
    padding: 10px;
}
.widget-area .woocommerce-product-search , .widget-area form#searchform{
    width: 100%;
    border: 1px solid #eaeaea;
    padding: 10px;
}
.widget-area .woocommerce ul.cart_list li, .widget-area .woocommerce ul.product_list_widget li {
    padding: 12px 12px 12px;
}
div#content-box table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr td a {
    color: #000;
}
tr.woocommerce-cart-form__cart-item.cart_item span.woocommerce-Price-amount.amount {
    font-size: 16px;
}

.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 .woocommerce ul.product_list_widget li a{
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 0px 0 8px;
}

 .widget-area .widget_rating_filter ul {
    list-style: none;
    padding: 12px;
    margin: 0;
    border: 1px solid #eaeaea;
}
.widget-area .woocommerce .widget_shopping_cart_content p{
    padding: 12px;
    margin: 0;
    border: 1px solid #eaeaea;
    margin-top: 15px;
}
.widget-area div#calendar_wrap {
    padding: 0px 15px 15px;
    margin: 0;
    border: 1px solid #eaeaea;
}
.widget-area li.recentcomments {
    padding: 10px 15px;
}

.widget-area .widget_media_image img {
    padding: 10px;
        margin: 0;
    border: 1px solid #eaeaea;
}
.widget-area .woocommerce .price_slider_wrapper {
      padding: 20px 15px 5px;
    margin: 0;
    border: 1px solid #eaeaea;
}
  .widget-area .woocommerce li.wc-layered-nav-rating .star-rating{
    margin: 0;
}
 .widget-area .widget_rating_filter ul li{
    border-bottom: none;
}
 .widget-area .woocommerce .widget_rating_filter ul li a {
    padding: 1px 0 10px;
    text-decoration: none;
}
.woocommerce div.product form.cart table.variations tr td label {
    font-weight: 500 !important;
    font-size: 16px;
    padding: 1.5em 0;
}
.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 .tagcloud, .wp-block-tag-cloud {
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: none;
}
main#innerpage-box .widget-area .tagcloud a, .wp-block-tag-cloud a{
    /* font-size: 14px !important; */
   padding: 7px;
  display: inline-block;
    margin: 0;
    padding:0;   
    position: relative;
    box-shadow: unset;
    border-radius: 0;
 
}
.woocommerce div.product p.price del span.woocommerce-Price-amount.amount {
    font-size: 16px;
    color: #666;
}

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

.widget-area a:hover{
    color: #fe5722
}
.widget-area li span.post-date {
    margin-bottom: 1em;
    position: relative;
    display: list-item;
}
.widget-area .widget {
    margin-bottom: 30px;
    padding: 0;
    background: transparent;
    border-radius: 0;
    border: none;
}
.widget-area .widget h4 {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    background-color: transparent;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #e5e5e5;
    position: relative;
    display: block;
    border-radius: 0;
}

.widget-area .widget h4:after {
    position: absolute;
    content: "";
    width: 35%;
    height: 2px;
    background-color: #000;
    bottom: 0;
    left: 0;
}

/*--------------------------------------------------------------
## Sidebar Area
--------------------------------------------------------------*/
div#secondary input[type="submit"] {
    width: 100%;
}
#secondary input[type="text"]{
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    background: transparent;
    border-radius: 5px;
}

#secondary input[type="text"],
#secondary input[type="email"],
#secondary input[type="url"],
#secondary input[type="password"],
#secondary input[type="search"],
#secondary input[type="number"],
#secondary input[type="tel"],
#secondary input[type="range"],
#secondary input[type="date"], 
#secondary input[type="month"], 
#secondary input[type="week"], 
#secondary input[type="time"], 
#secondary input[type="datetime"], 
#secondary input[type="datetime-local"], 
#secondary input[type="color"], 
#secondary input[type="file"],
#secondary textarea, 
#secondary select {
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    background: transparent;
    border-radius: 0px;
    line-height: 1.6;
    padding: 5px 10px 10px;
}
#secondary textarea {
    height: 90px;
}
#secondary .gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.author-email-url{
    margin-left: -2%;
}
#comments a:hover{
    color:#2d2d2d;
}
#commentsAdd a:hover{
    color:#2d2d2d;
}
#content-box a :hover{
    /*color:#2d2d2d;*/
}
#content-box a i{
    color: #fff;
}
#commentsAdd input[type="submit"]{
    background: #fc226a;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 50px;
    font-size: 16px;
}
#commentsAdd input[type="submit"]:hover{
    border-radius: 5px;
    opacity: 1;
}
.comment-form-author,
.comment-form-email,
.comment-form-url{
    float: left;
    margin-left: 2%;
    width: 31.33333%;
}
.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{
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 30px;
    background: #fe5722;
    height: 2px;
}
.logged-in-as,
.comment-notes{
    font-size: 0.9em;
}
#comments ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#comments li.comment{
    margin: 0 0 20px;
}
#comments li.comment .children{
    display: block;
    margin: 20px 0 0 30px;
    padding: 0px;
    list-style: none;
}
article.comment-body {
    background: #fff;
    margin: 0px;
    position: relative;
}
.comment-list a{
    color: #404040;
}
.comment-list a:hover{
    color: #fe5722 !important;
}
.comment-list .comment-respond{
    margin-top: 20px;
    background: #FFF;
    padding: 20px;
}
.comment-list .vcard img {
    border-radius: 50%;
    margin-right: 10px;
}
.comment-list .vcard .fn{
    font-weight: normal;
    font-size: 16px;
}
.comment-list .edit-link{
    position: absolute;
    right: 0;
    top: 0;
}
.comment-list .edit-link a{
    font-size: 14px;
    display: inline-block;
    padding: 10px;
}
.comment-list .comment-meta {
    margin-bottom: 15px;
} 
.comment-list .comment-metadata {
    border-top: 1px solid #EEE;
    padding-top: 10px;
    font-size: 14px;
}
.comment-list .comment-metadata a {
    float: left;
}
.comment-list .comment-metadata .reply {
    float: right;
}
#cancel-comment-reply-link {
    float: right;
}
.nav-previous a,
.nav-next a{
    background: #fe5722;
    color: #FFF;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    line-height: 22px;
    position: relative;
}
.nav-next a{
    margin-right: 13px;
}
.nav-next a:after{
    content: "";
    position: absolute;
    border-left: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    right: -11px;
}
.nav-previous a{
    margin-left: 11px;
}
.nav-previous a:after{
    content: "";
    position: absolute;
    border-right: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    left: -11px;
}
.no-comments{
    color: #fe5722;
}
.pagination{
    text-align: center;
}
.pagination .page-numbers{
    display: inline-block;
    margin: 0 2px;
    background: #fe5722;
    color: #FFF !important;
    padding: 8px 12px;
    line-height: 1;
    border-radius: 2px;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover{
    background: #333;
    color: #FFF;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* 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
--------------------------------------------------------------*/
.section-title h2 {
    word-break: break-word;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 15px;
    color: #000;
} 
.inner-area-title {    
    font-size: 23px;
    font-weight: 500;
    word-break: break-word;
}
.section-area-text {    
    margin-bottom: 24px;
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    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{
}
section .darkbox{
    padding:3em 0;
    background: rgba(0,0,0,0.6)
}
section .lightbox{
    padding: 5em 0;
}
.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;
}
.ht-section-title:last-child{
    margin-bottom: 0;
}
.darkbox .ht-section-tagline{
    font-size:16px;
    width: 70%;
    margin: 0 auto 0;
    color:#fff;
}
.ht-main-title{
    margin: 0 0 0.5em;
    letter-spacing: 1px;
    font-weight: 400;
    text-shadow: 0em 0em 0.4em rgba(255,255,255,0.6);
        padding: 0 1em;
}
.category .ht-main-title {
    margin: 0 0 1.5em;
}
.ht-main-title:last-child{
    margin-bottom: 0;
}
.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: 0;
}
#total-breadcrumbs,
.woocommerce .woocommerce-breadcrumb{
     font-size: 15px;
    margin: 0;
    color: inherit;
    display: block !important;
    text-align: right;
    padding: 20px 0 0em;
}
.single-productpage .innerpage-whitebox {
    margin-top: 0;
    padding: 1em;
}
.single-productpage #sidebars {
    margin-top: 20px;
}
.single-productpage .ht-main-title {
    padding: 20px;
}
.woocommerce ul.product_list_widget li img{
   margin: 0 15px 0px 0;
}
.woocommerce .woocommerce-breadcrumb a,
#total-breadcrumbs a{
    color: #000;
}
.woocommerce .woocommerce-breadcrumb a:hover,
#total-breadcrumbs a:hover{
    color: #fe5722;
}
.taxonomy-description,
.term-description{
    margin-bottom: 15px;
    padding: 0px 25px 25px 25px;
}
.taxonomy-description p:last-child,
.term-description p:last-child{
    margin-bottom: 0;
}
.woocommerce div.product .product_title {
        clear: none;
    margin-top: 0;
    padding: 0;
    font-size: 24px;
    color: #000;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 6px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 8px;
    margin-bottom: 20px;
}
span.woocommerce-Price-amount.amount {
    color: #000;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 1;
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
     opacity: 1; 
    display: inline-block;
}
main#innerpage-box .woocommerce-product-details__short-description ul {
    list-style: none;
    margin: 0;
    padding: 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;
}
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;
}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/

.breadcrumbbox {
     padding: 20px 0 0em;
    text-align: right;
}
.breadcrumbbox span{
    color:#000;
    margin:0 3px;
}
/*===========================================
## 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;
}
.fa-search {
   &:hover {
      color: rgba(255, 255, 255, 0.75);
  }
}

/*----------------------------------------*/
/*  01. Header Area
/*----------------------------------------*/
.resp_header_logo {
    display: none;
}
.overlap-header {
    position: relative;
    top: 0px;
}
.page-main-header{
    background: #fe5722;
    color:#fff;
    clear: both;
    padding: 12em 0 4em;
    background: linear-gradient(0deg,#8972ea,#ff0c12 80%) no-repeat;
}

.lower-header .header-social-links {
    margin: 20px 0;
}
.header-transparent .resp_head_box {
    padding: 12px 0 15px;
}
.header-seo.header-transparent .is-fixed .main-bar p.ht-site-description {
    display: none;
}
.resp_header_btn p {
    display: none;
}
.pd-0{
    padding: 0;
}
.header-right .single-header-info {
    text-align: right;
}
header.site-header li {
    display: inline-block;
    list-style-type: none;
}
.single-header-info li:nth-of-type(2n):before {
    content: "|";
    padding: 0px 1px 0px 1px;
    color: #ffffff;
    font-weight: 600;
}

.logo {
    padding: 0 5px;
}

.logobox img{
    position: relative;
}
ul.nav.navbar-nav ul.sub-menu li a:after {
    background: none;
}
header.site-header .main-dispaly.padding0 {
    padding-right: 0;
}
/* = 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;
}
header.site-header button.header-btn {
  border: none;
  background-color: #0d61cc;
  border-radius: 30px;
  color: #ffffff;
  cursor: pointer;
  padding: 11px 37px;
  display: inline-block;
  line-height: 1.5em;
  font-weight: 600;
  font-size: 15px;
  outline: none;
  position: relative;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  top: 10px;
  float: right;
  word-break: break-word;
}
header.site-header button.header-btn span {
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
header.site-header button.header-btn i {
  font-size: 20px;
  text-align: center;
  width: 100%;
  top: 50%;
  left: 0;
  display: block;
  position: absolute;
  opacity: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
header.site-header button.header-btn:before {
  border-radius: 30px;
  content: '';
  top: 3px;
  bottom: 3px;
  left: 50%;
  right: 50%;
  position: absolute;
  background: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
header.site-header button.header-btn:hover,
header.site-header button.header-btn.hover {
  color: #000000;
}
header.site-header button.header-btn:hover span,
header.site-header button.header-btn.hover span {
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
header.site-header button.header-btn:hover i,
header.site-header button.header-btn.hover i {
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
header.site-header button.header-btn:hover:before,
header.site-header button.header-btn.hover:before {
  left: 3px;
  right: 3px;
  background: #ffffff;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
header.site-header button.header-btn:active:before {
  background: rgba(255, 255, 255, 0.7);
}
ul.nav.navbar-nav{ 
    position:relative; 
    z-index:9999; 
    vertical-align:middle; 
    float: none;
}
ul.nav.navbar-nav li{ 
    display:inline-block; 
    position:relative; 
    line-height:normal; 
    margin-right: 30px;
}
ul.nav.navbar-nav li a{ 
    display:block; 
    text-align:center; 
    color:#ffffff; 
    position:relative; 
}

.top-bar-head {
    background-color: #0d61cc;
    padding: 15px 0;
    color: #fff;
    font-size: 14px;
}

.top-bar-head  ul.nav.navbar-nav li a {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
}
.top-bar-head ul.nav.navbar-nav li {
    margin-right: 15px;
    padding: 0px 0;
}
header.site-header .top-bar-head ul {
    text-align: right;
}
ul.nav.navbar-nav li a{
    border-bottom: 1px solid transparent;
}
ul.nav.navbar-nav li a:hover{
    color: #8a9dbc;
}

ul.nav.navbar-nav li a:after{
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #8a9dbc;
    transition: width .3s;
}
ul.nav.navbar-nav li:hover a:after{
    width: 100%;
}

/* = Navigation 2nd level css
-------------------------------------------------------------- */
ul.sub-menu{
    display:none;
    z-index:9999;
    position:absolute;
    left:-9999px;
    border-radius: 5px;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    left: 0;
    top: 40px;
    text-align: left;
    background: #9bb70d;
    min-width: 250px;
    z-index: 999;
    padding: 8px;
    margin-top: 4px;
    box-shadow: 0px 5px 30px rgba(0,0,0,0.13);
}
ul.nav.navbar-nav li:hover > ul{
    display:block; 
    width:250px; 
    position:absolute; 
    left:auto; 
    top:40px; 
    text-align:left; 
}
header.site-header .top-bar-head ul.sub-menu{
    top: 30px;
}
.top-bar-head ul.nav.navbar-nav li:hover > ul{
    top:30px; 
}


ul.nav.navbar-nav 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);*/
}

ul.nav.navbar-nav li ul, 
.header-seo.header-transparent .is-fixed .main-bar ul li ul{
    padding: 8px;
}

ul.nav.navbar-nav li ul li a{
    display:block; 
    padding: 5px 0px;
    position:relative;
    top:0; 
    text-align:left; 
    z-index: 1;
}
/* = Navigation 3rd level css
-------------------------------------------------------------- */
ul.nav.navbar-nav li:hover ul li:hover > ul{
    display:block; 
    position:absolute; 
    left:205px; 
    top:-1px; 
    -ms-animation: fadeInRight .3s ease-in-out; 
    -webkit-animation: fadeInRight .3s ease-in-out; 
    animation:fadeInRight .3s ease-in-out; 
    z-index: 1;
}
.heade-border {
    border-bottom: 1px solid #939192;
    padding: 0 5px;
}
.header.site-header ul.sub-menu li a {
        font-size: 14px;
    transition: all 0.5s ease 0s;
    font-weight: 500;
}
.header.site-header ul.sub-menu li a:hover{
       padding-left: 10px;
    padding-right: 10px;
}

.header.site-header ul.sub-menu li a,
.header.site-header ul.sub-menu li a:hover{
    border-bottom: none;
}
.header.site-header ul.sub-menu li a:after{
    border-bottom: none;
}
ul.nav.navbar-nav li.current_page_item ul.sub-menu li a,
ul.nav.navbar-nav ul.sub-menu li.current_page_item a, ul.sub-menu .current_page_item > a{
    border-bottom: none;
}

.header.site-header ul.sub-menu li a {display: block;position: relative;padding: 10px 14px;padding-right: 14px;font-size: 14px;color: #ff0c12;-webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.header.site-header ul.sub-menu li a:hover {color: #fff;-webkit-transition-delay: .6s;transition-delay: .6s;}
.header.site-header ul.sub-menu li a:before, .header.site-header ul.sub-menu li a:after {content: '';position: absolute;-webkit-transition: inherit;transition: inherit;z-index: -1;}
.header.site-header ul.sub-menu li a:before, .header.site-header ul.sub-menu li a:after {top: 0;width: 0;height: 100%;}

.header.site-header ul.sub-menu li a:before {left: 0;border: 1px solid #fe5722;border-left: 0;border-right: 0;}
.header.site-header ul.sub-menu li a:hover:before {-webkit-transition-delay: 0s;transition-delay: 0s;}
.header.site-header ul.sub-menu li a:hover:before, .header.site-header ul.sub-menu li a:hover:after {width: 100%;}
.header.site-header ul.sub-menu li a:after {right: 0;}
.header.site-header ul.sub-menu li a:hover:after {background: #fe5722;-webkit-transition-delay: .4s;transition-delay: .4s;}
.header.site-header ul.sub-menu li a:hover:before, .header.site-header ul.sub-menu li a:hover:after {width: 100%;}



header.site-header ul {
    margin: 0;
}
header.site-header .text-bx.padding0 {
    font-size: 13px;
    font-weight: 700;
}
header.site-header .list-inline.m-a0 {
   padding: 2px 0;
   float: right;
}
.header-icon i.fa {
    position: relative;
    top: 0px;
    font-size: 15px;
    padding-right: 9px;
    font-weight: 700;
}
.site-header {
    position: relative;
    z-index: 99999;
}
.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;
}
@media only screen and (max-width: 1200px) {
    .new-page.menu-new{
        display:none;
    }
}
/* map page header*/
#header-part.fix-map-header {
    height: 90px;
}
#header-part.fix-map-header .main-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}
@media only screen and (max-width: 480px) {
    #header-part.fix-map-header {
        height: 160px;
    }
}
@media screen and (max-width: 991px) {
header.site-header input[type='search'], 
header.site-header input[type='search']:hover {
    width: 100%;
}
}
header.page-main-header .innerpgimg{
    display: block;
    position: relative;
}
header.page-main-header .innerpgimg:after{
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 width: 100%;
 background: #000;
 transition: all 0.2s ease;
 -moz-transition: all 0.2s ease;
 -webkit-transition: all 0.2s ease;
 opacity: 0.6;
}


/*Header product category
*/

button.product-btn{
    width: 100%;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    color: #fff;
    border-radius: 5px;
    text-align: left;
    padding: 12px 10px 12px 50px;
    border: 2px solid #2273cf;
    box-shadow: none;

}
button.product-btn:hover{
    opacity: 1;
}
header.site-header .product-cat li {
    padding: 10px 0;
    margin: 0 10px;
    list-style-type: none;
    display: block;
}
.product-cat li a {
    color: #7c8396;
    padding-left: 15px;
    text-transform: capitalize;
    font-size: 14px;
}
.product-cat li:hover a{
    color:#0d61cc;
}

.product-cat li a:before {
    content: "\f2dc";
    font-family: 'Fontawesome';
    margin-right: 5px;
    color: #7c8396;
    font-size: 10px;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.product-cat li.sucat a:before {
    content: "\f068";
    font-family: 'Fontawesome';
    margin-right: 5px;
    color: #7c8396;
    font-size: 10px;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}

.product-cat li:hover a:before {
    transform: scale(1.4);
    color:#0d61cc;
}


.header-transparent .product-cat {
      background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    width: 90%;
    padding: 15px 0px;
    height: 446px;
    overflow: auto;
    box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.4);
}
.header-category-box i.fa.fa-bars {
    margin-right: 23px;
    position: absolute;
    left: 2em;
    top: 1em;
}


/*---------------------------------------------------------------
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; 
}
@media only screen and (max-width: 991px) {

    .dlab-topbar-right {
        padding-left: 0;
        padding-right: 15px;
    }
    .dlab-topbar-left{
        padding-right: 0;
    }
    .header-transparent ul.header-sm-links {
    padding: 10px 0;
        position: relative;
    top: 15px;
}
}
header.site-header ul.header-social-ico li {
    padding: 0 7px;
    margin: 0;
}
header.site-header ul.header-social-ico li i {
    color: #a3a3a3;
}
header.site-header ul.header-social-ico li i:hover {
    color: #ff8a73;
}
.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%;
}
header.site-header ul.sub-menu li a {
    padding: 10px 0 10px 40px;
}
header.site-header li {
    display: inline-block;
}
header.site-header ul.sub-menu li {
    display: block !important;
    padding: 0;
}
ul.nav.navbar-nav {
    transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -webkit-transition: padding 0.3s ease;
}
ul.nav.navbar-nav.ht-menu {
    display: block !important;
}
ul.nav.navbar-nav li {
    position: relative;
    padding: 10px 0;
}
ul.nav.navbar-nav li a {
    display: block;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}
.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
-------------------------------------------------------------- */
.midle-bar-head {
    padding: 20px 0;
}
.head-banner {
    margin: 0 1.8em;
    background: #f6efe9;
    border-radius: 5px;
}
.off-label-1 {
    font-size: 14px;
    color: #0e0b06;
    font-weight: 100;
    margin-bottom: 3px;
    margin-top: 1.8em;
}
.off-label-1 span{
    color: #ff0c12;
    font-weight: 700;
}
.off-label-2 {
    font-size: 15px;
    color: #a28876;
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 10px;
}
.header-off {
    display: block;
    position: relative;
}
.header-off img {
    width: 100%;
    height: 100%;
    border-radius: 5px 0 0 5px;
    height: 81px !important;
}
/*===================product search css=====================*/
.midle-bar-head div#sb-search input.search-field {
   width: 100%;
    background: #fff;
    border: 2px solid #e5e5e5;
    color: #bebec2;
    padding: 0px 8px 3px 20px;
    height: 45px;
    border-radius: 5px;
    font-size: 13px;
    width: 100% !important;
    margin: 0;
}

.woocommerce-checkout .midle-bar-head div#sb-search input.search-field, 
.woocommerce-cart .midle-bar-head div#sb-search input.search-field,
.woocommerce .midle-bar-head div#sb-search input.search-field   {
    width: 85% !important;
}
.midle-bar-head  div#sb-search input.search-field::placeholder{
    color:#bebec2;
}
.midle-bar-head  div#sb-search form.woocommerce-product-search:after {
    content: " ";
    position: absolute;
    top: 38px;
    right: 1.5em;
    background-image: url(images/search.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
    cursor: pointer;
}
.midle-bar-head  div#sb-search input[type="submit"] {
        float: right;
    position: absolute;
    right: 1em;
    text-indent: -999px;
    background: #0d61cc;
    padding: 9px 25px 9px 22px;
    top: 26px;
    border-radius: 0 5px 5px 0;
    width: 0%;
    box-shadow: none;
} 

.midle-bar-head div#sb-search form:hover input.search-field{
    border:2px solid #ff0c12;
}
.midle-bar-head div#sb-search form:hover input[type="submit"] {
    background:#ff0c12;
}
.midle-bar-head div#sb-search input[type="submit"]:hover{
    opacity: 1;
}
.woocommerce-product-search input[type="submit"]{
   height: 45px !important;
}
.midle-bar-head div#sb-search form {
    margin: 0;
    margin: 0 0em 0 1em;
}
/*===================end product search css=====================*/


.bottom-bar-head {
    background: #0d61cc;
    padding: 10px 0;
}
ul.nav.navbar-nav li.current_page_item a, .current_page_item > a{
    border-bottom: 1px solid #8a9dbc;
}
ul.nav.navbar-nav li.current_page_item a:hover, .current_page_item > a:hover{
    border-bottom: 1px solid transparent;
}

.header-seo.header-transparent .is-fixed .main-bar ul {
    padding: 5px 8px 10px;
    text-align: center;
    display: none;
        padding: 0;
    text-align: left;
    display: block;
}

.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {
    top: 10px;
    position: relative;
}
.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {
    top: 8px;
}
header.site-header .dlab-topbar-left {
    position: relative;
    top: 13px;
}
/*.header-seo.header-transparent .bottom-bar-head .is-fixed ul.nav.navbar-nav {
    top: 50%;
}
.header-seo.header-transparent .bottom-bar-head .navicon {
    top: -55px;
}
*/
/*----------------------------------------*/
/*  02.Slider Area
/*----------------------------------------*/
.bx-wrapper .bx-controls-direction a{
    z-index: auto !important;
}
.social-icon-container {
    position: relative;
    right: 20px;
}
.slider_section{
    position: relative;
}

.slider_section .ht-slide-cap-desc span {
    color: #0d61cc;
}
.slider_section .bx-wrapper .bx-next{
    transition: all 0.8s ease;
}

    .slider_section .bx-wrapper .bx-prev{
        transition: all 0.8s ease;
        width: 65px !important;
        line-height: 40px;
        text-align: center;
    }

   @keyframes an{
    from{
        opacity: 0;
        transform: perspective(500px) translate3d(-35px, -40px, -150px) rotate3d(1, -1, 0, 35deg);
    }
    to{
        opacity: 1;
        transform: perspective(500px) translate3d(0, 0, 0);
    }
}
.ht-slide{
    position: relative;
}
.ht-slide img{
    width: 100%;
}
.slider_gradiant{
       position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 1;
}
.slider_content{
    position: absolute;
    top: 50%;
    left: 60%;
    width: 375px;
    margin-left: -513px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 3.5em 0em;
    text-align: left;
    z-index: 999;
}

.ht-slide img {
    width: 100%;
    height:auto;
    border-radius: 5px;
}

.img-slide-responsive {
    position: absolute;
    right: 1140px;
    top: -26px;
}

.slider_section .bx-wrapper .bx-controls-direction a{
    height: 30px;
    text-indent: initial !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    padding: 0 15px;
    border: 1px dashed #000;
}
.slider_section .bx-wrapper .bx-prev {
    background: transparent url(images/pre1.png) no-repeat left;
    left: auto;
    right: 1%;
    bottom: 9%;
    top: auto;
}
.slider_section .bx-wrapper .bx-next{
     background: transparent url(images/next1.png) no-repeat right;
     right: 1%;
    bottom: 10px;
    top: auto;
}
.slider_section .bx-wrapper .bx-next {
    width: 65px;
    line-height: 40px;
}
.ct-btn-scroll {
 width: 20px;
 position: absolute;
 bottom: 30px;
 left: 0;
 right: 0;
 margin: auto;
 z-index: 9;
 border-radius: 50%;
 -webkit-transition: background-color 0.25s ease-in-out;
 transition: background-color 0.25s ease-in-out;
}

.slider_section .bx-wrapper .bx-controls-direction a {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient( to right, #0d61cc, #0d61cc 50%, #ff0f12 50%);
    background-size: 200% 100%;
    background-position: 100%;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}

.slider_section .bx-wrapper .bx-controls-direction a:hover {
  transition: all 0.3s cubic-bezier(0.000, 0.000, 0.230, 1);
  background-position: 0%;
      transform: scale(0.9);
}


.slider_section .midix {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}
.slider_section .tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
.midix.infinite, .midix_hover.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


.slider_section .site-button {
    margin-top: 5px;
}
.slider_section .box-hover, .box-hover-2{
  display: inline-block;
  width: 822px;
  height: 462px;
  margin-top: 30px;
  animation: Animate1 5s infinite alternate ease-in-out;
}
.slider_section .box-title{
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  color: #fff;
  text-shadow: 0 0 80px rgba(#000, 0.4);
  letter-spacing: 2px;

}
.slider_section .box{
  position: relative;
  display: inline-block;
  width: 1100px;
   right: -20%;
    top: 45%;
}
@keyframes Animate1{
  0%{transform:translateY(3%)}
  to{transform:translateY(-3%)}
}
@keyframes Animate2{
  0%{transform:translateY(0%)}
  to{transform:translateY(-30%)}
}
.slider_section .title {
    font-size: 42px;
    font-weight: 300;
    padding-bottom: 0px;
    word-break: break-word;
    text-align: left;
    line-height: 45px;
}
.slider_section .title b {
    font-weight: 600;
}
.slider_section .sub-title {
      margin-bottom: 10px;
    font-size: 18px;
    font-weight: 100;
    word-break: break-word;
    text-align: left;
}

.slider-btn {
    margin-top: 2.7em;
    float: left;
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 5px;
}

.slider_section a.btn {
    font-size: 18px;
    color: #34495e;
    text-decoration: none;
    transition: all .5s ease;
    z-index: 2;
    position: relative;
    font-weight: 700;
    padding: 0;
}
.slider_section .s-btn {
    width: 100%;
    height: 100%;
    right: -160px;
    bottom: -60px;
    background: #34495e;
    position: absolute;
    transition: all .5s ease;
    z-index: 1;
}
.slider_section .slider-btn:hover .s-btn{
    right: 0;
    bottom: 0;
}

.slider-c-area {
    padding: 2em 0;
}
.slider-procat {
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0px 0px 10px;
    overflow: auto;
    border: 2px solid #e6e6e6;
    border-radius: 5px;
}
.slider-procat .popular-catt {
    background: #0d60cc;
    color: #fff;
    padding: 15px 25px;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.slider-procat li {
    padding: 9px 0;
    margin: 0 10px;
    list-style-type: none;
    display: block;
}
.slider-procat li a {
    color: #7c8396;
    padding-left: 15px;
    text-transform: capitalize;
    font-size: 14px;
}
.slider-procat li a:before {
    content: "\f2dc";
    font-family: 'Fontawesome';
    margin-right: 5px;
    color: #7c8396;
    font-size: 10px;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.slider-procat li:hover a, .slider-procat li:hover a:before {
    color: #0d61cc;
}
.slider-procat li:hover a:before {
    transform: scale(1.6);
}

/*----------------------------------------*/
/*  03. Product Block 1 Area
/*----------------------------------------*/
div#problock1 {
    padding: 3em 0;
}
.pro-b-area {
    padding: 4.5em 0 2em;
    text-align: center;
}
.pro-b-area h4 {
    font-size: 24px;
    color: #000;
    font-weight: 400;
}
.pro-b-area p {
    color: #0d61cc;
    font-size: 14px;
    margin: 1em 0 3.5em;
}
.pro-b-area:hover p {
    color: #ff0c12;
}

.pro-b-img {
    overflow: hidden;
    position: relative;
    padding-bottom: 0.1em;
}
.pro-b-img img {
    width: 100%;
    height: auto;
     transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
}
.pro-b-img:hover img {
      transform: scale(1.1) rotateZ(0deg);
    -moz-transform: scale(1.1) rotateZ(0deg);
    -webkit-transform: scale(0.95) rotateZ(0deg);
    -o-transform: scale(1.1) rotateZ(0deg);
    opacity: 0.8;
}
.pro-featured-area {
    position: relative;
    padding: 3em 0 0.5em;
}
.pro-featured-area .ctrl-btn {
    font-size: 15px !important;
    min-width: 45px;
    background: none;
    border: none;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #fff;
    position: absolute;
    /* top: 50%; */
    margin-top: -43.5px;
    /* border: 1px solid #bfbfbf; */
    height: 45px;
}
.pro-featured-area .ctrl-btn.pro-prev {
        right: 35px;
    position: absolute;
    padding: 0;
    left: auto;
    top: 2.5em;
    border: none;
    box-shadow: none;
    color: #9fa2a5;
    height: 30px;
    width: 0px;
    min-width: auto;
    font-size: 14px !important;
    z-index: 1;
         transform: scale(1);
    transition: all 0.5s ease 0s;
}
.pro-featured-area .ctrl-btn.pro-prev:after {
    content: "|";
    padding-left: 10px;
    color: #eaeaea;
    font-size: 25px;
}

.pro-featured-area .ctrl-btn.pro-next {
       position: absolute;
    padding: 0;
    float: right;
    right: 0;
    left: auto;
   top: 2.5em;
    border: none;
    box-shadow: none;
    color: #9fa2a5;
    height: 35px;
    width: 0px;
    min-width: auto;
  font-size: 14px !important;
    z-index: 1;
         transform: scale(1);
    transition: all 0.5s ease 0s;
}
.pro-featured-area .ctrl-btn.pro-prev:hover, 
.pro-featured-area .ctrl-btn.pro-next:hover{
    color: #0d61cc;
}
.pro-featured-area .slider {
    width: 100%;
    position: relative;
    height: 360px;    
    margin: auto;
    overflow-x: scroll;
    overflow-y: hidden;
}
.pro-featured-area .slider .slide-item {
    margin-right: 30px;
    width: 207px;
    margin-left: 0;
}

.pro-featured-area a.pro-cat {
    font-size: 13px;
    text-transform: uppercase;
    color: #0d61cc;
    font-weight: 400;
}
.pro-featured-area #recent-porduct:hover a.pro-cat {
    color: #ff0c12;
}
.pro-featured-area a h6 {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    margin: 7px 0 15px;
}
.pro-featured-area #recent-porduct:hover a h6 {
    color: #0d61cc;
}

.pro-featured-area mark, .pro-featured-area ins {
    background: none;
    text-decoration: none;
}
.pro-featured-area .price del .amount {
    color: #7c8491 !important;
    font-size: 14px;
    font-weight: 100;
}
.pro-featured-area .price .amount {
    color: #868b9e !important;
    font-size: 16px;
    font-weight: 600;
}
.pro-featured-area .total-product-title-wrap{
    color: #ccd0d3;
}
.pro-featured-area  .pro-img{
    position: relative;
}

.pro-featured-area  .ht-featured-social-id {
    height: 108px;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 1.04s, opacity 0.1s 0.3s;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
}
.pro-featured-area  #recent-porduct:hover .ht-featured-social-id {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.3s, opacity 0.1s;
    display: block;
}
.pro-featured-area #recent-porduct .ht-featured-social-id ul {
    margin: 0;
}
.pro-featured-area #recent-porduct .ht-featured-social-id li {
    list-style: none;
    text-align: left;
}
.pro-featured-area #recent-porduct .ht-featured-social-id li a{
    color: #cfd0d5;
        transform: scale(1);
    transition: all 0.5s ease 0s;
}
.pro-featured-area #recent-porduct .ht-featured-social-id li a i{
    background: #fff;
    border-radius: 50%;
    padding: 10px 12px;
    box-shadow: 0 12px 48px 0 #00000030;
    margin: 3px 10px;
}
.pro-featured-area #recent-porduct .ht-featured-social-id li a:hover{
    color: #0d61cc;
    transform: scale(1.4);
}
.pro-featured-area .pro-img a.img {
    position: relative;
    overflow: hidden;
}
.pro-featured-area .pro-img a img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    border: 2px solid #eaeaea;
}
.pro-featured-area .pro-img{
  margin: 0 auto;
  padding: 2px;
}

.pro-featured-area .pro-img-b {
    border: 0;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    margin-bottom: 15px;
}
.pro-featured-area .pro-img-b {
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
.pro-featured-area #recent-porduct:hover .pro-img-b {
    color: #eaeaea;
}

.pro-box1-area {
    padding: 0.5em 1em 0em 0em;
    border-radius: 8px;
    margin: 0 15px 0 0;
    background: #eaeaea;
}
 .pro-box2-area {
    padding: 0em 0em 0em 0em;
    border-radius: 8px;
    margin: 0 0 0 15px;
    background: #eaeaea;
}

.pro-box1-area h4, .pro-box2-area h4 {
    font-size: 24px;
    color: #060606;
    font-weight: 500;
    margin-top: 1.7em;
}
.pro-box1-area:hover h4, .pro-box2-area:hover h4 {
    color: #0d61cc;
}
.pro-box1-area p, .pro-box1-area .pro-box-price , .pro-box2-area p{
    font-size: 14px;
    color: #848b93;
    margin-bottom: 1.7em;
}
.pro-box2-area p {
    margin-right: 2em;
}
.pro-box1-area .pro-box-price span{
    color: #0d61cc;
    font-weight: 800;
}
.pro-box1-area:hover .pro-box-price span{
    color: #ff0c12;
}
.s-border {
    border-top: 1px solid #eaeaea;
    padding-top: 2em;
}
/*----------------------------------------*/
/*  04. Offer bar Area
/*----------------------------------------*/
div#offerbar {
    background: #0d61cc;
    position: relative;
}
div#offerbar .offer-title {
    height: 20px;
    overflow: hidden;
    position: relative;
}
div#offerbar h4 {
    color:#fff;
    font-size: 16px;
    margin: 0;
    padding: 0;
    font-weight: 300;
    display: block;
    margin: 0;
}


.blog-read-more a.btn i {
    padding: 0 0 0px 10px;
    transition: 1s linear;
}
div#offerbar .section-area-btn.wow.fadeInUp {
    text-align: right;
}

div#offerbar .hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.3s ease 0s;
    float: right;
}
div#offerbar .hvr-icon-forward:hover{
    letter-spacing: 1px;
}

div#offerbar .hvr-icon-forward .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    padding-left: 2px;
    font-size: 14px;
}
div#offerbar .hvr-icon-forward:hover .hvr-icon, 
div#offerbar .hvr-icon-forward:focus .hvr-icon,
div#offerbar .hvr-icon-forward:active .hvr-icon {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}
/*----------------------------------------*/
/*  05. Product block 2 area
/*----------------------------------------*/
div#problock2 {
    padding: 4em 0;
}
div#problock2 .pro-box1-area h4, div#problock2 .pro-box2-area h4 {
    font-size: 16px;
    color: #060606;
    font-weight: 500;
    margin-top: 0.7em;
}
div#problock2 .pro-box1-area .sale {
    color: #fff;
    background: #49cb59;
    display: inline-block;
    border-radius: 5px;
    padding: 3px 15px;
    font-size: 14px;
    font-weight: 500;
    margin-top: 1em;
}
div#problock2 .pro-box1-area .prob2offer{
    font-size: 14px;
    color: #848b93;
    margin-bottom: 0;
    font-weight: 300;
}
div#problock2 .pro-box1-area .prob2offer span{
    color: #ff1b01;
}

div#problock2 .pro-box1-area .pro-box-price, div#problock2 .pro-box2-area .pro-box-price{
        font-size: 14px;
    color: #848b93;
    margin-top: 2.8em;
    margin-bottom: 2em;
}
div#problock2 .pro-box1-area .pro-box-price span{
    color: #000;
    font-weight: 800;
}
div#problock2 .pro-box2-area .pro-box-price{
    margin-top: 1.5em;
    margin-bottom: 2em;
}
div#problock2 .pro-box2-area .pro-box-price span{
    color: #0d5dcc;
    font-weight: 800;
}

div#problock2 .pro-box2-area .sale {
    color: #0f65d7;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 2.5em;
}


.pro-topcat-area #recent-porduct {
    border: 2px solid #e6e6e6;
    margin-bottom: 1.3em;
    border-radius: 5px;
    padding: 10px;
}
.pro-topcat-area mark, .pro-topcat-area ins {
    background: none;
    text-decoration: none;
}
.pro-topcat-area a.pro-cat {
    font-size: 13px;
    text-transform: uppercase;
    color: #0d61cc;
    font-weight: 400;
}
.pro-topcat-area a h6 {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    margin: 7px 0 15px;
}
.pro-topcat-area #recent-porduct:hover a.pro-cat{
    color:#ff0c12;
}
.pro-topcat-area #recent-porduct:hover a h6{
    color:#0d61cc;
}
.pro-topcat-area .imgeffect a img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.pro-topcat-area .total-product-title-wrap {
    color: #ccd0d3;
}
.pro-topcat-area .price del .amount {
    color: #7c8491 !important;
    font-size: 14px;
    font-weight: 100;
}
.pro-topcat-area .price .amount {
    color: #868b9e !important;
    font-size: 16px;
    font-weight: 600;
}
.ht-protopcat-social-id {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
     position: absolute; 
    top: 40%;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all .4s ease;
}
.problock2-area #recent-porduct:hover .ht-protopcat-social-id {
    opacity: 1;
}
.ht-protopcat-social-id a.add_to_cart_button {
    border-radius: 50%;
    font-size: 18px;
    padding: 7px 11px;
    background: #ffffff;
    color: #0d61cc;
    text-align: center;
    transform: scale(1.2);
    transition: all 500ms ease 0s;
    box-shadow: 0 12px 48px 0 #00000030;
}
.problock2-area #recent-porduct:hover .ht-protopcat-social-id a.add_to_cart_button {
        transform: scale(1);
    transition-delay: 0.1s;
    opacity: 1;
}
.problock2-area #recent-porduct .ht-protopcat-social-id a.add_to_cart_button:hover {
    background: #ff0c12;
    color: #fff;
}
/*----------------------------------------*/
/*  Testimonials Area
/*----------------------------------------*/
.testimonials-area{
    margin-top: 4em;
}
.testimonials-area .ts-area-thumb img {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
}
.testimonials-area #quote-carousel {
    padding: 0px;
}

.testimonials-area .carousel-inner {
    border-radius: 0;
}
.testimonials-area h6.ts-area-title {
    font-size: 16px;
    color: #3d3d3d;
    font-weight: 500;
    transition: all 0.3s ease 0s;
    margin-top: 10px;
}
.testimonials-area .ts-area-c p {
    margin-bottom: 1.5em;
    font-size: 16px;
}
.testimonials-area  .ts-area-bx {
    border-top: 1px solid #e9e9e9;
    margin-top: 0px;
    padding-top: 5px;
}
.testimonials-area .section-area-text {
    margin-top: 3em;
}
.testimonials-area .ts-shape-area i.fa.fa-quote-left {
    font-size: 32px;
    z-index: 2;
    color: #0d61cc;
    background: #ebebeb;
    padding: 10px 10px 20px;
    -webkit-clip-path: polygon(100% 0, 100% 75%, 80% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 75%, 80% 100%, 0 100%, 0 0);
}
.testimonials-area:hover .ts-shape-area i.fa.fa-quote-left {
    color: #ff0c12;
}
.testimonials-area #quote-carousel .carousel-control {
    background: none;
    color: #fc856d;
    font-size: 1.3em;
    text-shadow: none;
    margin-top: 225px;
    opacity: 1;
    z-index: 2000;
}
.testimonials-area #quote-carousel .carousel-indicators {
    display: none;
}

.testimonials-area  #quote-carousel .carousel-control.left {
    left: auto;
    top: 0;
    right: 35px;
    margin-top: 0;    
    z-index: 2;
}
.testimonials-area  #quote-carousel .carousel-control.left i {
    opacity: 1;
    display: block;
    padding: 0;
    border: none;
    box-shadow: none;
    color: #9fa2a5;
    height: 30px;
    width: 0px;
    min-width: auto;
    font-size: 14px !important;
    z-index: 1;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.testimonials-area #quote-carousel .carousel-control.left i:after {
    content: "|";
    padding-left: 10px;
    color: #eaeaea;
    font-size: 25px;
}
.testimonials-area  #quote-carousel .carousel-control.right {
    right: 0;
    top: 0;
    top: 0.4em;
    margin-top: 0;
    z-index: 2;
}
.testimonials-area  #quote-carousel .carousel-control.right i {
    opacity: 1;
    display: block;
    padding: 0;
    border: none;
    box-shadow: none;
    color: #9fa2a5;
    height: 30px;
    width: 0px;
    min-width: auto;
    font-size: 14px !important;
    z-index: 1;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.testimonials-area #quote-carousel .carousel-control.left:hover i {
    color: #0d61cc;
}
.testimonials-area #quote-carousel .carousel-control.right:hover i{
    color: #0d61cc;
}

.testimonials-area .carousel-control {
    width: 4%;
}
/*----------------------------------------*/
/*  Recent Product Area
/*----------------------------------------*/
.pro-recentpro-area {
    position: relative;
    padding: 3em 0 0.5em;
}
.pro-recentpro-area .ctrl-btn {
    font-size: 15px !important;
    min-width: 45px;
    background: none;
    border: none;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #fff;
    position: absolute;
    /* top: 50%; */
    margin-top: -43.5px;
    /* border: 1px solid #bfbfbf; */
    height: 45px;
}
.pro-recentpro-area .ctrl-btn.pro-prev {
        right: 35px;
    position: absolute;
    padding: 0;
    left: auto;
    top: 2.5em;
    border: none;
    box-shadow: none;
    color: #9fa2a5;
    height: 30px;
    width: 0px;
    min-width: auto;
    font-size: 14px !important;
    z-index: 1;
         transform: scale(1);
    transition: all 0.5s ease 0s;
}
.pro-recentpro-area .ctrl-btn.pro-prev:after {
    content: "|";
    padding-left: 10px;
    color: #eaeaea;
    font-size: 25px;
}

.pro-recentpro-area .ctrl-btn.pro-next {
       position: absolute;
    padding: 0;
    float: right;
    right: 0;
    left: auto;
   top: 2.5em;
    border: none;
    box-shadow: none;
    color: #9fa2a5;
    height: 35px;
    width: 0px;
    min-width: auto;
  font-size: 14px !important;
    z-index: 1;
         transform: scale(1);
    transition: all 0.5s ease 0s;
}
.pro-recentpro-area .ctrl-btn.pro-prev:hover, 
.pro-recentpro-area .ctrl-btn.pro-next:hover{
    color: #0d61cc;
}
.pro-recentpro-area .slider {
    width: 100%;
    position: relative;
    height: 360px;    
    margin: auto;
    overflow-x: scroll;
    overflow-y: hidden;
}
.pro-recentpro-area .slider .slide-item {
    margin-right: 30px;
    width: 207px;
    margin-left: 0;
}

.pro-recentpro-area a.pro-cat {
    font-size: 13px;
    text-transform: uppercase;
    color: #0d61cc;
    font-weight: 400;
}
.pro-recentpro-area #recent-porduct:hover a.pro-cat {
    color: #ff0c12;
}
.pro-recentpro-area a h6 {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    margin: 7px 0 15px;
}
.pro-recentpro-area #recent-porduct:hover a h6 {
    color: #0d61cc;
}

.pro-recentpro-area mark, .pro-recentpro-area ins {
    background: none;
    text-decoration: none;
}
.pro-recentpro-area .price del .amount {
    color: #7c8491 !important;
    font-size: 14px;
    font-weight: 100;
}
.pro-recentpro-area .price .amount {
    color: #868b9e !important;
    font-size: 16px;
    font-weight: 600;
}
.pro-recentpro-area .total-product-title-wrap{
    color: #ccd0d3;
}
.pro-recentpro-area  .pro-img{
    position: relative;
}

.pro-recentpro-area  .recent-social-id {
    height: 108px;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 1.04s, opacity 0.1s 0.3s;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
}
.pro-recentpro-area  #recent-porduct:hover .recent-social-id {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.3s, opacity 0.1s;
    display: block;
}
.pro-recentpro-area #recent-porduct .recent-social-id ul {
    margin: 0;
}
.pro-recentpro-area #recent-porduct .recent-social-id li {
    list-style: none;
    text-align: left;
}
.pro-recentpro-area #recent-porduct .recent-social-id li a{
    color: #cfd0d5;
        transform: scale(1);
    transition: all 0.5s ease 0s;
}
.pro-recentpro-area #recent-porduct .recent-social-id li a i{
    background: #fff;
    border-radius: 50%;
    padding: 10px 12px;
    box-shadow: 0 12px 48px 0 #00000030;
    margin: 3px 10px;
}
.pro-recentpro-area #recent-porduct .recent-social-id li a:hover{
    color: #0d61cc;
    transform: scale(1.4);
}
.pro-recentpro-area .pro-img a.img {
    position: relative;
    overflow: hidden;
}
.pro-recentpro-area .pro-img a img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    border: 2px solid #eaeaea;
}
.pro-recentpro-area .pro-img{
  margin: 0 auto;
  padding: 2px;
}

.pro-recentpro-area .pro-img-b {
    border: 0;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    margin-bottom: 15px;
}
.pro-recentpro-area .pro-img-b {
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
.pro-recentpro-area #recent-porduct:hover .pro-img-b {
    color: #eaeaea;
}
/*.pro-recentpro-area .pro-img-b::before, .pro-recentpro-area .pro-img-b::after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}
.pro-recentpro-area .pro-img-b::before, .pro-recentpro-area .pro-img-b::after {
    border: 2px solid transparent;
    width: 0;
    height: 0;
    border-radius: 5px;
}
.pro-recentpro-area .pro-img-b::before {
    top: 0;
    left: 0;
}
.pro-recentpro-area #recent-porduct:hover .pro-img-b::before, 
.pro-recentpro-area #recent-porduct:hover .pro-img-b::after {
    width: 100%;
    height: 100%;
}
.pro-recentpro-area #recent-porduct:hover .pro-img-b::before {
    border-top-color: #eaeaea;
    border-right-color: #eaeaea;
    -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.pro-recentpro-area .pro-img-b::after {
    bottom: 0;
    right: 0;
}
.pro-recentpro-area #recent-porduct:hover .pro-img-b::before,
.pro-recentpro-area #recent-porduct:hover .pro-img-b::after {
    width: 100%;
    height: 100%;
}
.pro-recentpro-area #recent-porduct:hover .pro-img-b::after {
    border-bottom-color: #eaeaea;
    border-left-color: #eaeaea;
    -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}*/


/*----------------------------------------*/
/*  Popular Product Area
/*----------------------------------------*/
.pro-popularpro-area {
    position: relative;
    padding: 3em 0 0.5em;
}
.pro-popularpro-area .ctrl-btn {
    font-size: 15px !important;
    min-width: 45px;
    background: none;
    border: none;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #fff;
    position: absolute;
    /* top: 50%; */
    margin-top: -43.5px;
    /* border: 1px solid #bfbfbf; */
    height: 45px;
}
.pro-popularpro-area .ctrl-btn.pro-prev {
        right: 35px;
    position: absolute;
    padding: 0;
    left: auto;
    top: 2.5em;
    border: none;
    box-shadow: none;
    color: #9fa2a5;
    height: 30px;
    width: 0px;
    min-width: auto;
    font-size: 14px !important;
    z-index: 1;
         transform: scale(1);
    transition: all 0.5s ease 0s;
}
.pro-popularpro-area .ctrl-btn.pro-prev:after {
    content: "|";
    padding-left: 10px;
    color: #eaeaea;
    font-size: 25px;
}

.pro-popularpro-area .ctrl-btn.pro-next {
       position: absolute;
    padding: 0;
    float: right;
    right: 0;
    left: auto;
   top: 2.5em;
    border: none;
    box-shadow: none;
    color: #9fa2a5;
    height: 35px;
    width: 0px;
    min-width: auto;
  font-size: 14px !important;
    z-index: 1;
         transform: scale(1);
    transition: all 0.5s ease 0s;
}
.pro-popularpro-area .ctrl-btn.pro-prev:hover, 
.pro-popularpro-area .ctrl-btn.pro-next:hover{
    color: #0d61cc;
}
.pro-popularpro-area .slider {
    width: 100%;
    position: relative;
    height: 360px;    
    margin: auto;
    overflow-x: scroll;
    overflow-y: hidden;
}
.pro-popularpro-area .slider .slide-item {
    margin-right: 30px;
    width: 207px;
    margin-left: 0;
}

.pro-popularpro-area a.pro-cat {
    font-size: 13px;
    text-transform: uppercase;
    color: #0d61cc;
    font-weight: 400;
}
.pro-popularpro-area #popular-porduct:hover a.pro-cat {
    color: #ff0c12;
}
.pro-popularpro-area a h6 {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    margin: 7px 0 15px;
}
.pro-popularpro-area #popular-porduct:hover a h6 {
    color: #0d61cc;
}

.pro-popularpro-area mark, .pro-popularpro-area ins {
    background: none;
    text-decoration: none;
}
.pro-popularpro-area .price del .amount {
    color: #7c8491 !important;
    font-size: 14px;
    font-weight: 100;
}
.pro-popularpro-area .price .amount {
    color: #868b9e !important;
    font-size: 16px;
    font-weight: 600;
}
.pro-popularpro-area .total-product-title-wrap{
    color: #ccd0d3;
}
.pro-popularpro-area  .pro-img{
    position: relative;
}

.pro-popularpro-area  .popular-social-id {
    height: 108px;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 1.04s, opacity 0.1s 0.3s;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
}
.pro-popularpro-area  #popular-porduct:hover .popular-social-id {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.3s, opacity 0.1s;
    display: block;
}
.pro-popularpro-area #popular-porduct .popular-social-id ul {
    margin: 0;
}
.pro-popularpro-area #popular-porduct .popular-social-id li {
    list-style: none;
    text-align: left;
}
.pro-popularpro-area #popular-porduct .popular-social-id li a{
    color: #cfd0d5;
        transform: scale(1);
    transition: all 0.5s ease 0s;
}
.pro-popularpro-area #popular-porduct .popular-social-id li a i{
    background: #fff;
    border-radius: 50%;
    padding: 10px 12px;
    box-shadow: 0 12px 48px 0 #00000030;
    margin: 3px 10px;
}
.pro-popularpro-area #popular-porduct .popular-social-id li a:hover{
    color: #0d61cc;
    transform: scale(1.4);
}
.pro-popularpro-area .pro-img a.img {
    position: relative;
    overflow: hidden;
}
.pro-popularpro-area .pro-img a img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    border: 2px solid #eaeaea;
}
.pro-popularpro-area .pro-img{
  margin: 0 auto;
  padding: 2px;
}

.pro-popularpro-area .pro-img-b {
    border: 0;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    margin-bottom: 15px;
}
.pro-popularpro-area .pro-img-b {
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
.pro-popularpro-area #popular-porduct:hover .pro-img-b {
    color: #eaeaea;
}



/*----------------------------------------*/
/*  06. Category Area
/*----------------------------------------*/
div#topcategories {
    position: relative;
}
.topcategories-area .owl-carousel .owl-stage-outer {
    padding:0;
    margin:0;
}
.topcategories-area .owl-theme .owl-dots .owl-dot {
    display: none !important;
}
.topcategories-area .owl-carousel .owl-nav button.owl-prev,
.topcategories-area .owl-carousel button.owl-dot {
    background: none;
    padding: 0!important;
    width: 0px;
    height: 10px;
    border-radius: 50%;
    border: none;
    color: #000;
    position: absolute;
    right: 40px;
    top: -5.3em;
    box-shadow: none;
}
.topcategories-area .owl-carousel .owl-nav button.owl-prev:after {
    content: "|";
    padding-left: 10px;
    color: #eaeaea;
    font-size: 25px;
}
.topcategories-area .owl-nav button.owl-prev span, 
.topcategories-area .owl-nav button.owl-next span {
    font-size: 35px;
    color: #9fa2a5;
    font-weight: 500;
}
.topcategories-area .owl-carousel .owl-nav button.owl-next,
.topcategories-area .owl-carousel button.owl-dot {
        background: none;
    padding: 0!important;
    width: 0px;
    height: 10px;
    border-radius: 50%;
    border: none;
    color: #000;
    position: absolute;
    right: 0;
    top: -5.3em;
    box-shadow: none;
}
.topcategories-area .owl-carousel .owl-nav button.owl-prev:hover span, 
.topcategories-area .owl-carousel .owl-nav button.owl-next:hover span{
    color: #0d61cc;
}
.topcategories-area .owl-theme .owl-nav, .topcategories-area .owl-theme .owl-dots {
    margin-top: 0;
    text-align: center;
}



.pro-cat-content h5 {
    margin-bottom: 1em;
}

.pro-cat-content h5 a {
    display: block;
    border: 2px dashed #ebebeb;
    overflow: hidden;
    text-decoration: none;
    font-size: 14px;
    outline: none;
    color: #000;
    background: #fff;
    position: relative;
    text-align: center;
    padding: 10px 10px;
    font-weight: 600;
}

.pro-cat-content h5 a span {
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.cat-product:hover .pro-cat-content h5 a, .cat-product:active .pro-cat-content h5 a {
    background: #0d61cc;
    color: #fff;
    border: 2px dashed #0d61cc;
}

.pro-cat-content h5 a:before,
.pro-cat-content h5 a:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-transition: .4s,opacity .6s;
    -moz-transition: .4s,opacity .6s;
    -o-transition: .4s,opacity .6s;
    transition: .4s,opacity .6s;
}

/* :before */

.pro-cat-content h5 a:before {
    content: attr(data-hover);
    -webkit-transform: translate(-150%,0);
    -moz-transform: translate(-150%,0);
    -ms-transform: translate(-150%,0);
    -o-transform: translate(-150%,0);
    transform: translate(-150%,0);
}

/* :after */

.pro-cat-content h5 a:after {
    content: attr(data-active);
    -webkit-transform: translate(150%,0);
    -moz-transform: translate(150%,0);
    -ms-transform: translate(150%,0);
    -o-transform: translate(150%,0);
    transform: translate(150%,0);
}

/* Span on :hover and :active */

.cat-product:hover .pro-cat-content h5 a span,
.cat-product:active .pro-cat-content h5 a span {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
}

/*  
    We show :before pseudo-element on :hover 
    and :after pseudo-element on :active 
*/

.cat-product:hover .pro-cat-content h5 a:before,
.cat-product:active .pro-cat-content h5 a:after {
    opacity: 1;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

/* 
  We hide :before pseudo-element on :active
*/

.cat-product:active .pro-cat-content h5 a:before {
    -webkit-transform: translate(-150%,0);
    -moz-transform: translate(-150%,0);
    -ms-transform: translate(-150%,0);
    -o-transform: translate(-150%,0);
    transform: translate(-150%,0);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.pro-cat-content {
    position: absolute;
    bottom: 0%;
    left: 0;
    right: 0;
    padding: 0 8px;
    z-index: 2;
    text-align: center;
    display: block;
    border: none;
    margin: 0;
}
.topcategories-area .owl-carousel .owl-dots.disabled, 
.topcategories-area .owl-carousel .owl-nav.disabled {
     display: block; 
}
.topcategories-area .pro-cat-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    border: 2px solid #eaeaea;
}
.topcategories-area .pro-cat-img img {
    width: 100%;
    height: auto;
        height: 200px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.topcategories-area .cat-product:hover .pro-cat-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
   
/*----------------------------------------*/
/*  07. Offer product banner Area
/*----------------------------------------*/
div#offerprobanner {
    background: #ececec;
}
.offer-b-single {
    margin: 0em 0;
    text-align: center;
}
.offerprobimg {
    display: block;
    position: relative;
}
.offerprobimg img {
    width: 100%;
    height: 100%;
}
.offer-b-single p {
    font-size: 16px;
    color: #d83e34;
    margin-bottom: 0px;
    font-weight: 100;
}
.offer-b-single h3 {
    font-size: 32px;
    color: #000;
    font-weight: 300;
    margin: 5px 0 25px;
}
.offer-b-single h4 {
    font-size: 16px;
    color: #000;
    font-weight: 200;
    margin: 0 0 2.5em;
}
.offer-b-single .hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.3s ease 0s;
}
.offer-b-single .hvr-icon-forward:hover {
    letter-spacing: 1px;
    color: #0d61cc;
}
.offer-b-single .hvr-icon-forward .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    padding-left: 2px;
    font-size: 26px;
    color: #f59870;
    margin-left: 12px;
    font-weight: inherit;
    position: relative;
    top: 5px;
}
.offer-b-single .hvr-icon-forward:hover .hvr-icon, 
.offer-b-single .hvr-icon-forward:focus .hvr-icon, 
.offer-b-single .hvr-icon-forward:active .hvr-icon {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    color: #0d61cc;
}

.titleborder {
    margin-bottom: 4em;
}
.titleborder:after {
      content: "";
    display: block;
    width: 50px;
    height: 3px;
    margin: 0 auto;
    position: relative;
}

.features-area {position: relative;}

/*----------------------------------------*/
/* 7. Blog Area
/*----------------------------------------*/

.blog-area .slider {
    width: 100%;
    position: relative;
    height: 600px;
    margin: auto;
    overflow-x: scroll;
    overflow-y: hidden;
}
.blog-area .slider .blog-items {
     margin-right: 30px;
    width: 400px;
    margin-left: 0;
}

.blog-category {
    position: absolute;
    left: 0.5em;
    bottom: 1em;
    z-index: 1;
}

.blog-category a {
    font-size: 13px;
    color: #fff;
    padding: 10px 10px 10px 10px;
    background: #0d61cc;
}
.blog-category:hover a{
    border-radius: 30px;
}
.blog-area {
    padding: 6em 0 4em;
    position: relative;
}
.ht-blog-post {
    position: relative;
}
.blog-single a h4 {
    font-size: 18px;
    font-weight: 500;
    word-break: break-word;
    margin-bottom: 0.5em;
    line-height: 1.5em;
}
.blog-single {
    padding: 1.5em 0em 0em;
}

.blog-area .owl-carousel .owl-stage-outer {
    padding:0;
    margin:0;
}
.blog-area .owl-theme .owl-dots .owl-dot {
    display: none !important;
}
.blog-area .owl-carousel .owl-nav button.owl-prev,
.blog-area .owl-carousel button.owl-dot {
    background: none;
    padding: 0!important;
    width: 0px;
    height: 10px;
    border-radius: 50%;
    border: none;
    color: #000;
    position: absolute;
    right: 40px;
    top: -5.3em;
    box-shadow: none;
}
.blog-area .owl-carousel .owl-nav button.owl-prev:after {
    content: "|";
    padding-left: 10px;
    color: #eaeaea;
    font-size: 25px;
}
.blog-area .owl-nav button.owl-prev span, 
.blog-area .owl-nav button.owl-next span {
    font-size: 35px;
    color: #9fa2a5;
    font-weight: 500;
}
.blog-area .owl-carousel .owl-nav button.owl-next,
.blog-area .owl-carousel button.owl-dot {
        background: none;
    padding: 0!important;
    width: 0px;
    height: 10px;
    border-radius: 50%;
    border: none;
    color: #000;
    position: absolute;
    right: 0;
    top: -5.3em;
    box-shadow: none;
}
.blog-area .owl-carousel .owl-nav button.owl-prev:hover span, 
.blog-area .owl-carousel .owl-nav button.owl-next:hover span{
    color: #0d61cc;
}
.blog-area .owl-theme .owl-nav, .blog-area .owl-theme .owl-dots {
    margin-top: 0;
    text-align: center;
}




.blog-single .blog-date {
    color: #84878e;
    font-size: 14px;
    font-weight: 400;
}
.blog-area .section-area-text {
    margin-bottom: 12px;
}
.blog-area .blog-date span {
    color: #0d61cc;
}
.blog-area .box-area-S:hover .blog-date span {
    color: #ff0c12;
}

.blog-area .blog-single a .inner-area-title{
    color: #3d3d3d;
}
.blog-area .box-area-S:hover .blog-single a .inner-area-title {
    color: #0d61cc; 
}

.blog-area .blog-thumbnail{
    position: relative;
    overflow: hidden;
}
.blog-area .blog-thumbnail img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 1s ease 0s;
}
.blog-area .box-area-S:hover .blog-thumbnail img{
    opacity: 0.75;
    transform: scale(1.2);
}

.blog-area .blog-thumbnail .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: linear-gradient(0deg,#ff0c12,#8972ea 80%) no-repeat;
    transition: all .4s ease;
}
.blog-area .box-area-S:hover .blog-thumbnail .overlay {
    opacity: 0.75;
}
.blog-area .blog-thumbnail .overlay .box {
    display: table;
    width: 100%;
    height: 100%;
}
.blog-area .blog-thumbnail .overlay .box .content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.blog-area .blog-thumbnail .overlay .box .content > a {
    border-radius: 50%;
    font-size: 18px;
    width: 50px;
    height: 50px;
    background: #FFFFFF;
    color: #0d61cc;
    text-align: center;
    line-height: 50px;
    transform: scale(1.2);
    transition: all 500ms ease 0s;
}
.blog-area .box-area-S:hover .blog-thumbnail .overlay .box .content > a {
    transform: scale(1);
    transition-delay: 0.1s;
    opacity: 1;
}
.blog-area .blog-thumbnail .overlay .box .content > a:hover {
    background: #0d61cc;
    color: #fff;
}
.blog-area .box-area-S:hover .overlay::before {
    content: '';
    pointer-events: none;
    opacity: .6;
    background: radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px), radial-gradient(circle at 75% 44%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px), radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, #fff 5px, #fff 6px, transparent 6px), radial-gradient(circle at 33% 44%, transparent 0, transparent 4px, #fff 5px, #fff 6px, transparent 6px), radial-gradient(circle at 65% 40%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px), radial-gradient(circle at 30% 32%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px);
    width: 100%;
    height: 300%;
    top: 0;
    left: 0;
    position: absolute;
    animation: bubbles 5s linear infinite both;
}
.blog-area .blog-thumbnail img {
    width: 100%;
    height: auto;
}

.blog-area .blog-thumbnail{text-align: center;overflow: hidden;position: relative;}
.blog-area .blog-thumbnail:before{content: "";width: 150%;height: 150%;position: absolute;top: 50%;left: 50%;background: radial-gradient(rgba(255,255,255,0.1) 15%, transparent 15%) 0 0,radial-gradient(rgba(255,255,255,0.1) 15%, transparent 15%) 16px 16px,radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 16px 17px;background-size: 32px 32px;background-color: rgba(0,0,0,0.5);opacity: 0;z-index: 1;transform: translate(-50%, -50%) scale(0);transition: all 0.56s ease 0s;}
.blog-area .box-area-S:hover .blog-thumbnail:before{opacity: 1;transform: translate(-50%, -50%) scale(1);}
.blog-area .blog-thumbnail img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease 0s;
    border-radius: 10px;
    height: 305px;
}
.blog-area .box-area-S:hover .blog-thumbnail img{ transform: scale(1.3); }
.blog-area .blog-thumbnail .boverlay{width: 100%;position: absolute;bottom: 5px;left: 0;z-index: 1;transition: all 0.3s ease 0s;}
.blog-area .blog-thumbnail .icon{padding: 0;margin: 0;list-style: none;position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%, -50%);transition: all 0.3s ease 0s;}
.blog-area .blog-thumbnail .icon li{display: inline-block;margin: 0 7px;transform: rotateX(90deg);transition: all 0.3s ease 0s;}
.blog-area .blog-thumbnail .icon li:last-child{ transition-delay: 0.2s; }
.blog-area .box-area-S:hover .blog-thumbnail .icon li{ transform: rotateX(0); }
.blog-area .blog-thumbnail .icon li a{display: block;width: 50px;height: 50px;line-height: 50px;border-radius: 50%;background: #fff;font-size: 25px;color: #000;transition: all 0.3s ease 0s;}
.blog-area .blog-thumbnail .icon li a:hover{background: #ff0c12;color: #fff;}
@media only screen and (max-width:990px){
    .blog-area .boverlay{ margin-bottom: 30px; }
}
/*----------------------------------------*/
/*  8. Contact Area
/*----------------------------------------*/
.contact-area .cf-single {
    background: #f2f2f2;
    padding: 3em 5em 5em 8em;
}

.contact-area .section-title h3 {
    font-size: 32px;
    color: #000;
    font-weight: 600;
    margin: 0;
    margin-bottom: 15px;
}
.contact-area .section-title p {
    font-size: 16px;
    color: #7e8387;
    font-weight: 300;
    margin-right: 0em;
    line-height: 1.5em;
    margin-bottom: 25px;
}
.contact-area .section-c-data .phonel {
    font-size: 14px;
    font-weight: 300;
    color: #7e8387;
    margin: 1em 0;
}
.contact-area .section-c-data .phone {
    font-size: 32px;
    color: #000;
    font-weight: 600;
}
.contact-area .section-c-data i {
    background: #0d61cc;
    font-size: 50px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    color: #fff;
    border-radius: 8px;
    transition-property: background, border-radius;
    transition-duration: 1s;
    transition-timing-function: linear;
}
.contact-area .cf-single:hover .section-c-data i{   
    background: #ff0c12;
    border-radius: 50%;
}

.contact-area .ct-appintment-member-wrap label{   
     display: inline;
     color:#fff;
     font-size: 15px;
}
.contact-area .ct-appintment-member-wrap input::placeholder{
    opacity: 1;
    color: #868686;
}

.ct-appintment-member-wrap input[type="text"], 
.ct-appintment-member-wrap input[type="email"], 
.ct-appintment-member-wrap input[type="url"], 
.ct-appintment-member-wrap input[type="password"], 
.ct-appintment-member-wrap input[type="search"], 
.ct-appintment-member-wrap input[type="number"], 
.ct-appintment-member-wrap input[type="tel"], 
.ct-appintment-member-wrap input[type="range"], 
.ct-appintment-member-wrap input[type="date"], 
.ct-appintment-member-wrap input[type="month"], 
.ct-appintment-member-wrap input[type="week"], 
.ct-appintment-member-wrap input[type="time"], 
.ct-appintment-member-wrap input[type="datetime"],
.ct-appintment-member-wrap input[type="datetime-local"], 
.ct-appintment-member-wrap input[type="color"],
.ct-appintment-member-wrap input[type="file"],
.ct-appintment-member-wrap textarea{    
    border: 2px solid #fff;
    background: none;
    z-index: 2000;
    width: 100%;
    color: #fff;
    margin: 0 0 10px 0;
    border-radius: 0px;
    padding: 0px 25px 0 4em;
    font-size: 14px;
    height: 65px;
    background: #182849;
    border-radius: 0 5px 5px 0;
}
.ct-appintment-member-wrap input[type="file"] {
    cursor: pointer;
      padding: 15px 25px 0 4em;
    margin: 0 0 15px 0px;
}

.ct-appintment-member-wrap select{
    outline: 0;
    border: 2px solid #fff;
    z-index: 2000;
    width: 100%;
    color: #fff;
    margin: 0 0 6px 0;
    border-radius: 0;
    padding: 15px 25px 0 4em;
    font-size: 14px;
    height: 65px;
    background: #182849;
}
.ct-appintment-member-wrap input[type="checkbox"], 
.ct-appintment-member-wrap input[type="radio"],
.ct-appintment-member-wrap input[type="file"]{
    margin: 0 0 10px 0;
}

.ct-appintment-member-wrap textarea {
    height: 100px;
    padding: 15px 25px 0 4em;
}
.contact-area .ct-appintment-member-wrap textarea::placeholder{
    color:#fff;
}

.ct-appintment-member-wrap label{
    color:#fff;
    margin:0;
    width: 100%;
}
.ct-appintment-member-wrap input[type="submit"]{   
    border: none;
    padding: 12px 2em 12px;
    height: 55px;
    font-size: 19px;
    border-radius: 5px;
    font-weight: 500;
    text-indent: -999px;
    background: none;
    height: 40px;
    font-size: 20px;
    float: right;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 65px;
}
.ct-appintment-member-wrap input[type="submit"]:hover{   
    background: #ffd317;
}

.contact-area .wpcf7:after {
    content: "\f1d8";
    position: absolute;
    top: 18px;
    font-size: 23px;
    right: 5%;
    color: #fff;
    background-repeat: no-repeat;
    height: 26px;
    width: 30px;
    font-family: 'Fontawesome';
}

.ct-appintment-member-wrap  {
    position: relative;
}

/*----------------------------------------*/
/*  Logo Area
/*----------------------------------------*/
#ourclient {
    background: #f6f6f6;
    padding: 3em 0;
    background: linear-gradient(0deg,#fff,#f5f5f5 80%) no-repeat;
}
.clientlogobx{
    cursor:pointer;
    position:relative;
}
.ourclients-post .clientlogobx img{
        display: block;
    transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.ourclients-post .clientlogobx img:hover{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
        transform: scale(1.1) rotateZ(0deg);
    -moz-transform: scale(1.1) rotateZ(0deg);
    -webkit-transform: scale(0.95) rotateZ(0deg);
    -o-transform: scale(1.1) rotateZ(0deg);
    opacity: 0.8;
}

.ourclient-single-area {
    margin-bottom: 1em;
}
.ourclients-post {
    margin-right: 4em;
}
.ourclient-single-area:last-child .ourclients-post{
   margin-right: 0;
}
.pro-support {
    padding: 3em 0px 0;
}
.pro_b-area-data h4.inner-area-title {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin: 0 0 3px;
}
.pro_b-single:hover .pro_b-area-data h4.inner-area-title{
    color: #0d61cc;
}

.pro_b-area-data .section-area-text{
    font-size: 14px;
    color: #7f878a;
    padding:0;
    margin: 0;
}
.support-area .pro_b-single{
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 1em;
    margin-bottom: 1.3em;
}
.pro-support .support-area:last-child .pro_b-single {
    border-bottom: 0px solid transparent;
}

.pro_b-single .hi-icon span {
    font-size: 35px;
    color: #7a8996;
    transition: .5s;
}

.pro_b-single:hover .hi-icon span {
    color: #ff0c12;
    transform: rotateY(360deg);
}
/*----------------------------------------*/
/*  9. Footer Area
/*----------------------------------------*/
.footer-area {position: relative;}
.footer-area .top-area {
    background: #0c0c0c;
}
.footer-area li {
    display: block;
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}
.footer-area li a {
    font-weight: 400;
}
.footer-area li.current_page_item a, .footer-area li.current_page_item:before {
    border-bottom: none;
}
.footer-area .footer-links-area 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;
}
.footer-area .footer-links-area li a:hover {
    -moz-transform: translate(15px, 0%);
    -ms-transform: translate(15px, 0%);
    -webkit-transform: translate(15px, 0%);
    -o-transform: translate(15px, 0%);
    transform: translate(15px, 0%);
    overflow: hidden;
}
.footer-area li a:hover {color: #FF9210; }
.footer-area .gallery-item { max-width: 47.33%;padding-right: 13px;padding-bottom: 13px;}
.footer-area .single-footer-1 .gallery-item {
    max-width: 33.33%;
    padding-right: 13px;
    padding-bottom: 13px;
}
.footer-area ul {margin: 0 0 15px 00px;}
.footer-area p {    
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}
.footer-area .footer-visit-area {
    border-bottom: 1px solid #1e1e1e;
}

footer#footer.footer-area .widget-title {    
    font-weight: 500;
    font-size: 20px;
    color: #FF9210;
    margin-bottom: 35px;
}
footer#footer.footer-area .widget-title:before {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    background: #242424;
    transition: width .3s;
    position: relative;
    top: 32px;
}
footer#footer.footer-area .widget:hover .widget-title:before {
    width: 100%;
}
.footer-area .social-profile-icons ul {  
    margin: 15px 0 0 10px;
}
.footer-area .social-profile-icons ul li {    
    display: inline-block;
    padding: 0;
    padding-right: 8px;
    font-size: 15px;
    font-weight: 800;
    margin: 0;
}
.footer-area .social-profile-icons ul li:before{
    display: none;
}
.footer-area .widget {margin-bottom: 1.5em;}
.footer-area .single-footer-1 .widget {margin-bottom: 0em;}

.footer-bottom-area ul li {display: inline-block;margin-left: 40px;margin-bottom: 0;position: relative;}
.footer-area .bottom-area {padding: 30px 0;}
.footer-area .bottom-area ul { margin-bottom: 0;}

.footer-text, .footer-text a {    
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}
.footer-area .pd-0{padding: 0;}
.footer-area .bottom-area li a:hover, .social-profile-icons li a:hover{border-bottom: 0;}
.footer-area .bottom-area li:hover a::after, .footer-area .bottom-area li:hover a:after {width: 20px;}
.footer-area .bottom-area li a:after, .footer-area .bottom-area li a:after {position: absolute;width: 0;height: 2px;background: #ff8b00;content: "";bottom: -5px;left: 2px;transition: .3s;}
.footer-area .bottom-area li.current_page_item a:after{position: absolute;width: 20px;height: 2px;background: #ff8b00;content: "";bottom: -5px;left: 2px;transition: .3s;}

.footer-area .bottom-area {
    background: #101010;
}
.footer-area .bottom-area .footer-link {
    text-align: right;
}
.footer-area  ul {
    list-style: none;
    margin: 10px 0 0 10px;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
.footer-area ul.footer-V {
    list-style: none;
    margin:0px;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
.footer-area ul.footer-V li {
    display: inline-block;
    margin: 0;
    margin-right: 5em;
}
.footer-area ul.footer-V li h5 {
    font-size: 26px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 3px;
}
.footer-area ul.footer-V li p {
    font-size: 14px;
    margin: 0;
}

.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{    
    background: none;
    border: 1px solid;
    font-size: 15px;
    font-style: italic;
    height: 50px;
    width: 100%;
    margin-bottom: 30px;
    padding: 15px 10px;
    font-style: normal;
    font-weight: 400;
}
.footer-area input[type="submit"] {  
    background: #0d61cc;
    border: 2px solid;
    font-size: 15px;
    font-weight: 600;
    border: none;
    padding: 0px;
    padding: 15px 35px;
    color: #FFF;
    -moz-transition: all 0.3s ease;
    border-radius: 50px;
    box-shadow: none;
}

.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 i.fa {    
    padding: 0;
    font-size: 18px;
    font-size: 20px;
    margin-right: 8px;
}
.footer-area .social-profile-icons i.fa {    
    padding: 0 10px;
    font-size: 25px;
    margin-right: 0;
}
.footer-area table tr {border-bottom: 1px dashed #a7a7a7; line-height: 28px;}
.footer-area table td {font-size: 15px;padding: 5px;}
.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:hover{opacity: 0.8;}
.footer-area p span {color: #fe900f;font-weight: 400;}

.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 {background: transparent;}
.single-footer-1 {
    padding-left: 0;
    float: right;
}
.single-footer-4 {padding-right: 0;}

.footer-area .footerlayer-1 {position: absolute;top: 18%;left: 5.3%; width: 25px;  z-index: 1;}
.footer-area .footerlayer-1 img { -webkit-animation: spin 10s linear infinite;animation: spin 10s linear infinite;width: 25px;}
.footer-area .footerlayer-2 {position: absolute; width: 35px; left: 3%; top: auto;bottom: 35%; z-index: 1;}
.footer-area .footerlayer-2 img { -webkit-animation: spin 10s linear infinite;animation: spin 10s linear infinite;width: 35px;}
.footer-area .footerlayer-3 {position: absolute; width: 16px; top: auto; bottom: 11%;left: 5%;z-index: 1;}
.footer-area .footerlayer-3 img { -webkit-animation: spin 10s linear infinite;animation: spin 10s linear infinite;width: 16px;}
.footer-area .footerlayer-4 {position: absolute; left: auto; right: 6%; width: 29px; top: 20.5%;   z-index: 1;}
.footer-area .footerlayer-4 img { -webkit-animation: spin 10s linear infinite;animation: spin 10s linear infinite;width: 29px;}
.footer-area .footerlayer-5 {position: absolute; top: 4%; right: 18%; z-index: 1;}
.footer-area .footerlayer-5 img { -webkit-animation: sp 3s linear infinite; animation: sp 3s linear infinite;width: 12px;}
.footer-area .footerlayer-6 {position: absolute; bottom: 14%; right: 5%; z-index: 1;}
.footer-area .footerlayer-6 img { -webkit-animation: sp 3s linear infinite; animation: sp 3s linear infinite;width: 22px;}

@keyframes sp {
    from {
        transform: translate(0, 0px);
    }

    65% {
        transform: translate(0, 30px);
    }

    to {
        transform: translate(0, -0px);
    }
}


.footer_area-img img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.footer_area-img {
    max-width: 80%;
    padding-top: 10px;
}

.footer_facility-text {
    padding: 5px 2em 15px;
    background: #e7e7e7;
    border: 1px solid #d3d3d3;
    border-right: 0;
    font-size: 15px;
    color: #4c4c4c;
    text-align: center;
}
.footer-facility-area .col-md-4.pd-0:last-child .footer_facility-text{
    border-right: 1px solid #d3d3d3;
}

.footer_facility-text i.fa {
      padding: 0;
    border-radius: 0%;
    width: 35px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    font-size: 27px;
    border: none;
    top: 5px;
    position: relative;
    color: #575757;
}
.footer-area .midix {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}


/*----------------------------------------*/
/*  05. Testimonials Page
/*----------------------------------------*/
#innerpage-box .ts-area-single {
    margin: 10px;
    background-color: #0d61cc;
    padding: 2em;
    border-radius: 10px;
    z-index: 1;
    overflow: hidden;
    -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);
    border-right: 10px solid #000;
}
#innerpage-box .ts-area-thumb{
    margin: 0 auto;
    float: right;
}
#innerpage-box .ts-area-c p {
    color: #fff;
}
#innerpage-box h6.ts-area-title {
    color: #fff;
    font-weight: 600;
    margin-top: 2em;
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#innerpage-box .ts-area-thumb {
    position: relative;
}
#innerpage-box .ts-shape-area {
    display: none;
}
#innerpage-box .ts-area-single .section-area-text {
    margin-bottom: 2.5em;
}
#innerpage-box .innts-t{
    width: 100%;
}
#innerpage-box .innts-img {
    width: 100px;
}
#innerpage-box .ts-area-thumb img {
    border-radius: 50%;
    text-align: center;
    width: 90px;
    height: 90px;
    transition: all .7s linear;
    border:5px solid #fff;
}
#innerpage-box .ts-b:hover .ts-area-thumb img {
    transform: scale(1.1) rotateZ(0deg);
    -moz-transform: scale(1.1) rotateZ(0deg);
    -webkit-transform: scale(1.1) rotateZ(0deg);
    -o-transform: scale(1.1) rotateZ(0deg);
}
div#content-box .ts-b {
    position: relative;
    margin-bottom: 3em;
}
div#content-box .timeline-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #0d61cc;
    border: 4px solid #fff;
    margin: 0 auto;
    position: absolute;
    top: -25px;
    left: 40%;
    z-index: 2;
}
div#content-box .timeline-icon1 {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #0d61cc;
    margin: 0 auto;
    position: absolute;
    top: 4px;
    left: 44%;
    z-index: 2;
}
#innerpage-box .ts-b .team-overlay {
        width: 100%;
    height: 100%;
    background: linear-gradient(0deg,#8972ea,#ff0c12 80%) no-repeat;
    color: #fff;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: all 0.5s ease-out 0s;
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    transition: all .7s linear;
    position: relative;
    top: -125px;
}
#innerpage-box .ts-b:hover .team-overlay {
    opacity: 0.4;
}
/*----------------------------------------*/
/*  09. Inner team page
/*----------------------------------------*/
#innerpage-box .in-our-team {
    text-align: center;
    margin-bottom: 30px;
}
#innerpage-box .our-team{
    display: none;
}

.in-our-team{overflow: hidden;box-shadow: 0 0 3px rgba(0,0,0,0.3);position: relative;}
.in-our-team:before{content: "";width: 100%;height: 100%;background-image: repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,0.1) 10px,rgba(0,0,0,0.1) 20px);position: absolute;top: 0;left: 0;z-index: 1;opacity: 0;transition: all 0.3s ease 0s;}
.in-our-team:hover:before{ opacity: 1; }
.in-our-team img{width: 100%;height: auto;transform: scale(1.2);transition: all 0.3s ease 0s;}
.in-our-team:hover img{filter: sepia(100%) grayscale(100%) ;transform: scale(1);}
.in-our-team .box-content{width: 70%;height: 100%;padding: 15px 0 0 15px; background: #000;opacity: 0.8;position: absolute;top: 0;left: -100%;transition: all 0.3s ease 0s;}
.in-our-team:hover .box-content{ left: 0; }
.in-our-team .title{    font-size: 20px;
    font-weight: 600;
    font-style: italic;
    color: #fff;
    letter-spacing: 1px;
    margin: 0;
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;}
.in-our-team .post{display: inline-block;font-size: 14px;color: #fff;letter-spacing: 2px;text-transform: capitalize;transition: all 0.8s ease 0.3s;}
.in-our-team .in-team-social-icon{padding: 0;margin: 0;list-style: none;text-align: center;position: absolute;top: 50%;right: -100%;z-index: 1;transform: translateY(-50%);transition: all 0.3s ease 0s;}
.in-our-team:hover .in-team-social-icon{ right: 25px; }
.in-our-team .in-team-social-icon:after{content: "";width: 130%;height: 100%;background: #ff0c12;opacity: 0.7;position: absolute;top: 0;left: 50%;z-index: -1;}
.in-our-team .in-team-social-icon li{display: block;margin: 10px 0;}
.in-our-team .in-team-social-icon li a{display: block;width: 40px;height: 40px;line-height: 40px;background: #fff;font-size: 18px;color: #ea1e1f;box-shadow: 0 0 10px rgba(0,0,0,0.4) inset;transition: all 0.3s ease 0s;}
.in-our-team .in-team-social-icon li a:hover{background: #ea1e1f;color: #fff;box-shadow: 0 0 10px #ea1e1f;}
#content-box .in-our-team .in-team-social-icon li:before{display: none;}
@media only screen and (max-width:990px){.in-our-team{ margin-bottom: 30px; }}
/*--------------------------------------------------------------
# Gallery page
--------------------------------------------------------------*/
.inner-page-gallery img {
    display: none;
}

.inner-page-gallery {
    display: block;
    position: relative;
    width: 35rem;
    height: 30rem;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-size: 120%;
    border-radius: 10%;
    -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    box-shadow: 0px 0.5rem 1rem rgba(0, 0, 0, 0.75);
    margin: 0 auto 30px;
    background-position: center !important;
}
.inner-page-gallery .text {
     display: block;
    position: absolute;
    width: auto;
    height: auto;
    line-height: normal;
    padding: 10px;
    left: auto;
    right: 26%;
    top: 50%;
    margin-top: -1.5rem;
    margin-left: -5rem;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    border-radius: 30px;
    background: #0d61cc;
    -webkit-transform: rotate(-180deg) translate(-10rem) rotate(180deg);
    transform: rotate(-180deg) translate(-10rem) rotate(180deg);
    box-shadow: 0px 0.5rem 1rem rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
.inner-page-gallery:hover {
    box-shadow: 0px 0.5rem 2rem rgba(0, 0, 0, 0.75);
    background-position: 0% 50%;
}
.inner-page-gallery:hover .text {
    -webkit-transform: rotate(-45deg) translate(0px) rotate(-315deg);
    transform: rotate(-45deg) translate(0px) rotate(-315deg);
    opacity: 0.5;
    width: 35rem;
    letter-spacing: 4px;
    height: 30rem;
    margin-top: -15rem;
    margin-left: -15rem;
    -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1), letter-spacing 1.5s ease-out;
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1), letter-spacing 1.5s ease-out;
    border-radius: 10%;
    right: 0px;
    padding: 40% 8px 0;
}

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

div#sitemap-box {
    border-top: 2px solid #f94c34;
    border-radius: 0;
}
div#sitemap-box:before {
       position: absolute;
    content: "";
    display: inline-block;
    width: 80px;
    border-width: 2px;
    border-style: solid;
    border-color: #0d61cc;
    right: 0;
    top: 15px;
    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: 15px 25px;
    color: #ffffff;
    border-radius: 25px;
    text-align: center;
    word-break: break-word;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    font-weight: 500;
}

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;
    border-bottom: none;
}
main#innerpage-box div#sitemap-box ul li a:before {
    content: "\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #0d61cc;
    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;
}
/*-----------------------
## End Site map Template 
-----------------------------*/

/*-----------------------
## Contact Template
-----------------------------*/

ul.contact-sm-links {
    list-style: none;
    margin: 2em auto 0;
}
ul.contact-sm-links li {
    padding: 7px 0;
    display: inline-block;
}
.social_area {
    padding: 5em 0;
}
#ht-contactus-wrap .contact-sm-links li a span {
      padding: 0;
    width: 60px;
    height: 60px;
    font-size: 25px;
    line-height: 60px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    background: #fff;
    border-radius: 50%;
      background:transparent;
}
#ht-contactus-wrap .contact-sm-links li a {
     font-size: 30px;
    border-radius: 50%;
}
#ht-contactus-wrap .contact-sm-links li a:hover span{
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
      background: #fff;
}
main#innerpage-box #ht-contactus-wrap .social_area h2 {
    font-size: 60px;
    font-weight: 600;
}
.map_area_label {
    text-align: center;
    padding: 6em 12em;
    padding: 6em 12em 2em;
}

main#innerpage-box #ht-contactus-wrap .map_area_label h4{
      font-size: 33px;
    color: #000;
    letter-spacing: -1px;
    line-height: 45px;
}
#ht-contactus-wrap .contact-page-form {
    text-align: center;
}
#ht-contactus-wrap .contact-page-form p{
    color: #fff;
}
.contact-mapbox {
    width: 100%;
     margin: 3em 0;
}

.contact-mapbox iframe {
    z-index: 1;
    width: 100%;
    height: 300px;
    border: 2px solid #767676 !important;
}
#ht-contactus-wrap .contact-page-form {
    text-align: left;
}
#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-bottom: 15px;
    border:2px solid;
    font-size: 14px;
    padding: 10px 8px;
    border-radius: 5px;
}
#ht-contactus-wrap input[type="checkbox"], 
#ht-contactus-wrap input[type="radio"], 
#ht-contactus-wrap input[type="file"] {
    margin-bottom: 15px;
}
#ht-contactus-wrap input[type="file"] {
    font-size: 14px;
}
#ht-contactus-wrap textarea {
    height: 60px;
}
#ht-contactus-wrap label {
    font-weight: 400;
        width: 100%;
}
#ht-contactus-wrap select {
    width: 100%;
}
#ht-contactus-wrap input[type=date] {
    line-height: 10px;
    padding: 8px 8px;
}
main#innerpage-box #ht-contactus-wrap h2{
    color: #333333;
    font-size: 45px;
    font-weight: 500;
}
#ht-contactus-wrap input[type="submit"] {
    float: right;
    padding: 10px 30px;
}

.pd-8 {
    padding: 0 8px;
}

#ht-contactus-wrap .address-box {
    background: #000000;
    padding: 4em 3em;
}

.mg-3 {
    margin: 3em 0;
}

.pd-r {
       padding: 4em 0;
    padding-right: 4em;
     text-align: right;
}

.pd-l {
        padding: 4em 0;
    padding-left: 4em;
     text-align: left;
}

main#innerpage-box .Address_area h4, 
main#innerpage-box .social_area h4  {
      font-size: 50px;
    color: #000;
    font-weight: 800;
}

main#innerpage-box .Contact_area_text {
    font-size: 16px;
    color: #777777;
    padding: 0 10px;
}
main#innerpage-box .social_area h4 {
    color: #fff;
}
main#innerpage-box .social_area .Contact_area_text {
    color: #fff;
}

#ht-contactus-wrap .Address_area i {
    font-size: 45px;
    color: #0d61cc;
}
#ht-contactus-wrap .contact_l_area i {
    font-size: 45px;
}

#ht-contactus-wrap .contact_l_area {
      padding-top: 15px;
    text-align: center;
}
#ht-contactus-wrap .contact-info {
     margin-top: 25px;
    color: #bebebe;
    font-size: 17px;
}
#ht-contactus-wrap .contact-info a{
    color: #bebebe;
}
#ht-contactus-wrap .contact_area {
        padding: 0 3em 0;
    margin-bottom: 1em;
}
#ht-contactus-wrap .contact-info p{
    margin: 0;
}
#ht-contactus-wrap .contactus-img img {
    width: 100%;
    height: 100%;
    border-radius: 0 10px 0 0;
}
#ht-contactus-wrap .tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
#ht-contactus-wrap .midix {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}


/*==== for slider bouncing arrow =========*/

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
}
40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
}
60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
}
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
/*==== for bouncing arrow =========*/
.social_area {
      position: relative;
    background: #0d61cc;
    padding: 8em 0 4em;
    text-align: center;
}
.social_area i.fa{
      font-size: 45px;
    color: #fff;
    z-index: 999;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: absolute;
    top: 60px;
    right: 50%;
    font-size: 43px;
}

/*-----------------------
## End Contact Template
-----------------------------*/

/*-----------------------
## FAQS page
-----------------------------*/
div#content-box .faq-content a.accordion {
    color: #444;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    padding: 5px 0;
    margin: 0;
    background: #fbb34d;
    border-radius: 10px 10px 0 0;
    box-shadow: none;
}
div#content-box .faq-content a.accordion.active, a.accordion:hover {
    /*background-color: #ddd;*/
    opacity: 1;
}
div#content-box .faq-content {
    margin-bottom: 0.5em;
}
div#content-box .faq-content a.accordion:before {
        content: "\f0ab";
    font-family: 'Fontawesome';
    color: #fff;
    float: right;
    position: absolute;
    top: 0;
    left: -1px;
    font-weight: normal;
    background: #0d61cc;
    width: 50px;
    height: 50px;
    line-height: 40px;
    padding: 0 9px;
    border-radius: 10px;
    border: 6px solid #fff;
    font-size: 26px;
}
div#content-box .faq-content a.accordion.active:before {
    content: "\f0aa";
    font-family: 'Fontawesome';
}
div#content-box .faq-content div.panel {
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin: 0px 0 0px 0.2em;
    border-top: 0;
    padding: 20px 1.5em 10px;
    box-shadow: none;
    background: #000;
    border-radius: 0 0 10px 10px;
    border: 2px solid #000;
    border-top: 0;
}

div#content-box .faq-content div.panel p{
    margin:0 0 10px;
}
div#content-box .faq-content div.panel.show {
    opacity: 1;
    max-height: 500px;  
}
main#innerpage-box div#content-box h3.faq-title {
        padding: 10px 25px 10px 65px;
    margin: 0;
    font-weight: 300;
    line-height: 28px;
    word-break: break-word;
    background: #0d60cc;
    border-radius: 10px;
    margin: 0 0 0 0px;

}
div#content-box .faq-content.padding0 p {
    font-size: 15px;
    padding: 25px 25px 10px 25px;
    letter-spacing: 1px;
    word-break: break-word;
}
/*-----------------------
## End FAQS page
-----------------------------*/

body.page-template-default main#innerpage-box h2, 
body.page-template-default main#innerpage-box h1,
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,
main#innerpage-box h2, #blog-box h4, 
h1.product_title.entry-title {
    font-size: 16px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

/*===========*/
.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;}
@media screen and (min-width: 769px){
    .inside-full-height{height:100%}

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

.ctrl {text-align: center;margin-top: 5px;}
.ctrl-btn {font-size: 13px !important; background: none;border: none;font-weight: 600;text-align: center;cursor: pointer;outline: none;color: #9e9e9e;position: absolute;margin-top: -60.5px;height: 23px;bottom: 0;}
.ctrl-btn:hover{color:#000;background: none;}
.ctrl-btn.pro-next {right: 45%;position: absolute;border: 2px solid #bfbfbf; padding: 3px 5px 3px 5px;margin: 0;z-index: 999;height: 45px;width: 45px;}
.ctrl-btn.pro-prev {left: 46%;position: absolute;border: 2px solid #bfbfbf;padding: 0;margin: 0; z-index: 999;height: 45px;width: 45px;}
/*--------------------------------------------------------------
## Add to card
--------------------------------------------------------------*/
.total-count a.button.wc-forward { background: none; border: none; position: relative; right: 19px;}
.total-count a.button.wc-forward:hover { background: none; border:none;}
.total-count .count {    
    color: #eef3f7;
    position: absolute;
    padding: 0;
    z-index: 1;
    top: 27px;
    right: 0px;
    font-size: 14px;
    border-radius: 30px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: #2973d2;
}
.total-count img {
    width: auto;
    height: auto;
    margin: 0px 0 0;
    position: relative;
    top: 37px;
    right: 14px;
    z-index: 2;
}
/*--------------------------------------------------------------
## carousel slider
--------------------------------------------------------------*/
.carousel-inner {
    border-radius: 10px;
}
.quote-box:after{
    content: "";
    background-image: url(images/quote-boxbg.png);
    width: 28px;
    height: 23px;
    position: absolute;
    background-repeat: no-repeat;
    bottom: -23px;
    left: 10%;    
}
.quote-box{
    border: 2px solid #ffffff;
    position: relative;    
    padding:20px;   
}

#quote-carousel {
    padding: 0 10px 30px 10px;
    clear: both;
    /*margin-top: 30px;*/
}

#quote-carousel .carousel-control {
    background: none;
    color: #fc856d;
    font-size: 1.3em;
    text-shadow: none;
    margin-top: 225px;
    opacity: 1;
    z-index: 2000;
}
#quote-carousel .carousel-control.left {
    left: -35px;
    top: -60px;
}
#quote-carousel .carousel-control.left i {
    color: #fff;
    background: #c6c6c6;
    border-radius: 50%;
    padding: 5px 12px;
    opacity: 1;
    display: block;
}
#quote-carousel .carousel-control.right {
    right: -35px;
    top: -60px;
}
#quote-carousel .carousel-control.right i {
    color: #fff;
    background: #c6c6c6;
    border-radius: 50%;
    padding: 5px 12px;
    opacity: 1;
    display: block;
}
#quote-carousel .carousel-control.left i:hover {
    color: #ea70a1;
}
#quote-carousel .carousel-control.right i :hover {
    color: #ea70a1;
}
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -50px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    cursor: pointer;
    border-radius: 50px;
    overflow: hidden;
    transition: all 0.4s;
    margin-right: 8px;
}
#quote-carousel .carousel-indicators .active {
    background: #ffffff;
    width: 10px;
    height: 10px;
    border-color: #fff;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner {
    min-height: 170px;
        position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.home-page {
    padding: 0 0 30px 0;
}
#innerpage-box{
    padding:0;
    background: #ffffff;
}
.single-post .ht-main-title {
    margin: 0px 0 15px;
    padding: 15px 15px 0;
}
.innerpage-whitebox{
     padding: 0 1em;
    border-radius: 10px;
    margin-bottom: 10px;
}
#content-box h4{
    margin: 20px 0 5px 0; 
}
#content-box ul{
    padding: 0 0 20px 0;
    list-style: none;
    font-size: 18px;
    margin: 0;
}
#content-box ul li:before {
       content: "\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #fff;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
#content-box ul li:hover:before {
    transform: scale(1.4);
}

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

#content-box ul li {
    margin: 10px 0;
}
main#innerpage-box #content-box ol {
    margin: 0;
}
#content-box ol {
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
}

#content-box ol li {
    position: relative;
    padding-left: 60px;
    min-height: 60px;
    padding-top: 10px;
}
#content-box ol li:before {
    content: counter(li);
    counter-increment: li;
    color: #fff;
    background: #f07100;
    border-radius: 50%;
    font-size: 18px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 10px 30px 0 #88828230;
}
.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-content,
.entry-content,
.entry-summary {

}

.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;
    font-family: 'Oswald', sans-serif;
}

.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;
    text-transform: uppercase;
}

.ht-post-info .entry-date span.ht-day{
    font-size: 60px;
    line-height: 1.3;
    color: #fe5722;
}

.ht-post-info a{
    display: block;
    text-decoration: none;
    line-height: 1.4;
    padding: 20px 0 0;
    text-transform: uppercase;
    border-top: 1px solid #EEE;
    font-size: 12px;
    color: #444;
    font-weight: 300;
}

.ht-post-wrapper{
    padding-left: 105px;
}

.entry-figure{
    background: #f9f9f9;
    text-align: center;
    margin-bottom: 15px;
}

.entry-header .entry-title{
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.entry-figure + .entry-header{
    background: #FFF;
    position: relative;
    margin-top: -65px;
    width: 90%;
    padding: 15px 0 1px;
}

.entry-header .entry-title a{
    text-decoration: none;
    color: #333;
}

.entry-categories{
    font-size: 14px;
    color: #666;
    font-style: italic;
    margin-bottom: 15px;
}

.entry-categories .fa{
    color: #fe5722;
    margin-right: 8px;
}

.entry-categories a{
    color: #666;
    text-decoration: none; 
}

.entry-readmore{
    margin-top: 20px;
}

.entry-readmore a{
    background: #fe5722;
    padding: 0 20px;
    line-height: 40px;
    color: #FFF !important;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
}

.entry-readmore a:hover{
    background: #333;
    color: #FFF;
}

section ul{
    padding: 0 0 20px 0;
}

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

.error404 .oops-text{
    text-align: center;
}

.toggle-bar{
    display: none;
}

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

@media only screen and (max-width: 767px){
  .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 479px){
   .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 359px){
   .error404 .error-404{ font-size: 122px; }
}
@media screen and (min-width: 769px){
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    
}
.woocommerce #reviews h2 small{
    float: none;
}
/*-----------------------
## page scroll
-----------------------------*/

#back2Top {
    width: 43px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 13px;
    right: 30px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    border-radius: 4px;
    background: transparent;
    height: 43px;
}
#back2Top:hover {
    background-color: transparent;
    color: #fff;
}

#innerpage-box p {
    font-size: 15px;
}
.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 li {
    font-size: 15px;
}
.sidebar_list {
    margin-top: 2em;
}
div#secondary caption {
    padding-top: 12px;
    padding-bottom: 12px;
}
div#secondary .widget_calendar table {
    margin: 0;
    padding: 0;
}
div#sidebars ins {
    background:none;
}
div#blog-box.innerpage-whitebox {
    margin: 0;
}
.single_post i.fa.fa-calendar-o {
    padding-right: 10px;
}
div#commentsAdd .comment-form [class*="comment-form"] {
    width: 100%;
}
main#innerpage-box #comments li.comment {
    background: transparent;
    border: 0;
}
.woocommerce ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price del {
    font-size: 15px;
}
.single-productpage h2.woocommerce-loop-product__title {
    line-height: 33px;
    word-break: break-word;
}
main#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
    height: 100%;
}
div#blog-box.innerpage-whitebox .post.excerpt {
        transition: all 0.3s ease 0s;
    text-align: center;
    background: #eee;
    padding: 2em;
    border-radius: 10px;
    margin-bottom: 20px;
}
div#blog-box .inner-blog-excerpt {
    font-size: 14px;
    line-height: 20px;
    padding-top: 2em;
    text-align: left;
}
main#innerpage-box div#commentsAdd textarea#comment {
    background: transparent;
}
div#respond textarea#comment {
    background-color: #e9e9e9;
    height: 150px;
    height: 150px !important;
}
div#comments input[type="submit"] {
    padding: 10px 20px;
    border-radius: 5px;
    height: 50px;
}

#innerpage-box .widget-area .widget-title {
      font-size: 16px;
    color: #000;
    font-weight: 700;
    background-color: transparent;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #e5e5e5;
    position: relative;
        display: block;
}
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;
            box-shadow: none;
}
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: 40%;
    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);
}
/*-----------------------
## End search  
-----------------------------*/

.inner-blog-post {
    transition: all 0.3s ease 0s; 
    text-align: center;
    background: #eee;
    padding: 2em;
    border-radius: 10px;
    margin-bottom: 20px;
}

.inner-blogpost {
    position: relative;
    transition: all 0.3s ease 0s;
}
.ht-blog-thumbnail{
    overflow: hidden;
    position: relative;
    border-radius: 6px;
}
.ht-blog-thumbnail a {
    display: block;
    position: relative;
    z-index: 1;
}

main#innerpage-box .ht-blog-thumbnail {
    overflow: hidden;
}

main#innerpage-box .ht-blog-thumbnail img {
/*    transform: scale(1);
    transition: all 1s ease 0s;*/
    width: 100%;
    height: 100%;
        transition: 1s ease-out;
    border-radius: 3px;
    opacity: 1;
}
main#innerpage-box .ht-blog-thumbnail:hover img {
    transform: scale(1.2);
}

main#innerpage-box .ht-blog-thumbnail a:before {
    transition: all .5s ease;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0d61cc;
    transform: scale(0);
}
main#innerpage-box .ht-blog-thumbnail:hover a:before {
    opacity: .7;
    transform: scale(1);
}
main#innerpage-box .ht-blog-thumbnail a:after {
    transition: all .6s ease .2s;
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    /* border: 1px solid #aaa; */
    background: #0d61cc;
    opacity: 0;
    transform: scale(0);
}
main#innerpage-box .ht-blog-thumbnail:hover a:after {
    opacity: .3;
    transform: scale(1);
}

.ht-blog-thumbnail .socialMedia a:before, .ht-blog-thumbnail .socialMedia a:after {
    display: none;
}

.inner-blogpost-info {
    padding: 2em 0 0;
}

main#innerpage-box #blog-box h2 {
     margin: 15px 0 15px 0;
    font-weight: 600;
}
.inner-blog-excerpt {
    font-size: 14px;
        line-height: 20px;
}
#blog-box .ht-blog-date{
    font-size: 16px;
    margin-bottom: 15px;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    border: 2px solid #fff;
    font-weight: 600;
    background: #fc226a;
}
#blog-box .ht-blog-date .fa{
   margin-right: 5px;
}

.inner-blogpost-info .socialMedia a {
       font-size: 20px;
    padding: 10px 15px;
    line-height: 20px;
    margin: 0 0px;
    transition: 0s;
    background: #0d61cc;
    border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    display: inline-block;
}
.inner-blogpost-info .socialMedia a:hover {
    background: #fff;
}

.blog-read-more a {
    font-size: 15px;
    background: #fc226a;
    border: 3px solid #7c529c;
    padding: 5px 40px;
    display: inline-block;
    line-height: 40px;
    color: #fff;
    border: 3px solid;
    border-radius: 50px;
}
.blog-read-more {
    padding-top: 1em;
}
main#innerpage-box #blog-box h2 {
    font-size: 20px;
}


/*-----------------------
## Blog category Page 
-----------------------------*/

div#blog-box article.post.excerpt {
    position: relative;
    margin-bottom: 4em;
}
div#blog-box .innerblogpost .inner-catblogpost {
/*    text-align: left;
    float: left;*/
    transition: all 0.3s ease 0s;
}

div#blog-box .innerblogpost .ht-catblog-thumbnail {
    position: relative;
    transition: all 0.3s ease 0s;
}
div#blog-box .innerblogpost .ht-catblog-thumbnail img{
       width: 100%;
    height: 100%;
}

/*div#blog-box .post.excerpt:nth-child(2n) .inner-catblogpost {
    float: right;
    text-align: right;
}
div#blog-box .post.excerpt:nth-child(2n) .ht-catblog-thumbnail {
    float: right;
}

div#blog-box .post.excerpt:nth-child(2n) .inner-catblogpost-info {
   text-align: left;
}
*/


div#blog-box .innerblogpost .ht-catblog-thumbnail .featured-thumbnail {
    overflow: hidden;
    position: relative;
    border-radius: 6px;
}

div#blog-box .innerblogpost .ht-catblog-thumbnail .featured-thumbnail img {
    width: 100%;
    height: 100%;
    transition: 1s ease-out;
    border-radius: 3px;
    opacity: 1;
}
div#blog-box .innerblogpost .ht-catblog-thumbnail .featured-thumbnail:hover img {
    transform: scale(1.2);
}

div#blog-box .innerblogpost .ht-catblog-thumbnail .featured-thumbnail:before {
    transition: all .5s ease;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0d61cc;
    transform: scale(0);
}
div#blog-box .innerblogpost .ht-catblog-thumbnail .featured-thumbnail:hover:before {
    opacity: .7;
    transform: scale(1);
}
div#blog-box .innerblogpost .ht-catblog-thumbnail .featured-thumbnail:after {
    transition: all .6s ease .2s;
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    /* border: 1px solid #aaa; */
    background: #0d61cc;
    opacity: 0;
    transform: scale(0);
}
div#blog-box .innerblogpost .ht-catblog-thumbnail .featured-thumbnail:hover:after {
    opacity: .3;
    transform: scale(1);
}


div#blog-box .innerblogpost .inner-catblogpost-info .socialMedia a {
       font-size: 20px;
    padding: 10px 15px;
    line-height: 20px;
    margin: 0 0px;
    transition: 0s;
    background: #0d61cc;
    border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    display: inline-block;
}

.inner_contentbox {
    position: relative;
    top: -3em;
    background: #fff;
    padding: 3.5em 0em 0;
    border-radius: 10px;
}
#blog-box .inner-blog-excerpt {
    margin: 0 0 20px 0;
}
/*--------------------------------------------------------------
## 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;
  /*  border: 4px solid #f1f0f0 !important;*/
}
.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover {
 /*border-bottom: 1px solid #6a1b9a !important;*/
}
.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover{
    border-color: #6a1b9a;
}
 main#innerpage-box h2.woocommerce-loop-product__title {
    font-weight: 400;
    position: static;
    display: block;
    font-size: 16px;
    padding: 0 !important;
    text-transform: none;
    border: none;
    padding-bottom: 0 !important;
    margin: 7px 0 15px !important;
 }

.woocommerce ul.products li.product a img{
      border: 2px solid #eaeaea !important;
    /*height: 230px;*/
}
.woocommerce div.product div.images img {
       border: 2px solid #eaeaea !important;
}

.woocommerce ul.products li.product .total-product-title-wrap{
    padding:0;
    text-align: left;
}

.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{
    padding: 0;
    font-size: 14px !important;
    color: #000;
    font-weight: 400;
    margin: 7px 0 15px;
    line-height: 20px;
}
main#innerpage-box h2.woocommerce-loop-product__title:before {
        content: "\f06e";
    font-family: 'Fontawesome';
    color: #cfd0d5;
    font-size: 18px;
    background: #fff;
    border-radius: 50%;
    padding: 10px 12px;
    box-shadow: 0 12px 48px 0 #00000030;
    margin: 3px 10px;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 1.04s, opacity 0.1s 0.3s;
    position: absolute;
    bottom: auto;
    left: 0;
    top: 52%;
    display: block;
}

main#innerpage-box ul.products li.product:hover h2.woocommerce-loop-product__title:before {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.3s, opacity 0.1s;
    display: block;
}
main#innerpage-box h2.woocommerce-loop-product__title:hover:before {
    color: #0d61cc;
    transform: scale(1.4);
}
.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: 400;
}
.woocommerce ul.products li.product .price .amount {
    color: #868b9e !important;
    font-size: 16px;
    font-weight: 600;
}
.total-product-title-wrap {
    color: #7c8491;
}
.woocommerce ul.products li.product .price del .amount {
    color: #7c8491 !important;
    font-size: 14px;
    font-weight: 100;
}
.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;
   /* border:1px solid #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 {
    font-size: 0px;
    margin: 0;
    padding: 0;
    color: #FFF;
    border: 0;
    background: none !important;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 1.04s, opacity 0.1s 0.3s;
    position: absolute;
    bottom: auto;
    left: 0;
    display: block;
    top: 42%;
    text-indent: 0;
}

.woocommerce ul.products li.product .button:before {
       content: "\f07a";
    font-family: 'Fontawesome';
    color: #cfd0d5;
    font-size: 18px;
    background: #fff;
    border-radius: 50%;
    padding: 10px 12px;
    box-shadow: 0 12px 48px 0 #00000030;
    margin: 3px 10px;
}
.woocommerce ul.products li.product .button:hover:before{
    color: #0d61cc;
    transform: scale(1.4);
}
.woocommerce ul.products li.product:hover .button {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.3s, opacity 0.1s;
    display: block;
}
.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: 5px;
}

.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: 1px solid #fe5722;
    padding-bottom: 0px;
}

.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 {
    background-color: #fff;
    float: left;
    display: block;
    font-size: 16px;
    color: #282828;
    padding: 10px 0px 15px 0 !important;
    margin: 0;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 600;
    border-radius: 20px;
    border: none;
    line-height: 100%;
    transition: all 0.2s ease-in-out 0s;
    position: relative;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce #content 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 {
        float: left;
    margin: 0;
    margin-right: 30px;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:hover,
 .woocommerce div.product .woocommerce-tabs ul.tabs li:hover,
  .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:hover,
   .woocommerce-page div.product .woocommerce-tabs ul.tabs li:hover{
    color: #666;
}
/*.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before,*/
.woocommerce div.product .woocommerce-tabs ul.tabs li a:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:before, 
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:before, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background-color: transparent;
    left: 0;
    bottom: -1px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
    color: #666;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before, 
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:hover a:before, 
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:hover a:before, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:hover a:before {
    background-color: #666;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    color: #282828;
}

.woocommerce #reviews #comments h2, .woocommerce #reviews h3 {
    font-size: 22px !important;
    margin-bottom: 30px !important;
    padding: 0;
    display: block;
    margin: 0;
    background-color: #fff;
    border-radius: 0px;
    border: none;
    font-weight: 600;
}

.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;
    position: relative;
    display: inline-block;
    font-size: 16px !important;
    padding: 10px 0px 15px 0 !important;
    margin: 0 !important;
    text-transform: capitalize;
    font-weight: 600;
    border: none;
    line-height: 100%;
}
.related.products h2:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #666;
    left: 0;
    bottom: -1px;
}
.related.products h2.woocommerce-loop-product__title:after {
    height: 0!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]{
    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: 1;
    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: 1em;
}

.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 .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item{
    padding: 12px !important;
}

.woocommerce .widget_layered_nav ul li {
    padding: 12px !important;
}
.woocommerce .woocommerce-widget-layered-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #eaeaea;
    border-bottom: none;
}

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

/* Testimonial slider css */
.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}
/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/
.carousel-indicators li{
    background-color: #6963635c;
    border: 1px solid #6963635c;
}
/* GALLARY HOMEPAGE CSS */
main#innerpage-box div#ht-contactus-wrap a:hover {
    color: #444;
}
/**/
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 .post-date-publishable {
    padding-top: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.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);
}


/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce .star-rating {
    float: right;
    position: relative;
    height: 1.5em;
    line-height: 1;
    font-size: 1em;
    width: 100%;
    font-family: star; 
    overflow: initial;
}
.woocommerce .woocommerce-product-rating .star-rating { height: 3em;}
.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;*/
    padding-right: 5px;
}
.comment-text .star-rating {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}
.woocommerce .star-rating, .woocommerce-page .star-rating {
    margin-bottom: 0 !important;
}
#secondary ul.sub-menu {
    top: 0;
}
#secondary .current_page_item > a {
    border-bottom: none;
}
/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce div.product form.cart .button, 
.woocommerce-page div.product form.cart .button, 
.woocommerce #content div.product form.cart .button, 
.woocommerce-page #content div.product form.cart .button {
        min-width: 180px;
    background-color: #000;
    color: #fff;
    min-width: 180px;
    color: #fff;
    padding: 0 25px;
    height: 50px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border: none;
    border-radius: 0;
    opacity: 1;
}
.woocommerce div.product form.cart {
   margin-bottom: 1em;
    padding: 1.5em 0 1.5em;
    border: 1px solid #e1e1e1;
    border-left: 0;
    border-right: 0;
    margin-top: 1em;
}
.woocommerce .quantity .qty {
    height: 50px !important;
    width: 63px;
    padding-right: 4px;
    margin-right: 25px;
}
.woocommerce div.product .product_meta .posted_in, .woocommerce div.product .product_meta .tagged_as {
    display: block;
    font-weight: 400;
    line-height: 1.6;
}
.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 {
    float: left;
    margin: 0;
    margin-right: 30px;
        background: none;
    border: none;
        padding: 0;
}
.woocommerce #review_form #respond .form-submit input {
    border: 1px solid;
    padding: 12px 30px;
    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;
}
.woocommerce div.product div.images img:hover {
    opacity: 0.8;
}
.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
    clear: both;
    padding-top: 1.5em;
    border-top: 1px solid #e1e1e1;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    margin: 0;
    margin-bottom: 1.5em !important;
}
.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 {
   width: 100%;
   /* height: 240px;*/
    border-radius: 5px;
    border: 2px solid #eaeaea;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    border: 1px solid;
        padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce .widget_shopping_cart .buttons a, 
.woocommerce.widget_shopping_cart .buttons a {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {
    padding-top: 40px;
}
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;
}


/*===================== responsive ==========================*/


@media screen and (max-width: 1520px){
    div#pricing #curve {
        top: -150px;
    }
    .single-team .in-our-team ul > li > a {
        line-height: 30px;
        width: 30px;
        height: 30px;
    }
}
@media screen and (max-width: 1510px) and (min-width: 1445px){
    .inner-page-gallery:hover .text {
        width: 20rem;
        height: 20rem;
        margin-top: -10rem;
        margin-left: -10rem;
        padding: 35% 10px 0px;
    }
    .inner-page-gallery {
        width: 20rem;
        height: 20rem;
    }
    .inner-page-gallery .text {
        right: 40%;
    }
}

@media screen and (max-width: 1500px){
    .team-area img {
        width: 80px;
        height: 80px;
    }
    .team-area .single-team-img {
        top: -3em;
    }
    .inner-area-title {
        font-size: 17px;
    }
    .team-area .team-text {
        padding: 4.5em 1em 1em;
        margin: 0px 5px;
    }
    .team-area .team-social-icon {
        padding: 8em 0 2.3em;
    }
    .contact-area .section-c-data i {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
}
@media screen and (min-width: 1445px) and (max-width: 1500px){
    div#about svg {
        top: -360px;
    }

}
@media screen and (min-width: 1300px) and (max-width: 1446px){
    div#about svg {
        top: -326px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1446px){
       div#pricing #curve {
        top: -161px;
    }
}
@media screen and (min-width: 1300px) and (max-width: 1201px){
       div#pricing #curve {
        top: -175px;
    }
}


@media screen and (min-width: 1199px) and (max-width: 1301px){
    div#about svg {
        top: -299px;
    }
    div#pricing #curve {
        top: -148px;
    }
}
@media screen and (min-width: 1060px) and (max-width: 1198px){
    div#about svg {
        top: -265px !important;
    }
    div#pricing #curve {
        top: -138px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1061px){
    div#about svg {
        top: -255px;
    }
    div#pricing #curve {
        top: -125px;
    }
}

@media screen and (min-width: 887px) and (max-width: 1020px){
    div#about svg {
        top: -222px;
    }
     div#pricing #curve {
        top: -108px;
    }
}
@media screen and (min-width: 750px) and (max-width: 888px){
   div#about svg {
        top: -191px !important;
    }
    div#pricing #curve {
        top: -94px;
    }
}
@media screen and (min-width: 650px) and (max-width: 749px){
   div#about svg {
        top: -160px !important;
    }
     div#pricing #curve {
        top: -80px;
    }
}

@media screen and (min-width: 550px) and (max-width: 649px){
   div#about svg {
        top: -138px !important;
    }
     div#pricing #curve {
        top: -68px;
    }
}
@media screen and (max-width: 549px){
   div#about svg {
        top: -110px !important;
    }
     div#pricing #curve {
        top: -52px;
    }
}
@media screen and (max-width: 445px){
   div#about svg {
        top: -90px !important;
    }
     div#pricing #curve {
        top: -52px;
    }
}
@media screen and (max-width: 400px){
     div#pricing #curve {
        top: -45px;
    }
}
@media screen and (max-width: 370px){
   div#about svg {
        top: -71px !important;
    }
       div#pricing #curve {
        top: -37px;
    }
}

@media screen and (max-width: 320px){
    div#pricing #curve {
    top: -40px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1300px){
.inner-page-gallery {
    width: 23rem;
    height: 20rem;
}
.inner-page-gallery:hover .text {
    width: 23rem;
    height: 20rem;
    margin-top: -10rem;
    margin-left: -10rem;
    padding: 20% 10px 0px;
}
.inner-page-gallery .text {
    right: 40%;
}
.off-label-1 {
    font-size: 10px;
}
.off-label-2 {
    font-size: 11px;
}
.header-transparent .product-cat {
    width: 87%;
}
.slider_content {
    width: 340px;
    left: 82%;
    z-index: 999;
}
.slider-btn {
    padding: 10px 25px;
}
.slider_section a.btn {
    font-size: 15px;
}
.slider-procat {
    height: 400px;
}
.slider_section .bx-wrapper .bx-prev {
    bottom: 12%;
}
.topcategories-area .pro-cat-img img {
    height: 250px;
}
.blog-area .blog-thumbnail img {
    height: 265px;
}
.woocommerce ul.products li.product a img {
    /*height: 185px;*/
}
main#innerpage-box h2.woocommerce-loop-product__title:before {
    top: 44%;
}
.woocommerce ul.products li.product .button {
    top: 35%;
}
.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 {
    min-width: 105px;
    padding: 0 20px;
}

}



@media screen and (min-width: 1024px) and (max-width: 1200px){
  #quote-carousel .carousel-control.left {
    left: -42px;
}
#quote-carousel .carousel-control.right {
    right: -42px;
}
.ht-slider-highlighttext {
    font-size: 30px;
}
.ht-slide-cap-title.animated.fadeInDown {
    font-size: 35px;
}
#ht-appintment-section .box-effect {
   padding: 0;
}
.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;
}
.slider_section .title {
    font-size: 35px;
    line-height: 40px;
}
.slider_section .title b {
    font-size: 40px;
    margin-bottom: 6px;
}
.slider_content {
    top: 53%;
    width: 340px;
    left: 82%;
    z-index: 999;
}
.img-slide-responsive {
    right: 800px;
    top: -155px;
}
.single-team .in-our-team ul > li > a {
    line-height: 30px;
    width: 30px;
    height: 30px;
}
div#sb-search form {
    margin: 0 2em 0 0em;
}
.contact-area .section-c-data .phone {
    font-size: 23px;
}
.contact-area .wpcf7:after {
    right: 8%;
}

}


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

.features-area::before, .pricing-area::after{ width: 102%;}
}


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

    .footer-area .footerlayer-6{bottom: 25%;}
    .footer-area .footerlayer-3{bottom: 15%;}
    .footer-area .footerlayer-1{top: 5%;}

    .pricing-area .btn{padding: 13px 47px;}

    .slider_section::after{    bottom: -10.8%;}

    header.site-header span.text, .single-header-info span.theme-color{font-size: 11px;}
    header.site-header .d-flex {
    margin: 0 0%;
}
    .pricing-area .layer-part-4{left: 0%;}
    ul.pricing-list li{font-size: 14px;}
    .pricing-area .single-pricing h1 span.large{font-size: 55px;}

    .features-area .btn{padding: 18px 40px;}
    .features-area .owl-carousel .owl-nav button.owl-next{ right: -20px;  }
    .features-area .owl-carousel .owl-nav button.owl-prev{left: -20px;}

    .slider_section .title{
        padding-bottom: 5px;
    }
    .slider_section .sub-title{
        margin-top: 0px;
    }

    .innerpage-whitebox{
        padding: 1em 0em 1em 0em;
    }
    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%;
}
div#features .featured-high-area{ padding-top: 2em !important;}
div#blog { padding: 2em 0 2em 0em !important;}
#ourclient { padding: 2em 0 !important;}

div#problock1{ padding: 3em 0 !important;}
.offerbar-area { padding: 1em 0 !important;}
.contact-area .cf-single {
    padding: 3em !important;
}
}

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

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

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

@media (max-width: 1012px){
    .slider_section .title {
        font-size: 35px;
        line-height: 35px;
    }
    .slider_section .title b {
        font-size: 35px;
        margin-bottom: 0px;
    }
.tp-loop-wrap.rs-wave {
    min-width: 620px !important;
}

.slider_content {
    width: 390px;
    margin-left: -400px;
    left: 48%;
    top: 50%;
}
.slider-btn {
    margin-top: 1.3em;
}
.slider-btn {
    padding: 10px 20px;
}
.slider_section a.btn {
    font-size: 14px;
}
.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){
        .slider_section .title {
            font-size: 28px;
            line-height: 28px;
        }
        .slider_content {
            width: 485px;
            left: 85%;
        }
           .logo {
        position: relative;
       /* left: 40px;*/
        top: 0px !important;
        background: none !important;
        padding: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .sf-arrows .sf-with-ul:after{
        right: 30px !important;
    }

    .slider_content {
        width: 260px;
        margin-left: -400px;
        left: 82%;
    }
    .slider_section .sub-title {
        margin-bottom: 5px;
        font-size: 15px;
    }
    .ht-site-title, .site-title {
        font-size: 23px;
    }
    .header-share {
        top: 55px;
        right: 70px;
    }
    .team-area img {
        width: 100px;
        height: 100px;
    }
    .team-area .single-team-img {
        top: -2em;
    }
    .team-area .team-text {
            padding: 5.5em 1em 1em;
        }
    ul.nav.navbar-nav li.current_page_item a, .current_page_item > a {
        border-bottom: none;
    }
    .top-bar-head ul.nav.navbar-nav li:hover > ul,header.site-header .top-bar-head ul.sub-menu {
        top: 0;
    }
    div#navbarNavDropdown, #navbarTopNavDropdown {
            padding: 4em 15px 0px;
            border-right: 5px solid #fff;
        }
    .woocommerce-cart div#sb-search input.search-field, .woocommerce div#sb-search input.search-field  {
            width: 80% !important;
        }
        .header-transparent .product-cat {
            width: 87%;
        }
       .bottom-bar-head .navicon {
            top: 0px;
        }
        .total-count {
            position: relative;
        }
        .total-count img {
            position: absolute;
            top: -35px;
            right: 20px;
        }
        .total-count .count {
            top: -46px;
            right: 10px;
        }
        ul.nav.navbar-nav li {
            margin-right: 0px;
                padding: 0;
        }
        ul.sub-menu {
            top: auto;
        }
        .slider-procat {
            height: 300px;
        }
        .pro-box1-area,.pro-box2-area {
            margin: 0;
        }
        .pro-box1-area{
            margin-bottom: 10px;
        }
        .ourclients-post {
            margin-right: 1em;
        }
        .blog-area .slider .blog-items {
            width: 345px;
        }
        .contact-area .section-title p {
            margin-right: 0em;
        }
        .pro-featured-area .slider .slide-item, 
        .pro-recentpro-area .slider .slide-item {
            width: 152px;
        }
        .offer-b-single {
            padding: 1em 0!important;
        }
        #innerpage-box .innts-img {
            width: 70px;
        }
        #innerpage-box .ts-area-thumb img {
            width: 70px;
            height: 70px;
        }
        #innerpage-box .ts-area-bx:after {
            bottom: 100px;
        }
        .inner-page-gallery {           
             width: 30rem;
            height: 30rem;
        }
        .inner-page-gallery .text {
            right: 30%;
        }
        .inner-page-gallery:hover .text {
            width: 30rem;
        }
        .ct-appintment-member-wrap {
            margin-top: 1em;
        }
        .contact-area .wpcf7:after {
            right: 3%;
        }
        .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 {
            min-width: 145px;
        }

    }

@media screen and (max-width: 990px){
    div#postproducts .Postp_titlearea h3 {
        font-size: 35px;
        line-height: 45px;
    }
    div#postproducts .Postp_titlearea h3 b {
        font-size: 40px;
    }
    div#postproducts .Postp_titlearea p {
        font-size: 13px;
        line-height: 20px;
    }
    div#postproducts .ppost-area .postp_sarea .Postp_titlearea {
        padding: 1em 0;
    }
    div#postproducts .postp-area-btn a {
        font-size: 12px;
        padding: 8px 35px;
    }
    div#postproducts .postp-area-btn {
        margin-top: 1em;
    }
    .page-main-header {
        padding: 1em 0 4em!important;
    }
    .ht-main-title {
        text-align: center;
    }
    .breadcrumbbox {
        text-align: center;
    }

}
@media screen and (max-width: 990px){
    div#testimonials {
    padding: 1em 0 4em 0em !important;
}

div#testimonials .ts-pd {
    padding-top: 0;
}
}

@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;
        /* margin-left: 3%;*/
    }
    .ht-slide-caps-title.animated.fadeInDown {
        font-size: 26px;
    }
    .ht-main-navigation li{
        padding-right: 00px;
    }
    img.ht-page-header-img{
        height: 275px;
    }
    .ht-site-title a, .site-title a{
        top: 0 !important;
    }
    .ht-slide-cap-title.animated.fadeInDown
    {
        font-size: 22px;
    }
    .ht-slide-cap-desc.animated.fadeInDown{
     font-size: 13px;
     line-height: 20px;
 }
 .newsletter-form-box input[type="submit"]{
    left: 0px;
}
#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;
}
.ht-slide-cap-descmore {
    margin-top: 5px;
}
.section-title h2{font-size: 26px;margin-right: 2em;}
.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 {
    min-width: 150px;
}
.woocommerce ul.products li.product a img {
/*    height: 200px;*/
}
}

@media screen and (min-width: 320px) and (max-width: 425px){
    body {
        position: inherit; 
    }
}

@media screen and (max-width: 768px){
    .slider_section p{
        padding-left: 10px;
    }
    .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;
    }
    .ht-footer:last-child{
        margin-bottom: 0;
    }
    .ht-slide-cap-descmore a{
      font-size: 2vw;
  }
  .ht-slide-cap-title{
    font-size: 24px;
    font-size: 4vw;
    margin-bottom: 0px;
}

#primary{
    width: auto !important;
    float: none !important;
    margin-bottom: 30px;
}
#secondary{
    width: auto !important;
    float: none !important;
    margin-bottom: 30px;
}

div#postproducts .ppost-area .postp_sarea {
    margin-bottom: 2em;
}
 div#postproducts{
        padding: 2em 0 0 !important;
}
 main#innerpage-box .Address_area h4, main#innerpage-box .social_area h4 {
        font-size: 30px;
    }
    #ht-contactus-wrap .contact_l_area span {
        font-size: 22px;
    }
    #ht-contactus-wrap .contact-info {
        margin-top: 18px;
        font-size: 14px;
    }
    .pd-r {
            padding: 2em 0;
        padding-right: 2em;
    }
    .pd-l {
        padding: 2em 0;
        padding-left: 2em;
    }
    .mg-3 {
        margin: 2em 0;
    }
    .social_area i.fa {
        right: 49%;
    }
    div#offer {
        padding: 1em 0 !important;
        
    }


}
@media screen and (max-width: 775px){
.header-share {
    top: 55px;
    right: 35px;
}
.team-area .team-social-icon a i {
    margin: 0 0px;
    font-size: 14px;
    height: 25px;
    width: 25px;
    line-height: 20px;
}
}

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

}

@media screen and (min-width: 669px){
    #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-up , 
    #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-down {
    display: none;
}
#ht-contactus-wrap .Address_area i.fa.fa-long-arrow-right, 
#ht-contactus-wrap .Address_area i.fa.fa-long-arrow-left {
    display: block;
}

}

@media screen and (max-width: 668px){
    div#postproducts .ppost-area .postp_sarea:nth-child(2n) .Postp_titlearea {
        float: none;
    }
    #ht-contactus-wrap .contact_area {
    padding: 0px 0em 0;
}
#ht-contactus-wrap .address-box {
    padding: 3em 2em;
    text-align: center;
}
#ht-contactus-wrap .Address_area i.fa.fa-long-arrow-right, 
#ht-contactus-wrap .Address_area i.fa.fa-long-arrow-left {
    display: none;
}
 #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-up , 
    #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-down {
    display: block;
}
#ht-contactus-wrap .contact_l_area span {
    font-size: 35px;
}
#ht-contactus-wrap .contact-info {
    font-size: 15px;
}
.social_area i.fa {
    right: 45%;
}
.mg-3 {
    margin: 1em 0;
}
.pd-r {
    padding: 0em 0;
}
.pd-l {
    padding: 0em 0;
}
#ht-contactus-wrap .col-md-8.col-sm-8.col-xs-12 {
    padding: 0;
}
#ht-contactus-wrap .address-box {
    padding: 2em 0.5px;
    text-align: center;
}
#ht-contactus-wrap .contact-page-form {
    padding: 0 1em 1em;
}
#ht-contactus-wrap .contact-sm-links li a span {
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 45px;
}
.off-label-1 {
    font-size: 10px;
    margin-bottom: 1px;
    margin-top: 5px;
}
.off-label-2 {
    font-size: 11px;
    margin-bottom: 5px;
}
div#sb-search form {
    margin: 0 2em 0 2em;
}
.contact-area .section-c-data .phone {
    font-size: 19px;
}

}

@media screen and (max-width: 580px){
    .slider_section .bx-wrapper .bx-controls-direction a,
    .ht-testimonial-wrap .bx-wrapper .bx-controls-direction a{
        display: none;
    }    
    .ht-team-counter-wrap{
        margin-left: 0;
    }
    .ht-counter{
        width: 75%;
        float: none;
        margin: 0 auto 60px;
    }
    .ht-portfolio{
        width: 50%;
        padding: 4px;
    }
    .woocommerce ul.products li.product a img {
  /*  height: 240px;*/
}
}

    @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 button.header-btn{
        float: left;
    }
    .header.site-header ul.sub-menu li a:hover{
        padding-left: 15px;
        padding-right: 15px;
    }
    ul.nav.navbar-nav li ul li{
        top: auto;
    }
    ul.nav.navbar-nav li:hover > ul{
        position: relative;
        top: auto;
    }
    ul.nav.navbar-nav li:hover ul li:hover > ul{
        position: relative;
        left: 0;
    }
    ul.nav.navbar-nav li{
        bottom: auto;
    }
    .logo{
        top: 50%;
    }
    ul.nav.navbar-nav li ul li a{
        padding: 5px 0 5px 25px;
    }
    ul.nav.navbar-nav li a{
        text-align: left;
    }
    ul.nav.navbar-nav li:hover > ul{
        width: 100%;
    }

}

@media screen and (min-width: 320px) and (max-width: 768px){
    header.site-header .main-dispaly.padding0 {
        padding-right: 20px;
    }
    ul.nav.navbar-nav {
        right: 0;
        padding-left: 0;
    }
    header.site-header .top-bar-head ul{
        text-align: left;
    }
    .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;
        }
        ul.nav.navbar-nav li a{
            box-shadow: none;
        }
        .ti-home:before{
            left: 15px;
            top: 12px;
        }
        .is-fixed .main-bar ul.sub-menu {
            margin-top: 0 ;
        }
        ul.nav.navbar-nav li a,
        header.site-header ul.sub-menu li a{
          padding: 5px 0 5px 10px;
      }
      .ht-menu.clearfix ul {
        margin-left: 0;
    }

    header.site-header ul.sub-menu li a {
        padding: 5px 45px;
    }
    ul.sub-menu{
        position: relative;
        box-shadow: none;
        border-top: 0;
        margin-top: 0px;
        margin-left: 0;
    }

}

@media only screen and (max-width: 767px) {
    .slide-content p{
        display:none;
    }
    .slide-content-box{
        text-align:center;
    }
    .owl-slider.owl-theme .owl-dots {
        bottom: 180px;
        margin-top: 0;
        position: absolute;
        right: auto;
        text-align: center;
        top: auto;
        transform: translateY(-50%);
        width: 100%;
    }
    .site-header .navbar-toggler, 
    .site-header .is-fixed .navbar-toggler {
        margin: 22px 0 22px 10px;
        box-shadow: none;
    }
    .slide-content .button-lg {
        font-size: 13px;
        padding: 10px 15px;
    }
    .text-white .site-button.outline {
        padding: 8px 15px;
    }
    .abuot-box {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border-radius: 0;
        box-shadow: none;
        margin-top: 0;
        padding: 0;
        position: relative;
        width: 100%;
        z-index: unset;
    }
    .abuot-box [class*="col-"]{ 
        padding:0;
    }
    .choseus-tabs .title-head {
        display: unset;
    }
    .chosesus-content .abuot-box {
        background-color: rgba(255, 255, 255, 0.05);
        border-radius: 5px;
        left: auto;
        margin-top: 0;
        padding: 20px;
    }
    .chosesus-content .abuot-box p{
        color: #ffffff;
        font-size: 14px;
        opacity: 0.8;
    }
    .choses-info-content [class*="col-"] {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .inquiry-form{
        margin-top:0;
    }
    .contact-page{
        padding-bottom: 50px;
        padding-top: 100px;
    }
    .slider-procat {
        margin-bottom: 1.5em;
    }
    .slider_content {
        left: 75%;
        z-index: 999;
        width: 205px;
    }
}
@media screen and (min-width: 320px) and (max-width: 768px){

.footer-area .bottom-area{padding: 30px 0 !important;}
.single-footer-1 {
    padding-left: 0;
    float: left;
}

div#newsletter{padding: 4em 0 2em 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;}

.pricing-area .layer-part-9{z-index: 1;}
.pricing-area .layer-part-6{    bottom: 0.4%;}
.pricing-area .layer-part-5{    bottom: 3%;}

.slider_section .layer-2{top: 12.9%;}
.slider_section .layer-8 {
top: 11.5%;
}

.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;
}
.pricing-area .layer-part-4{left: 2%; z-index: 1;}
.pricing-area::after{left: -2%; bottom: -7.8%;height: 110px;}

.slider_section::after{ left: -4%; bottom: -20.8%; width: 104%; }

.features-area .owl-carousel .owl-nav button.owl-next{ right: -25px; }
.features-area .owl-carousel .owl-nav button.owl-prev{ left: -25px;  }

.bx-controls-direction { display: none;  }
.slider_section .layer-3{ top: 50.9%; }

header.site-header .d-flex{margin: 0 0% !important; }

.slider_section .box{ right: 0; }
.slider_section .box-hover, .box-hover-2, .slider_section .box{ width: 700px; }
.ht-site-description{padding-top: 0; }

.header-top-container{ padding:0px !important; }

.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;}
ul.nav.navbar-nav li a:after{ content: none; }
ul.nav.navbar-nav li ul li{ box-shadow: none; padding-left: 0; }
ul.sub-menu{ border-radius: 0; }
.sf-arrows .sf-with-ul:before{ right: 40px !important; }

.header-seo.header-transparent .is-fixed .main-bar {background-color: transparent !important;padding: 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 (max-width: 747px){
.slider_gradiant {
    right: 0%;
}
.tp-loop-wrap.rs-wave {
    min-width: 617px !important;
}


}


@media screen and (min-width: 639px) and (max-width: 722px){
   .tp-loop-wrap.rs-wave {
        min-width: 586px !important;
    }

}


@media screen and (min-width: 627px) and (max-width: 685px){
     .tp-loop-wrap.rs-wave {
        min-width: 490px !important;
    }

}
@media screen and (min-width: 521px) and (max-width: 621px){

    .tp-loop-wrap.rs-wave {
        min-width: 475px !important;
    }

}
@media screen and (min-width: 521px) and (max-width: 594px){

    .tp-loop-wrap.rs-wave {
        min-width: 380px !important;
    }
    
}
@media screen and (max-width: 558px){
    .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 {
        min-width: 125px;
        padding: 0 20px;
    }
}

@media screen and (max-width: 520px){
#featuredproduct .col-md-3 {
    width: 100%;
    padding: 15px;
}
#newarrival .col-md-3.na_area {
    width: 100%;
}
.slider_section .title {
    font-size: 25px;
    line-height: 25px;
}
.slider_section .title b {
    font-size: 25px;
    margin-bottom: 0px;
}
.slider_section .sub-title {
    font-size: 14px;
    line-height: 14px;
}
.slider_section a.btn {
    font-size: 11px;
}
.tp-loop-wrap.rs-wave {
        min-width: 380px !important;
    }
       .img-slide-responsive {
        right: 380px;
    }
    div#problock1 {
    padding: 1em 0 !important;
}
.inner-blog-excerpt {
    padding: 10px 0 0;
}

div#blog-box .innerblogpost .inner-catblogpost {
    margin-bottom: 0;
}
#innerpage-box h6.ts-area-title {
    margin-top: 0.5em;
}
#innerpage-box .ts-area-thumb img {
    width: 40px;
    height: 40px;
}
#innerpage-box .innts-img {
    width: 40px;
}
#innerpage-box .ts-area-bx:after {
    width: 40px;
    left: 10%;
    bottom: 75px;
}
body.page-template-default #innerpage-box h6.ts-area-title{
    font-size: 15px!important;
}
.contact-area .section-c-data .phonel {
    margin: 0em 0 1em;
}
#innerpage-box .ts-area-single {
    padding: 1em;
}
.slider_content {
    left: 105%;
}

main#innerpage-box h2.woocommerce-loop-product__title:before {
    top: 50%;
}
.woocommerce ul.products li.product .button {
    top: 40%;
}
.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 {
    min-width: 110px;
    padding: 0 10px;
}
.woocommerce .quantity .qty {
    margin-right: 5px;
}


}


@media screen and (min-width: 320px) and (max-width: 475px){
    .ht-site-description{
        font-size: 12px;
    }
    .tp-loop-wrap.rs-wave {
        min-width: 300px !important;
    }
    .share-btn ul li a.site-button {
        width: 30px;
        line-height: 30px;
        height: 30px;
    }
    .share-btn ul li {
        margin-left: -30px;
    }
    .share-btn {
        bottom: 13px;
    }
    .inner-page-gallery {
        width: 330px;
        height: 300px;
    }
    .inner-page-gallery .text {
        right: 25%;
    }
    .page_featured {
        margin: 0 2em;
        margin-bottom: 1em;
        padding: 3em 4em;
      /*  background-position: center!important; */
    }
    body.page-template-default main#innerpage-box h1, .ht-main-title, #ht-contactus-wrap h1 {
    font-size: 25px !important; 
}
.blog-area .slider .blog-items {
    width: 175px;
}
.contact-area .wpcf7:after {
    right: 6%;
}
.inner-page-gallery:hover .text {
    width: 33rem;
}
}
@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: 14px !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;
    }
    div#blog-box.innerpage-whitebox {
        padding: 0em 1em 2em 1em;
    }
    .slider_section .char{
        font-size: 12px;
        height: 20px;
    }
    .slider_section p{
        width: 90%;
        font-size: 12px;
        line-height: 20px !important;
        padding: 0;

    }
    .ht-slide-cap-desc{
       font-size: 28px;
       line-height: 35px;
       margin-bottom: 10px;
   }
    .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;
    }
    .slider_content {
    left: 110%;
}
}
@media screen and (min-width: 320px) and (max-width: 475px){

.footer-area .footerlayer-3{bottom: 10%;}
.footer-area .footerlayer-2{bottom: 40%;}
.footer-area .footerlayer-1{top: 2%;left: 35.3%;}
.footer-bottom-area ul li { margin: 0 10px;}
.footer-text, .footer-area li{font-size: 14px;}

.newsletter-area div.wpcf7 input[type="file"]{left: 25%;}

.features-area::before, .pricing-area::after {
width: 0;
}
.slider_section i.fa{font-size: 10px;}
.slider-social-icon > span{letter-spacing: 0;}
.slider_section .layer-3 img {
width: 30px;
}
.slider_section .layer-7{    right: 34.3%;bottom: 15%;}
.slider_section .layer-7 img{width: 17px;}

.slider_section .layer-1 img{width: 14px;}
.slider_section .layer-1{top: 3.5%;}

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

.pricing-area .layer-part-1{ top: 25%;}
div#pricing{ padding: 5em 0 2em 0em !important;}

.slider_section::after, .pricing-area::after{width: 0;}

.slider_section div.slider-social-icon { left: 90px; top: 88%;    transform: rotate(0deg);}
.social-icon-container a {font-size: 8px;padding: 0 2px; margin: 0 4px;}
.slider_section .layer-5 img,.slider_section .layer-8 img{ width: 25px;}

.slider_section .layer-6 img, .slider_section .layer-4 img{width: 15px; }
.slider_section .layer-3 img{ width: 40px; }
.slider_section .layer-8{top: 10.5%;}
.slider_section .layer-6 { bottom: 10%;right: 62.4%;}
.slider_section .layer-5 { bottom: 92px; }
.slider_section .layer-4 { top: 73.5%; }
.slider_section .box-hover, .box-hover-2, .slider_section .box { width: 380px;}
.slider_section .btn:hover:before{top: 6px; }
.slider_section .box-hover, .box-hover-2{height: 340px;}
.slider_section .box-hover, .box-hover-2{ margin-top: 0; }

.slider_section .btn{font-size: 14px; padding: 8px 32px 8px 32px;}
.slider_section .box{ height: 325px; right: 0%;}

.single-header-info { text-align: center; padding: 0;}

}

@media screen and (min-width: 378px) and (max-width: 435px){
.slider_content {
    left: 130%;
}
}
@media screen and (min-width: 320px) and (max-width: 375px){
.slider_section .box-hover, .box-hover-2, .slider_section .box { width: 360px; }
.slider_section .box-hover, .box-hover-2{height: 305px; }
.slider_section .box{ height: 300px;}

 .slider_content {
    left: 130%;
    z-index: 999;
    width: 190px;
}
    .tp-loop-wrap.rs-wave {
        min-width: 250px !important;
    }
       .img-slide-responsive {
        right: 250px;
    }
    .slider_section .title {
    font-size: 20px;
    line-height: 20px;
}
.slider_section .title b {
    font-size: 20px;
    margin-bottom: 0px;
}
.slider_section .sub-title {
    font-size: 13px;
    line-height: 13px;
}
.slider-btn {
    margin-top: 0.5em;
}
.ht-site-title, .site-title {
    font-size: 22px;
}
.team-area .single-team-img {
    top: -3em;
}
.team-area .team-text {
    padding: 4.5em 0.5em 1em;
     top: -85px;
}
.team-area .inner-area-title {
    font-size: 15px;
}
.team-text .team-designation {
    font-size: 11px;
    line-height: 12px;
}
.team-area .single-team-img {
    top: -2em;
}
.team-area .team-social-icon {
    padding: 7em 0 2.3em;
}
.share-btn {
    bottom: 2px;
}
.single-team .in-our-team ul > li > a {
    line-height: 30px;
    width: 30px;
    height: 30px;
}
    .inner-page-gallery {
        width: 285px;
        height: 225px;
    }
    .inner-page-gallery:hover .text {
        margin-top: -11.5rem;
    }
.inner-page-gallery:hover .text {
    width: 28.5rem;
    height: 23rem;
}

    .page_featured {
    margin-bottom: 1em;
    padding: 2em 4em;
}
.slider-btn {
    padding: 6px 20px 10px;
}
.blog-area .slider .blog-items {
    width: 165px;
}
.contact-area .section-c-data i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 23px;
}
.ct-appintment-member-wrap input[type="text"], .ct-appintment-member-wrap input[type="email"], .ct-appintment-member-wrap input[type="url"], .ct-appintment-member-wrap input[type="password"], .ct-appintment-member-wrap input[type="search"], .ct-appintment-member-wrap input[type="number"], .ct-appintment-member-wrap input[type="tel"], .ct-appintment-member-wrap input[type="range"], .ct-appintment-member-wrap input[type="date"], .ct-appintment-member-wrap input[type="month"], .ct-appintment-member-wrap input[type="week"], .ct-appintment-member-wrap input[type="time"], .ct-appintment-member-wrap input[type="datetime"], .ct-appintment-member-wrap input[type="datetime-local"], .ct-appintment-member-wrap input[type="color"], .ct-appintment-member-wrap input[type="file"], .ct-appintment-member-wrap textarea {
    padding: 0px 25px 0 1em;
}
.contact-area .wpcf7:after {
    right: 8%;
}
.slider_content {
    left: 135%;
}
.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 {
    min-width: 155px;
}

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

.slider_content {
    left: 145%;
}
.off-label-2 {
    font-size: 10px;
}
.blog-area .slider .blog-items {
    width: 280px;
}
#innerpage-box .ts-area-bx:after {
    width: 30px;
    left: 15%;
}
main#innerpage-box h2.woocommerce-loop-product__title:before {
    top: 41%;
}
.woocommerce ul.products li.product .button {
    top: 32%;
}
.woocommerce ul.products li.product a img {
  /*  height: 180px;*/
}
.woocommerce .quantity .qty {
    width: 55px;
}

.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 {
    min-width: 110px;
    padding: 0 5px;
}
.woocommerce .quantity .qty {
    height: 50px !important;
    width: 63px;
    padding-right: 4px;
    margin-right: 10px;
}

}

@media screen and (min-width: 320px) and (max-width: 320px){
    .features-area h2, div#about .section-title h2, .pricing-area h2, .newsletter-area h2 {
    font-size: 30px;
}
    .slider_section div.slider-social-icon{left: 45px;}
    .header-transparent .is-fixed .main-bar h1.ht-site-title {
    top: 45px;
}

.slider_section .box-hover, .box-hover-2, .slider_section .box {width: 300px;}
.slider_section .box-hover, .box-hover-2 { height: 270px; }
.slider_section .box {height: 275px;}

.slider_section .title { font-size: 13px; }
.slider_section .sub-title { font-size: 15px;}

.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 15px;}

.ht-slide-cap-desc { line-height: 15px;}
.woocommerce div.product .woocommerce-product-rating {line-height: 5 !important;}
.star-rating { padding-top: 15px; }

.toggle-bar {right: 25px !important;}
.slider_section .title {
      font-size: 15px;
    line-height: 15px;
    margin-bottom: 0;
}
.slider_section .title b{
      font-size: 15px;
}
.slider_section .sub-title {
    line-height: 15px;
      font-size: 11px;
}
.slider_content {
    left: 157%;
}
.logo-header{
    height: 30px !important;
}
.slider-btn {
    margin-top: 0.3em;
}
.page_featured {
    margin-bottom: 0em;
}
div#offerbar .hvr-icon-forward {
    font-size: 10px;
}
.inner-page-gallery {
    width: 225px;
    height: 225px;
}
.inner-page-gallery:hover .text {
    width: 22.5rem;
    height: 23rem;
}
.contact-area .section-c-data .phone {
    font-size: 16px;
}
.ct-appintment-member-wrap input[type="submit"] {
    padding: 12px 1.5em 12px;
}

}

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

.team-area .single-team-img {
    top: -3em;
}
.team-area .team-text {
    padding: 2.5em 0.5em 1em;
    top: -85px;
    margin: 0px 0px;
}
.team-area .team-social-icon {
    padding: 6em 0 1.3em;
}
.team-text .team-designation {
    margin-bottom: 15px;
}
.team-area .team-social-icon a i {
    margin: 0 3px;
}
.team-area .single-team {
    margin-bottom: 4em;
}
.team-area img {
    width: 70px;
    height: 70px;
}

}


main#innerpage-box .tagcloud a {
    border-radius: 5px;   
    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;
}
.woocommerce-MyAccount-content .woocommerce-info {
    background: transparent !important;
}
