/*
Theme Name: eCommerce Gigs
Theme URI: https://theme404.com/downloads/ecommerce-gigs
Author: Theme404
Author URI: https://theme404.com/
Description: Ecommerce Gigs is a free WordPress theme perfectly developed for eCommerce websites of any store type. The theme is fully open up for variant customization options. Moreover, it is smoothly integrated with WooCommerce, one of the most popular eCommerce plugins as well as the Elementor- easy and favored editor. With this theme, you can build fast and responsive sites of different categories, whatever your site is about. However the theme is highly optimized, it won’t prevent you from integrating some major WordPress plugins neither from the compatibility with the popular Gutenberg block editor.
Version: 1.0.2
Requires PHP: 7.0
Tested up to: 5.7.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ecommerce-gigs
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, e-commerce, blog, one-column, two-columns, left-sidebar, right-sidebar, footer-widgets, theme-options

========================= 

Table of Content

========================= 
    # Font-Face
    # Global
      - Headings tags
      - Accessibility
      - Alignments
      - Blockquote
      - clearings
      - Breadcrumb
      - No Margin/Padding/Border
      - Super/Sub Scripts
      - Text Elements
      - Links
      - Forms
      - lable
      - Article
      - Buttons
      - Images
      - Horizontal Row
      - figcaption
    # Others
    # Basic-Structure
      - Site-Layout
    # Header
      - Site Branding
      - Social Profiles
    # navbar
      - Navbar
      - search-box
    # Featured-Content
    # Widgets
          - Widget Service
          - widget-promotional-bar
          - Widget Featured Page
          - Widgete Testimonial
          - Widget Calendar 
          - widget Recent Entries/Comments 
          - widget search
    # content
      - Post Featured Image
      - Entry Header
      - Entry Title
      - Entry Meta
      - Tag Links
      - Entry Content
      - Galleries
      - pagination
      - bbPress Support
    # Footer
    # Media-Queries
*/

/*  2.0 ===== Global =====   */

body {
    color: #676767;
    font-family: 'Encode Sans', sans-serif;
    font-size: 14px;
    line-height: 1.27;
    margin: 0;
    word-wrap: break-word;
}

*:focus {
    outline: none;
}

/*font awesome supportive style*/

[class*="fa-"] a {
    margin-left: 2px;
}

/*   -- "Header-Tags" (These are the styles for the Header Tags) --   */

h1, h2, h3, h4, h5, h6 {
    color: #323232;
    font-weight: 500;
    margin: 0;
}

.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 {
    color: #fff;
}

h1 {
    font-size: 28px;
    line-height: 1.2;
}

h2 {
    font-size: 24px;
    line-height: 1.2;
}

h3 {
    font-size: 20px;
    line-height: 1.2;
}

h4 {
    font-size: 16px;
    line-height: 1.2;
}

h5 {
    font-size: 15px;
    line-height: 1.2;
}

h6 {
    font-size: 14px;
    line-height: 1.2;
}

/*   -- "Accessibility" (These are the styles for the Accessibility) --   */

.assistive-text, .screen-reader-text {
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip-path: none;
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}

/*   -- "Blockquote" (These are the styles for the Blockquote) --   */

blockquote {
    border-bottom: 1px solid;
    border-left: medium none;
    border-top: 1px solid;
    color: #666666;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin: 0 auto 23px;
    max-width: 100%;
    padding: 30px;
    position: relative;
    text-transform: uppercase;
    max-width: 750px;
}

blockquote em, blockquote i, blockquote cite {
    font-style: normal;
}

blockquote cite {
    text-transform: uppercase;
}

/*   -- "Clearings" (These are the styles for the Clearings) --   */

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.clearfix {
    display: block;
}

/*   -- "Breadcrumb" (These are the styles for the Breadcrumb) --   */

.breadcrumb, .breadcrumb a, .breadcrumb span, .breadcrumbs, .breadcrumbs a, .breadcrumbs span {
    text-transform: uppercase;
}

.breadcrumbs li {
    display: inline-block;
    list-style: outside none none;
    margin: 0 10px;
    position: relative;
}

.breadcrumbs li::before {
    color: #6D6E71;
    content: "/";
    display: block;
    left: -14px;
    position: absolute;
    top: 0px;
}

.breadcrumbs li:first-child:before {
    display: none;
}

.trail-items li:first-child {
    margin-left: 0px;
}

.page-title-wrap .breadcrumb a span, .page-title-wrap .breadcrumbs a span {
    color: #6D6E71;
}

.breadcrumb a:hover span, .breadcrumbs li span, .breadcrumbs a:hover span, .breadcrumb li span {
    color: #272A32;
}

/*   -- "Superscript and Subscript" (These are the styles for the Superscript and Subscript) --  */

sup, sub {
    font-size: 10px;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

/*   -- "Text Elements" (These are the styles for the Text Elements) --   */

p {
    color: #6D6E71;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 1.5;
    margin: 0 0 20px;
}

strong {
    font-weight: bold;
}

cite, em, i {
    font-style: italic;
}

pre {
    background-color: #fff;
    margin-bottom: 20px;
    overflow: auto;
    padding: 30px;
}

pre, code, kbd {
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 14px;
    line-height: 21px;
}

abbr, acronym, dfn {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.4);
    cursor: help;
}

address {
    display: block;
    margin: 0 0 15px;
}

ins {
    margin-bottom: 10px;
    text-decoration: none;
}

/*   -- "table" (These are the styles for the Links) --  */

table, th, td {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
}

table th {
    font-weight: 600;
    text-transform: uppercase;
}

table td {
    text-transform: capitalize;
}

table {
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin-bottom: 20px;
    width: 100%;
}

/*   -- "Links" (These are the styles for the Links) --  */

ul {
    margin: 0;
    padding: 0;
}

a {
    color: #21AEB7;
    text-decoration: none;
}
.entry-content a {
    text-decoration: underline;
}
.entry-content .wp-block-button a{
    text-decoration: none;
} 

a:focus, a:active, a:hover {
    outline: none;
    text-decoration: none;
    color: #FBB53B;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

/*   -- "Forms" (These are the styles for the Forms) --   */

input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="tel"], input[type="url"], input[type="date"], textarea, input[type="reset"], input[type="button"], input[type="number"], input[type="submit"] {
    -moz-appearance: none !important;
    -moz-border-radius: 0px;
    -moz-box-sizing: inherit;
    -webkit-appearance: none !important;
    -webkit-border-radius: 0px;
    -webkit-box-sizing: inherit;
    appearance: none !important;
    border-radius: 0px;
    box-sizing: inherit;
    font-family: 'Encode Sans', sans-serif;
}

input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="tel"], input[type="url"], input[type="date"], input[type="number"] {
    border: 1px solid #c2c2c2;
    height: 41px;
    margin: 0 0 15px;
    padding: 5px 19px 5px;
    width: 100%;
}

textarea {
    border: 1px solid #c2c2c2;
    margin: 0 0 15px;
    padding: 8px 19px 5px;
    width: 100%;
}

input[type="reset"], input[type="button"], input[type="submit"] {
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    border: none;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 300;
    height: 41px;
    margin-bottom: 30px;
    margin-top: 5px;
    padding: 0px 40px 2px;
    text-align: center;
    text-transform: capitalize;
    transition: all 0.3s ease-out;
}

.wpcf7-form input[type="submit"] {
    border-color: #fff;
    border: 1px solid;
    font-size: 16px;
    padding: 0px 25px;
}

input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
    color: #fff;
    background: #4fbbbd;
}

select {
    background-color: #f9f9f9;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 14px;
    height: 35px;
    padding: 0 15px;
    width: 100%;
}

option {
    margin: 5px 0;
}

input[type="radio"], input[type="checkbox"], input[type="file"] {
    margin-bottom: 5px;
}

input[type="file"] {
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 40px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-out;
}

input::-webkit-input-placeholder, textarea::-webkit-textarea-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 1;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
}

input:-ms-input-placeholder, textarea:-ms-textarea-placeholder {
    /* IE 10+ */
    opacity: 1;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    /* Firefox 18- */
    opacity: 1;
}

input, textarea {
    color: #323232;
    font-size: 14px;
}

/*   -- "label" (These are the styles for the label) --   */

label {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    width: 100%;
}

input[type="radio"], input[type="checkbox"] {
    display: inline-block;
    margin: 0 5px 0 0;
}

/*  ## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}

.hentry {
    margin: 0 0;
}

.updated:not(.published) {
    display: none;
}

.page-content, .entry-content, .entry-summary {
    margin: 15px 0 0;
}

.post .page-content, .post .entry-content, .post .entry-summary {
    margin-top: 0px;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*   -- "Article" (These are the styles for the Article) --   */

article {
    font-size: 14px;
    line-height: 22px;
}

/*    ===== Buttons =====   */

/*   -- "Back To Top" (These are the styles for the Back To Top) --   */

.back-to-top {
    bottom: 70px;
    position: fixed;
    right: 30px;
    z-index: 9;
}

.back-to-top a {
    -moz-border-radius: 3px;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-border-radius: 3px;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.5s ease-out;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255);
    color: #fff;
    display: block;
    font-family: "FontAwesome";
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    transition: all 0.5s ease-out;
    width: 40px;
}

.back-to-top a:hover {
    border: 1px solid #fff;
    color: #fff;
}

/*   -- "box-button" (These are the styles for the box-button) --   */

.box-button, .wpcf7-submit[type="submit"] {
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    line-height: 1.2;
    overflow: hidden;
    padding: 10px 35px 11px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.box-button:hover, .box-button:active, .box-button:focus {
    color: #fff;
}

/*   -- "Alignment" (These are the styles for the Alignment) --   */

.alignleft {
    display: inline;
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
    position: relative;
}

.alignright {
    display: inline;
    float: right;
    margin-bottom: 10px;
    margin-left: 20px;
    position: relative;
}

.aligncenter {
    clear: both;
    display: block;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.alignleft>a img, .alignright>a img, .aligncenter>a img {
    transition: all 0.3s ease 0s;
}

.alignleft>a:hover img, .alignright>a:hover img, .aligncenter>a:hover img {
    opacity: 0.9;
    transition: all 0.3s ease 0s;
}

.entry-meta.alignleft, .entry-meta.alignright {
    margin-bottom: 0;
}

.entry-meta.alignleft>div, .entry-meta.alignright>div {
    border-right: medium none;
    padding-left: 8px;
    padding-right: 0px;
}

.entry-meta.alignleft [class*="fa-"], .entry-meta.alignright [class*="fa-"] {
    margin-right: 0px;
    margin-left: 10px;
}

/*   -- "Images" (These are the styles for the Images) --   */

figure {
    margin: 0;
    text-align: center;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.entry-content img, .comment-content img, .widget img {
    max-width: 100%;
}

img#wpstats {
    display: none;
}

/*   -- "Horizontal Row" (These are the styles for the Horizontal Row) --   */

hr {
    border-color: #bdbdbd;
    border-style: solid none none;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 0 0 15px;
}

.default-padding {
    border: 1px solid #E8E8E8;
    padding: 10px;
}

/*        custom layout       */

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 1170px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.custom-col-1, .custom-col-2, .custom-col-3, .custom-col-4, .custom-col-5, .custom-col-6, .custom-col-7, .custom-col-8, .custom-col-9, .custom-col-10, .custom-col-11, .custom-col-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.custom-col-1, .custom-col-2, .custom-col-3, .custom-col-4, .custom-col-5, .custom-col-6, .custom-col-7, .custom-col-8, .custom-col-9, .custom-col-10, .custom-col-11, .custom-col-12 {
    float: left;
}

.custom-col-12 {
    width: 100%;
}

.custom-col-11 {
    width: 91.66666667%;
}

.custom-col-10 {
    width: 83.33333333%;
}

.custom-col-9 {
    width: 75%;
}

.custom-col-8 {
    width: 66.66666667%;
}

.custom-col-7 {
    width: 58.33333333%;
}

.custom-col-6 {
    width: 50%;
}

.custom-col-5 {
    width: 41.66666667%;
}

.custom-col-4 {
    width: 33.33333333%;
}

.custom-col-3 {
    width: 25%;
}

.custom-col-2 {
    width: 16.66666667%;
}

.custom-col-1 {
    width: 8.33333333%;
}

* {
    box-sizing: border-box;
}

/*   -- "captions" (These are the styles for the captions) --   */

.wp-caption {
    margin-bottom: 1.6em;
    max-width: 100%;
    position: relative;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}

.wp-caption-text {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    margin: 10px 0 0;
    padding: 7px;
    position: absolute;
    text-align: left;
    width: 100%;
}

/*  3.0 ====== Others =====    */

/*   -- "Others" (These are the styles for the Others) --   */

.products.list-view .product-list-wrapper:before, .products.list-view .product-list-wrapper:after, .product:before, .product:after, .woocommerce-shop-info-wrapper:after, .woocommerce-shop-info-wrapper:before, ul.products:before, ul.products:after, .hot-deal-section .tab-links:before, .hot-deal-section .tab-links:after, .deal-of-day-slider .product-list-wrapper:before, .deal-of-day-slider .product-list-wrapper:after, .content-wrap:before, .content-wrap:after, .subscribe-form-wrapper>.container:before, .subscribe-form-wrapper>.container:after, .comment-list:before, .comment-list:after, .top-bar ul:before, .top-bar ul:after, .row:before, .row:after, .pagination:before, .pagination:after, .nav-links:before, .nav-links:after, .post:before, .post:after, .recentcomments:before, .recentcomments:after, .entry-meta-wrapper:before, .entry-meta-wrapper:after, .widget-social-link .inline-social-icons ul:before, .widget-social-link .inline-social-icons ul:after {
    clear: both;
    display: block;
    content: "";
}

html {
    height: 100%;
    width: 100%;
}

ul li {
    list-style: none;
}

/*  4.0 ====== Basic Structure ======*/

iframe {
    max-width: 100%;
    width: 100%;
    border: 0;
}

/*  5.0 ===== Header =====   */

/*   -- "Header" (These are the styles for the Header section) --   */

.site-header {
    margin-bottom: 30px;
}

.hgroup-wrap .container, .hgroup-left, .header-information .container, .topbar .container {
    align-items: -webkit-box;
    align-items: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-wrap: -webkit-box;
    flex-wrap: wrap;
    position: relative;
}

.hgroup-left {
    width: 69%;
    width: calc(100% - 360px);
    width: -webkit-calc(100% - 360px);
    margin-left: 10px;
}

.hgroup-left-last {
    min-width: 190px;
    text-align: right;
}

.customer-care a {
    padding: 7px 10px 8px 50px;
    background: #FBB53B;
    color: #fff;
    display: block;
    position: relative;
    line-height: 1.25;
    text-align: center;
    min-height: 49px;
    display: inline-block;
}
.beside-customer-care a {
    padding-top: 15px;
}

.customer-care a:hover {
    background: #21AEB7;
    color: #fff;
}

.customer-care a .fa {
    position: absolute;
    display: block;
    content: "";
    height: 45px;
    width: 45px;
    background: #fff;
    left: 2px;
    top: 2px;
    color: #FBB53B;
    font-size: 32px;
    text-align: center;
    padding: 7px;
    transition: all 0.3 ease 0s;
    -webkit-transition: all 0.3 ease 0s;
    -moz-transition: all 0.3 ease 0s;
    -o-transition: all 0.3 ease 0s;
}

/*.customer-care a::before {
    font-family: "FontAwesome";
    font-size: 16px;
    vertical-align: middle;
    content: "\f095";
    color: #FBB53B;
    left: 13px;
    top: 7px;
    position: absolute;
    z-index: 9;
    font-size: 32px;
}*/

.customer-care a:hover .fa {
    color: #21AEB7;
    transition: all 0.3 ease 0s;
    -webkit-transition: all 0.3 ease 0s;
    -moz-transition: all 0.3 ease 0s;
    -o-transition: all 0.3 ease 0s;
}

.customer-care a span {
    display: block;
    text-align: center;
    text-transform: uppercase
}
.beside-menu-button a {
    background: #FBB53B;
    display: block;
    text-align: center;
    padding: 15px;
    font-size: 16px;
    color: #fff;
}
.beside-menu-button a:hover {
    background: #21AEB7;
}
.beside-menu-button a .fa {
    margin-right: 5px;
}
.social-links ul li a {
    font-size: 0;
}
.social-links ul li {
    display: inline-block;
    margin: 0 5px;
}
.social-links ul li:last-child {
    margin-right: 0;
}
.hgroup-left-last ul li {
    display: inline-block;
    margin: 0 3px;
}
.hgroup-left-last ul li:last-child {
    margin-right: 0;
}
/*   -- "Site Branding" (These are the styles for the Site-Branding section) --   */

.site-branding {
    margin: 23px 0;
    width: 350px;
}

.site-title {
    display: inline-block;
    font-size: 35px;
    line-height: 1;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.site-title a {
    display: inline-block;
}

.site-footer .site-title>a {
    display: block;
}

.site-description {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.site-title a img, .site-title a {
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.site-title a:hover img, .site-title a:hover {
    opacity: 0.6
}

.site-title img {
    margin-right: 15px;
}

/*   -- "Social Profile" (These are the styles for the Social Site section) --   */

.social-links ul li a::before {
    color: #2d2d2d;
    font-family: "FontAwesome";
    font-size: 14px;
    vertical-align: middle;
}

.site-footer .social-links ul li a::before {
    color: #fff;
}

.social-links ul li a:hover::before {}

.social-links ul li a[href*="facebook.com"]::before {
    content: "\f09a"
}

.social-links ul li a[href*="twitter.com"]::before {
    content: "\f099"
}

.social-links ul li a[href*="linkedin.com"]::before {
    content: "\f0e1"
}

.social-links ul li a[href*="plus.google.com"]::before {
    content: "\f0d5"
}

.social-links ul li a[href*="youtube.com"]::before {
    content: "\f167"
}

.social-links ul li a[href*="dribbble.com"]::before {
    content: "\f17d"
}

.social-links ul li a[href*="pinterest.com"]::before {
    content: "\f0d2"
}

.social-links ul li a[href*="bitbucket.org"]::before {
    content: "\f171"
}

.social-links ul li a[href*="github.com"]::before {
    content: "\f113"
}

.social-links ul li a[href*="codepen.io"]::before {
    content: "\f1cb"
}

.social-links ul li a[href*="flickr.com"]::before {
    content: "\f16e"
}

.social-links ul li a[href$="feed.com"]::before {
    content: "\f09e"
}

.social-links ul li a[href*="foursquare.com"]::before {
    content: "\f180"
}

.social-links ul li a[href*="instagram.com"]::before {
    content: "\f16d"
}

.social-links ul li a[href*="tumblr.com"]::before {
    content: "\f173"
}

.social-links ul li a[href*="respanit.com"]::before {
    content: "\f1a1"
}

.social-links ul li a[href*="vimeo.com"]::before {
    content: "\f194"
}

.social-links ul li a[href*="digg.com"]::before {
    content: "\f1a6"
}

.social-links ul li a[href*="twitch.tv"]::before {
    content: "\f1e8"
}

.social-links ul li a[href*="stumbleupon.com"]::before {
    content: "\f1a4"
}

.social-links ul li a[href*="delicious.com"]::before {
    content: "\f1a5"
}

.social-links ul li a[href*="mailto:"]::before {
    content: "\f0e0"
}

.social-links ul li a[href*="soundcloud.com"]::before {
    content: "\f1be"
}

.social-links ul li a[href*="wordpress.org"]::before {
    content: "\f19a"
}

.social-links ul li a[href*="wordpress.com"]::before {
    content: "\f19a"
}

.social-links ul li a[href*="jsfispanle.net"]::before {
    content: "\f1cc"
}

.social-links ul li a[href*="tripadvisor.com"]::before {
    content: "\f262"
}

.social-links ul li a[href*="foursquare.com"]::before {
    content: "\f180"
}

.social-links ul li a[href*="angel.co"]::before {
    content: "\f209"
}

.social-links ul li a[href*="slack.com"]::before {
    content: "\f198"
}

.social-links ul li a[href*="facebook.com"]:hover:before {
    color: #3b5998
}

.social-links ul li a[href*="twitter.com"]:hover:before {
    color: #00aced
}

.social-links ul li a[href*="plus.google.com"]:hover:before {
    color: #c13c31
}

.social-links ul li a[href*="/feed/"]:hover:before {
    color: #dc622c
}

.social-links ul li a[href*="wordpress.org"]:hover:before {
    color: #21759b
}

.social-links ul li a[href*="github.com"]:hover:before {
    color: #4183c4
}

.social-links ul li a[href*="linkedin.com"]:hover:before {
    color: #007bb6
}

.social-links ul li a[href*="pinterest.com"]:hover:before {
    color: #cb2027
}

.social-links ul li a[href*="flickr.com"]:hover:before {
    color: #ff0084
}

.social-links ul li a[href*="vimeo.com"]:hover:before {
    color: #aad450
}

.social-links ul li a[href*="youtube.com"]:hover:before {
    color: #b00
}

.social-links ul li a[href*="instagram.com"]:hover:before {
    color: #517fa4
}

.social-links ul li a[href*="dribbble.com"]:hover:before {
    color: #ea4c89
}

.social-links ul li a[href*="skype.com"]:hover:before {
    color: #12a5f4
}

.social-links ul li a[href*="digg.com"]:hover:before {
    color: #333
}

.social-links ul li a[href*="codepen.io"]:hover:before {
    color: #000
}

.social-links ul li a[href*="respanit.com"]:hover:before {
    color: #ff4500
}

.social-links ul li a[href*="mailto:"]:hover:before {
    color: #1d62f0
}

.social-links ul li a[href*="foursquare.com"]:hover:before {
    color: #f94877
}

.social-links ul li a[href*="stumbleupon.com"]:hover:before {
    color: #eb4924
}

.social-links ul li a[href*="twitch.tv"]:hover:before {
    color: #6441a5
}

.social-links ul li a[href*="tumblr.com"]:hover:before {
    color: #32506d
}

.social-links ul li a[href*="foursquare.com"]:hover:before {
    color: #f94877
}

.social-links ul li a[href*="stumbleupon.com"]:hover:before {
    color: #eb4924
}

.social-links ul li a[href*="twitch.tv"]:hover:before {
    color: #6441a5
}

.social-links ul li a[href*="tumblr.com"]:hover:before {
    color: #32506d
}

.social-links ul li a[href*="soundcloud.com"]:hover:before {
    color: #f50
}

.social-links ul li a[href*="wordpress.org"]:hover:before {
    color: #21759b
}

.social-links ul li a[href*="jsfispanle.net"]:hover:before {
    color: #4679bd
}

.social-links ul li a[href*="tripadvisor.com"]:hover:before {
    color: #86c171
}

.social-links ul li a[href*="foursquare.com"]:hover:before {
    color: #2d5be3
}

.social-links ul li a[href*="angel.co"]:hover:before {
    color: #000
}

.social-links ul li a[href*="slack.com"]:hover {
    color: #56b68b
}

/*   -- "Inline Social Profiles" (These are the styles for the Social Site section) --   */

.inline-social-icons ul, .block-social-icons ul, .widget ul {
    margin: 0;
}

.inline-social-icons li, .widget .inline-social-icons li, .site-footer .widget .inline-social-icons li {
    display: inline-block;
    margin: 0 5px 5px;
    padding: 0;
}

.inline-social-icons li:last-child, .widget .inline-social-icons li:last-child {
    margin-right: 0;
}

.inline-social-icons li:first-child, .widget .inline-social-icons li:first-child {
    margin-left: 0;
}

.inline-social-icons li a {
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    border: 1px solid rgb(255, 255, 255, 0.5);
    color: #fff;
    display: inline-block;
    font-size: 0px;
    height: 32px;
    padding: 6px 0 0;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 32px;
    background: #F4F3F3;
}

.inline-social-icons li a:hover {
    background: #FBB53B;
}

.inline-social-icons.social-links ul li a:hover::before {
    color: #fff
}

.site-footer .inline-social-icons li a {
    background: none
}

.inline-social-icons li a:hover {
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    border-color: #FBB53B;
    border-radius: 50px;
    transition: all 0.3s ease 0s;
}

.inline-social-icons.social-links ul li a:hover::before, .inline-social-icons.social-links ul li a::before {
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.inline-social-icons ul li:last-child a {
    margin-right: 0;
}

/*   -- "Block Social Profiles" (These are the styles for the Social Site section) --   */

.block-social-icons ul li {
    border: none;
    padding: 0;
}

.block-social-icons ul li a, .widget.block-social-icons ul li a {
    border-radius: 3px;
    color: #fff;
    display: block;
    padding: 10px;
    text-transform: inherit;
}

.block-social-icons ul li a:hover {
    color: #fff;
}

.block-social-icons a span {
    border-right: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin-right: 4px;
    padding-right: 10px;
}

.block-social-icons .facebook-profile {
    background: #3b5997;
}

.block-social-icons .facebook-profile:hover {
    background: #4b70ba;
    opacity: 1;
}

.block-social-icons .twitter-profile {
    background: #00acee;
}

.block-social-icons .twitter-profile:hover {
    background: #22c2ff;
    opacity: 1;
}

.block-social-icons .rss-profile {
    background: #ff9c00;
}

.block-social-icons .rss-profile:hover {
    background: #ffb94f;
    opacity: 1;
}

.block-social-icons .youtube-profile {
    background: #bc0000;
}

.block-social-icons .youtube-profile:hover {
    background: #f90000;
    opacity: 1;
}

/*  6.0 ===== Navbar =====   */

/*   -- "Navbar" section (These are the styles for the navbar section) --   */

.main-navigation {
    line-height: 1;
}
.hgroup-left > div {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
.hgroup-left > div:last-child {
    padding-right: 0
}
.hgroup-left .navbar {
    min-width: 75%;
    min-width: calc(100% - 190px);
    min-width: -webkit-calc(100% - 190px);
    padding: 0 10px;
}

.navbar {
    border-radius: 0;
    min-height: 0;
    position: relative;
    width: 100%;
    z-index: 9
}

.main-navigation li {
    display: inline-block;
    list-style: outside none none;
    position: relative;
    transition: all 0.3s ease 0s;
}

.main-navigation ul li {
    margin: 5px 0px 5px;
}

.main-navigation li a {
    color: #272A32;
    display: block;
    font-size: 14px;
    padding: 4px 20px 5px;
    text-transform: uppercase;
}

.main-navigation div>ul>li:first-child {
    margin-left: 0;
}

.main-navigation div>ul>li:last-child {
    margin-right: 0;
}

.main-navigation ul li a:hover, .main-navigation li.current-menu-item a {
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    color: #21AEB7;
    transition: all 0.5s ease 0s;
}

/*   -- "Dropdown" section (These are the styles for the Dropdown section) --   */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
a:focus,
.main-navigation li a:focus-within {
    outline: 1px dotted #C3C3C3;
}
.main-navigation ul li ul, .main-navigation ul li:hover ul ul, .main-navigation ul ul li:hover ul ul, .main-navigation ul ul ul li:hover ul ul, .main-navigation ul ul ul ul li:hover ul ul {
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
}

.main-navigation ul li:hover ul, 
.main-navigation ul ul li:hover ul, 
.main-navigation ul ul ul li:hover ul, 
.main-navigation ul ul ul ul li:hover ul, 
.main-navigation ul ul ul ul ul li:hover ul,
.main-navigation ul li:focus-within >ul, 
.main-navigation ul ul li:focus-within >ul, 
.main-navigation ul ul ul li:focus-within >ul, 
.main-navigation ul ul ul ul li:focus-within >ul, 
.main-navigation ul ul ul ul ul li:focus-within >ul {
    -webkit-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
    opacity: 1;
    top: 28px;
     -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: visible;
}

.main-navigation ul ul li:hover ul, .main-navigation ul ul ul li:hover ul, .main-navigation ul ul ul ul li:hover ul, .main-navigation ul ul ul ul ul li:hover ul {
     -webkit-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
    opacity: 1;
    top: -5px;
     -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: visible;
}

.main-navigation ul li ul {
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    background-color: #fff;
    left: 0;
    position: absolute;
    text-align: left;
    top: 65px;
    transition: all 0.3s ease 0s;
    width: 200px;
    z-index: 99
}

.main-navigation ul li ul li {
    display: block;
    float: none;
    margin: 0;
}

.main-navigation ul li ul li a, .main-navigation ul li.current-menu-item ul li a, .main-navigation ul li ul li.current-menu-item a, .main-navigation ul li.current-page-ancestor ul li a, .main-navigation ul li.current-menu-ancestor ul li a, .main-navigation ul li.current-page-item ul li a {
    border: none;
    color: #383838;
    float: none;
    font-size: 15px;
    height: inherit;
    line-height: 20px;
    padding: 10px 14px;
}

.main-navigation ul li ul li a:hover, .main-navigation ul li ul li:hover>a, .main-navigation ul li.current-menu-item ul li a:hover {
    background: #1D2730;
    color: #fff;
}

.main-navigation ul li ul li ul {
    -webkit-transition: opacity 0.5s linear;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-top: medium none;
    left: 200px;
    top: 0;
    transition: all 0.5s ease 0s;
}

.main-navigation ul ul li:hover ul, .main-navigation ul ul ul li:hover ul, .main-navigation ul ul ul ul li:hover ul, .main-navigation ul ul ul ul ul li:hover ul, .main-navigation ul li ul {
    border-top: 5px solid #20A8B0;
}

.main-navigation .menu-item-has-children::before {
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    color: #272A32;
    content: "\f107";
    display: block;
    font-family: "FontAwesome";
    font-size: 14px;
    line-height: 1;
    position: absolute;
    right: 4px;
    top: 5px;
    transition: all 0.3s ease 0s;
}

.main-navigation .menu-item-has-children.current-menu-item::before {
    color: #21AEB7
}
.main-navigation li .menu-item-has-children::before {
    top: 13px;
    right: 7px;
}
.main-navigation .menu-item-has-children:hover:before {
    -moz-transform: rotate(180deg);
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -webkit-transition: all 0.3s ease 0s;
    color: #21AEB7;
    transform: rotate(180deg);
    transition: all 0.3s ease 0s;
}

/*   -- "Search Form" section (These are the styles for the Search Form section) --   */

/*  ====== Featured Content =====  */

.entry-footer > span {
    font-size: 16px;
    margin-right: 15px;
    display: inline-block;
}

.entry-footer>span a {
    font-size: 14px;
    text-transform: capitalize;
}

.entry-footer>span a:first-child {
    margin-left: 8px;
}
.wp-block-button {
    margin: 0 3px 3px 0;
}

/*   -- "Featured Slider" section (These are the styles for the Featured Slider section) --   */

.featured-slider .owl-carousel .owl-stage-outer {
    padding-bottom: 20px;
}

.featured-slider>img {
    width: 100%
}

.slider-title {
    font-size: 60px;
    display: block;
    font-weight: 700;
    color: #fff
}

.slider-subtitle {
    font-size: 30px;
    display: block;
    font-weight: 400;
    color: #fff;
    margin: 10px 0;
}

.slider-content {
    position: relative;
}
.featured-slider .slider-image {
    position: relative;
}
.featured-slider .slider-image::before {
    position: absolute;
    content: "";
    display: block;
    background: rgba(0,0,0,0.6);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.owl-carousel .owl-item .slider-image img {
    width: 100%;
}

.slider-text {
    max-width: 100%;
    padding: 15px;
    position: absolute;
    width: 1170px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
}

.v-center {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.featured-slider .owl-theme .owl-dots {
    position: absolute;
    right: 10%;
    text-align: center;
    bottom: 42px;
}

.featured-slider .owl-theme .owl-dots .owl-dot span {
    background: none;
    border: 2px solid rgb(255, 255, 255, 0);
    height: 15px;
    width: 15px;
    position: relative;
}

.featured-slider .owl-theme .owl-dots .owl-dot span:before {
    position: absolute;
    display: block;
    content: "";
    height: 5px;
    width: 5px;
    background: #fff;
    border-radius: 5px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
}

.featured-slider .owl-theme .owl-dots .owl-dot.active span, .featured-slider .owl-theme .owl-dots .owl-dot:hover span {
    border-color: #fff
}

.cart-btn {
    background: #FBB53B;
    padding: 3px 20px 3px 3px;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    margin-top: 8px;
}

.cart-btn:hover, .single_add_to_cart_button:hover {
    background: #21AEB7;
    transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
}

.cart-btn:hover .fa {
    background: #21AEB7;
    transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
}

.cart-btn .fa {
    background: #F4922F;
    height: 34px;
    width: 34px;
    text-align: center;
    padding: 8px 0 0;
    margin-right: 6px;
    transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
}
.featured-product-section .star-rating {
    text-align: center;
    margin: 0 auto 5px;
}
.star-rating {
    margin-bottom: 5px;
}
/*    post styling freom here    */

.post {
    margin-bottom: 20px;
}

/*   ===== post-featured-image =====  */

.featured-image {
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}

.post .featured-image img {
    width: 100%;
}

/*  9.0 ===== Content =====   */

.site-content h1, .site-content h2, .site-content h3, .site-content h4, .site-content h5, .site-content h6 {
    padding-bottom: 10px;
}

/*   -- "Entry Header"  (These are the styles for the Entry Header ) --   */

.entry-header {
    padding: 10px 0 12px;
    /*for space on the top and bottom of the entry header to balance the entry meta and figure on the gallery page, blog page etc.*/
}

.entry-header.heading {
    padding: 33px 40px;
}

.post .entry-header {
    padding-top: 0;
    /*for space on the top and bottom of the entry header to balance the entry meta and figure on the gallery page, blog page etc.*/
    padding-bottom: 0;
}

.cat-links {
    display: block;
    position: relative;
}

.cat-links a {
    display: inline-block;
    margin: 0 2px 5px 0;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.entry-meta a,
.cat-links a{
    font-size: 12px;
}

.ads-section img {
    width: 100%;
}

/*   -- "Entry Title" section (These are the styles for the Entry Title section) --   */

.entry-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    position: relative;
}

.heading .entry-title {
    display: block;
    font-size: 16px;
    line-height: 1.1;
    padding-bottom: 0;
    text-transform: uppercase;
    font-weight: 600;
}

/*   -- "Entry Meta" section (These are the styles for the Entry Meta section) --   */

.post-cat-list * {
    font-weight: 500;
}

.entry-meta-wrapper .entry-meta:last-child {
    text-align: right;
}

.entry-meta>span {
    display: inline-block;
    margin-right: 5px;
    text-transform: uppercase;
    font-weight: 500;
    margin-left: 2px;
}

.entry-meta>span.byline {
    text-transform: capitalize;
    display: block;
    background: #F4F4F4;
    padding: 5px 5px 7px;
    margin: 0;
}

.entry-meta {
    color: #6D6E71
}
.entry-meta a {
    color: #FBB53B
}

.entry-meta .cat-links a {
    display: inline-block;
}

#secondary .entry-meta .cat-links a {
    padding-bottom: 0px;
}

.post-content-wrap .entry-meta .cat-links a {
    padding-bottom: 0px;
}

.entry-meta [class*="fa-"] {
    color: rgb(37, 40, 43);
    display: inline-block;
    line-height: 1.1;
    margin-right: 5px;
}

.entry-header .entry-meta {
    margin: 0 0 8px;
    padding-top: 0;
}

.entry-meta>div {
    display: inline-block;
    line-height: 1;
    padding-right: 1px;
}

.post .entry-meta .byline,
.page .entry-meta .byline {
    position: relative;
    padding-left: 45px;
}

.post .entry-meta .byline .author-image,
.page .entry-meta .byline .author-image,
.attachment .entry-meta .byline .author-image {
    position: absolute;
    left: 3px;
    height: 33px;
    width: 33px;
    border-radius: 35px;
    overflow: hidden;
    top: -8px;
    border: 2px solid #fff;
}


/* Tag Links */

.tags-links {
    position: relative;
    padding-left: 15px;
}

.tags-links::before {
    content: "\f02b";
    display: block;
    font-family: 'FontAwesome';
    left: 0;
    position: absolute;
    font-size: 15px;
    top: 1px;
}

.tags-links>a {
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    display: inline-block;
    padding: 0 8px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.widget_tag_cloud a:hover,
.widget_product_tag_cloud a:hover {
    color: #fff;
    opacity: 1;
}

/*   -- "Entry Content" section (These are the styles for the Entry Content section) --   */

.entry-content {
    display: block;
    overflow: hidden;
    padding-bottom: 15px;
    width: 100%;
}

.post .entry-content {
    padding-bottom: 5px;
    padding-top: 5px;
}

.entry-content dt, .comment-content dt {
    font-weight: bold;
}

.entry-content dd, .comment-content dd {
    margin-bottom: 20px;
}

.entry-content td, .comment-content td {
    padding: 8px;
}

/*.post .entry-content>p:last-child {
    margin-bottom: 5px;
}*/
.single-post #primary .post .post-thumbnail {
    margin-bottom: 15px;
}


/*      COMMENT     */

.bypostauthor>article .fn:after {
    content: "\f304";
    left: 3px;
    position: relative;
    top: 5px;
}

.bypostauthor {
    display: block;
}

.comment-list .reply {
    text-align: right;
}

.sidebar .comments-title, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form {
    max-width: 1040px;
    padding-left: 60px;
    padding-right: 376px;
}

.comment-list {
    list-style-type: none;
    margin-left: 0 !important;
    padding: 0 !important;
    padding: 0;
}

.comment-list .children {
    list-style-type: none;
    padding: 0;
}

.comment-list .children {
    margin-left: 50px !important;
}

.comment-list .children .avatar {
    border-left: 5px solid;
    left: -7px;
    padding-left: 10px;
}

.comment-list>li:after, .comment-list .children>li:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
}

#comments ol, #comments ul {
    list-style-type: none !important;
    margin-left: 0;
}

.comment-body, .post-author {
    clear: both;
    padding: 0 0 30px 0px;
    position: relative;
}

.comment-body {
    margin: 0 0 20px;
    padding: 0 0 20px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.comment-body .comment-meta {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.comment-body .comment-content {
    padding: 5px 0 5px;
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.comment-list .comment-body .reply {
    text-align: right;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
}
.comment-content>p:last-child {
    margin-bottom: 12px;
}

.comment-author .avatar img, .post-author .avatar img {
    display: block;
    height: 120px;
    width: 120px;
}

.comment-metadata .fn, .comment-author .url, .comment-reply-login {
    display: inline-block;
    font-size: 18px;
    font-style: normal;
    text-transform: uppercase;
}

.says {
    display: none;
}

.comment-list .edit-link {
    margin-left: 20px;
}

.comment-awaiting-moderation {
    float: right;
    text-align: left;
    width: -moz-calc(100% - 125px);
    width: -webkit-calc(100% - 125px);
    width: 82%;
    width: calc(100% - 125px);
    word-wrap: break-word;
}

.comment-meta, .comment-meta a {
    color: #181818;
    font-size: 13px;
}

.comment-metadata a {
    color: #ababab;
}

.comment-meta>div {
    float: left;
    margin-right: 10px;
}

.reply a:hover {
    color: #181818;
}

.comment-metadata {
    margin-bottom: 8px;
}

.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Comment form */

.comment .comment-respond {
    margin-bottom: 20px;
    padding: 20px;
}

.comment-form .comment-notes {
    margin-bottom: 15px;
}

.comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url, .comment-form p {
    margin-bottom: 5px;
}

.comment-form [for="author"], .comment-form [for="email"], .comment-form [for="url"], .comment-form [for="comment"] {
    float: left;
    padding: 5px 0;
    width: 120px;
}

.comment-form .required {
    color: #ed331c;
}

.comment-form textarea {
    width: 100%;
}

.form-allowed-tags, .form-allowed-tags code {
    color: #383838;
    font-size: 12px;
}

.form-allowed-tags code {
    font-size: 10px;
    margin-left: 3px;
}

.comment-list .pingback, .comment-list .trackback {
    padding-top: 24px;
}

.comment-navigation {
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    margin: 0 auto;
    max-width: 604px;
    padding: 20px 0 30px;
    width: 100%;
}

/*     comment area     */

.comment-reply-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.comments-area {
    padding: 30px 0 5px;
    position: relative;
}

.comments-area ul, .comments-area ol {
    list-style: none;
}

.comment-form-comment, .form-submit {
    padding: 0 !important;
    width: 100% !important;
}

.comment-form input[type="submit"] {
    display: inline-block;
}

.comment-form p {
    position: relative;
}

/* 11.0 ===== Contact form 7 styling ===== */

.wpcf7-form {
    padding: 10px 0 0;
}

.wpcf7-form p {
    margin: 0 0 14px;
}

.wpcf7-form textarea {
    resize: none;
}

.wpcf7-submit[type="submit"], .form-submit input[type="submit"], .page-content .search-form .search-submit {
    background: #303E4B;
    color: #fff;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
}

.wpcf7-form .contact-textarea, .wpcf7-form .contact-submit {
    padding: 0 !important;
    width: 100% !important;
}

.contact-submit {
    text-align: center !important;
}

.wpcf7-form input, .wpcf7-form textarea {
    background: #F4F4F4 ;
    border: 1px solid rgba(110, 118, 124, 0.3);
    color: #6E767C;
    margin-bottom: 0px;
    padding: 10px 18px;
}
.wpcf7-form p span {
    display: block;
    margin-top: 6px;
}
.contact-form-wrap .wpcf7-form input, .contact-form-wrap .wpcf7-form textarea {
    border: 1px solid rgba(23, 31, 39, 0.5);
}

.wpcf7-form textarea {
    margin-bottom: 0;
}

.wpcf7-form input[type="text"]:focus, .wpcf7-form input[type="email"]:focus, .wpcf7-form textarea:focus {
    border-color: #fff;
}

.wpcf7 {
    margin: 30px 0 0;
}

input::-webkit-input-placeholder, textarea::-webkit-textarea-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 1;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
}

input:-ms-input-placeholder, textarea:-ms-textarea-placeholder {
    /* IE 10+ */
    opacity: 1;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    /* Firefox 18- */
    opacity: 1;
}

/*     Name: Error form     **/

form.cmxform label.error, label.error {
    color: #ff0000;
    font-style: italic;
    margin: 10px 0 0;
    text-align: left;
}

div.error {
    display: none;
}

/*   ===== Pages =====   */

.page-title-section {
    margin-top: 70px;
}

.page-title-wrap {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 64px 100px 67px;
    position: relative;
    background-color: #EFEFF1;
}

.page-title {
    color: #6D6E71;
    display: inline-block;
    font-size: 26px;
    font-weight: 300;
    line-height: 31px;
    margin-bottom: 16px;
    position: relative;
    text-transform: capitalize;
}

.page-title-wrap h3 {
    font-size: 16px;
    font-weight: 600;
}

.page-title-wrap div {
    position: relative;
}

.page-title a, .taxonomy-description p {
    color: #fff;
}

.page-title-wrap .breadcrumb {
    background: #fff;
    border-radius: 0;
    display: inline-block;
    margin: 0 0 -15px;
    padding: 15px 20px;
    position: relative;
    text-align: center;
}

/*   -- "bbPress Support" section (These are the styles for the bbPress Support section) --   */

#bbpress-forums, #bbpress-forums button, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, div.bbp-search-form input, div.bbp-search-form button, div.bbp-breadcrumb, div.bbp-topic-tags {
    font-size: 16px;
}

div.bbp-search-form input, div.bbp-search-form button {
    padding: 10px;
}

#bbpress-forums div.bbp-search-form {
    float: none;
}

#bbpress-forums ul, #bbpress-forums ol {
    margin: 0;
}

#bbpress-forums #bbp-search-form #bbp-search {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border-right: 0 none;
    width: 100%;
}

#bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name {
    display: inline-block;
    line-height: 20px;
    margin-top: 5px;
}

div.bbp-submit-wrapper button {
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    background-color: rgb(46, 60, 66);
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: 400;
    height: 40px;
    margin-bottom: 30px;
    padding: 0px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-out;
}

/*   ===== pagination =====   */

.pagination, #wp-page-numbers, .wp-pagenavi, #main ul.default-wp-page {
    border-radius: 0px;
    margin: 0 0 10px;
    border: 1px solid #E8E8E8;
    padding: 20px;
    text-align: center
}

.pagination a, .pagination>li>a, .pagination>li>span, #wp_page_numbers li, .wp-pagenavi li, #main ul.default-wp-page, .pagination>span {
    border: medium none;
    display: inline-block;
    font-size: 14px;
    margin: 0 8px;
    text-transform: uppercase;
}

.pagination a.prev, .pagination a.next {
    display: inline-block;
    position: relative;
    text-indent: -99999999px;
}

.pagination .current {
    color: #21AEB7
}

.pagination a:hover, .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus, #wp_page_numbers li>a:hover, .wp-pagenavi li>a:hover, #main ul.default-wp-page li>a:hover, .pagination>span {
    color: #21AEB7
}

.post-navigation {
    padding: 0 0 20px;
}

.nav-previous {
    float: left;
    position: relative;
    width: 45%;
}

.nav-next {
    float: right;
    position: relative;
    width: 45%;
}

.nav-links a {
    position: relative;
}

.post-navigation .nav-links a {
    display: block;
    padding: 15px;
}

.post-navigation .nav-links .nav-next a {
    padding-left: 50px;
}

.post-navigation .nav-links .nav-previous a {
    padding-right: 50px;
}

.pagination a.prev::before, .nav-previous a::before {
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    content: "\f053";
    display: block;
    font-family: "FontAwesome";
    font-size: 15px;
    position: absolute;
    text-indent: 0;
    transition: all 0.3s ease-out;
    z-index: 9;
    left: -1px;
    font-weight: 300;
    top: 0px;
}

.nav-previous a::before {
    bottom: 0;
    height: 18px;
    margin: auto;
    right: 15px;
    top: 0;
}

.pagination a.next::before, .nav-next a::before {
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    content: "\f054";
    display: block;
    font-family: "FontAwesome";
    font-size: 15px;
    position: absolute;
    right: 0;
    text-indent: 0;
    transition: all 0.3s ease-out;
    z-index: 9;
    font-weight: 300;
    top: 0px;
}

.pagination span {
    margin: 0 8px;
}

.nav-next a::before {
    bottom: 0;
    height: 18px;
    left: 15px;
    margin: auto;
    top: 0;
}

.woocommerce-pagination {
    text-align: center;
    padding: 30px 0;
}

.woocommerce-pagination li {
    display: inline-block;
    margin: 0 5px;
    position: relative;
    line-height: 0;
}

.woocommerce-pagination li a {
    font-size: 16px;
    font-weight: 300;
}

.woocommerce-pagination li a.prev::before, .woocommerce-pagination li a.next::before {
    display: block;
    font-family: "FontAwesome";
    font-size: 14px;
    position: absolute;
    text-indent: 0;
    transition: all 0.3s ease-out;
    z-index: 9;
    top: -5px;
    color: #6D6E71
}

.woocommerce-pagination li a.prev::before {
    content: "\f053";
    right: -3px;
}

.woocommerce-pagination li a.next::before {
    content: "\f054";
    left: -4px;
}

.woocommerce-pagination li span.current {
    font-weight: 500;
    color: #1FA4AC;
    font-size: 16px;
}

.woocommerce-pagination li a:hover, .woocommerce-pagination li a.prev:hover::before, .woocommerce-pagination li a.next:hover::before {
    color: #1FA4AC;
}
.woocommerce ul.products li.product .button.yith-wcqv-button {
    font-size: 0;
    height: 38px;
    width: 38px;
    margin-top: 13px;
    vertical-align: middle;
    position: relative;
}
.woocommerce ul.products li.product .button.yith-wcqv-button::before {
    position: absolute;
    display: block;
    content: "\f06e";
    font-family: "FontAwesome";
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 16px;
    width: 18px;
}
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
    color: #F99E21;
}

/*  8.0 ===== Widgets =====  */

.widget_search .search-form {
    margin-bottom: 0;
}
.widget {
    margin-bottom: 30px;
}

#secondary .widget {
    border: 1px solid #EAEBED;
    margin-bottom: 30px;
    padding: 11px 20px 20px;
}
#secondary >div > section,
#secondary section.featured-product-section,
#secondary section.testimonial-section,
#secondary section.category-section,
#secondary section.partner-section,
#secondary section.featured-slider,
#secondary section.latest-blog-section {
    margin-bottom: 30px;
}
#secondary .widget.widget_search .search-form,
#secondary .widget .woocommerce-product-search{
    margin-top: 20px;
}
#secondary .widget.widget-ads {
    border: none;
    padding: 0;
}

.widget ul li {
    display: block;
}

#secondary .widget ul li {
    padding: 10px 0;
}

#secondary .widget ul li:last-child {
    padding-bottom: 0;
}

#secondary .widget li a, #secondary .widget li {
    color: #212426;
    font-size: 14px;
    position: relative;
}

.widget .post-content p {
    margin-bottom: 10px;
}

.widget .post {
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.widget .post:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.widget .post-cat-list * {
    font-weight: 400;
}

.widget .post a:hover, .widget .post a:hover p {
    color: #21AEB7
}
#secondary .widget input {
    border: 1px solid #EAEBED;
}
#secondary .widget input[type="submit"]:hover {
    background-color: #FFC300
}

/*    widget slider styling from here   */

#secondary .widget.widget-slider {
    padding: 10px;
}

.widget.widget-slider img {
    width: 100%;
}

.widget.widget-slider .featured-image {
    margin: 0;
}

/*    widget post author styling from here   */

.widget-post-author {
    margin-top: 30px;
    margin-bottom: 50px;
}

#secondary .widget-post-author {
    margin-top: 0px;
}

.widget-post-author .avatar {
    border-radius: 65px;
    border: 2px solid #CBD0D4;
    height: 64px;
    margin: 0 auto;
    overflow: hidden;
    width: 64px;
}

.author-details {
    border-right: 1px solid #EAEBED;
    float: left;
    width: 175px;
}

.author-text {
    float: right;
    width: -webkit-calc(100% - 175px);
    width: 75%;
    width: calc(100% - 175px);
}

.author-details h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 15px;
    text-align: center;
    text-transform: uppercase;
}

.author-text p {
    padding-left: 35px;
}

.author-text p:last-child {
    border-top: 1px solid #EAEBED;
    margin-bottom: 0;
    padding-top: 15px;
    text-align: right;
}

.author-text p a {
    text-transform: uppercase;
    font-weight: 600;
}

.author-text p a .fa {
    margin-left: 5px;
}

.widget-post-author .inline-social-icons {
    text-align: center;
}

.widget-post-author .inline-social-icons li, .widget-post-author .widget .inline-social-icons li {
    margin: 0 2px;
}

.widget-post-author .inline-social-icons li a {
    border-radius: 0;
    border: none;
    color: #fff;
    height: 22px;
    padding: 3px 0 0;
    width: 22px;
}

.widget-post-author .social-links ul li a:before {
    color: #fff;
    font-size: 12px;
}

.widget-post-author .social-links ul li a[href*="facebook.com"] {
    background: #3B5998;
}

.widget-post-author .social-links ul li a[href*="twitter.com"] {
    background: #35A3F0;
}

.widget-post-author .social-links ul li a[href*="plus.google.com"] {
    background: #DD4B39;
}

.widget-post-author .social-links ul li a:hover {
    background: #303E4B;
}

/*     Widget-Search     */

.widget_search {
    position: relative;
}

.widget_search label{
    margin-bottom: 0
}

.widget_search .search-submit {
    background: url("assets/img/xsearch-icon1.svg") no-repeat scroll center center / 20px auto;
    border-radius: 0;
    border: medium none;
    box-shadow: inherit;
    color: rgb(255, 255, 255);
    height: 100%;
    margin: 0;
    padding: 0 8px;
    position: absolute;
    right: 0;
    top: 0;
    width: 57px;
    font-size: 0;
}

.widget_search .search-submit:hover {
    background: #F99E21 url("assets/img/xsearch-icon1.svg") no-repeat scroll center center / 20px auto;
}

.widget_search input[type="search"], .error-content-wrap input[type="search"] {
    padding-right: 70px;
    margin-bottom: 0;
}

/*   -- "Widget Calendar" section (These are the styles for the Widgete calendar section) --   */

.widget_calendar table, .widget_calendar th, .widget_calendar td {
    border: none;
}

/*    widget categories styling from here   */

.widget.widget_categories ul li,
.widget.widget_archive ul li,
.widget_product_categories ul li {
    text-align: right;
    overflow: hidden;
}

.widget.widget_categories li a,
.widget.widget_archive ul li a,
.widget_product_categories ul li a {
    float: left;
    text-align: left;
}

#secondary .social-links ul li a {
    border: 2px solid #51687D;
    padding: 10px;
    display: inline-block;
    background: #303E4B;
    color: #fff;
}
#secondary .social-links ul li a:hover {
    border: 2px solid #4FBBBD;
    background: #21AEB7;
    color: #fff;
}
#secondary .widget.social-links ul li a:hover {
    color: #fff;
}
#secondary .social-links ul li a::before {
    color: #fff;
    margin-right: 6px;
    top: -1px;
    position: relative;
    opacity: 1;
}

/*    textwidget styling from here    */

.textwidget {
    margin: 0 0 20px;
}

.widget_text address {
    display: inline-block;
    margin: 0;
    vertical-align: top;
}

.site-content .widget_text>ul {
    margin: 0;
    padding: 0;
}

.widget_text li {
    color: rgb(103, 103, 103);
    list-style: outside none none;
    margin-bottom: 2px;
}

.widget_text li a {
    color: rgb(95, 100, 104);
}

/*   widget tag cloud styling from here   */

/*.widget_tag_cloud a {
    border: 1px solid #303E4B;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 3px 5px 5px 0;
    padding: 5px 15px;
    text-transform: uppercase;
    background: rgba(0,0,0,0.9);
}*/
.widget_tag_cloud a,
.widget_product_tag_cloud a {
    border: 1px solid #FBB53B;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 3px 5px 5px 0;
    padding: 5px 15px;
    text-transform: uppercase;
    background: #F4922F;
}

#secondary .widget.widget_tag_cloud a:hover,
#secondary .widget.widget_product_tag_cloud a:hover {
    color: #fff;
}
.widget_tag_cloud a:hover,
.widget_product_tag_cloud a:hover {
    border-color: #4FBBBD;
    background: #21AEB7;
    color: #fff;
}

/*   widget social link styling from here   */

.widget-social-link li a {
    padding-bottom: 5px;
}

.widget-social-link li a span {
    display: block;
    color: #fff;
    margin-top: 4px;
    font-size: 12px;
}

.widget-social-link .social-links ul li a::before {
    color: #fff;
}

.widget-social-link .inline-social-icons li a {
    background: #000;
    min-width: 65px;
    min-height: 85px;
    border-radius: 0;
    border: none;
}

.widget-social-link .inline-social-icons.social-links ul li a:hover::before {
    color: #fff;
}

.widget-social-link .inline-social-icons li a[href*="facebook.com"] {
    background: #3B5998
}

.widget-social-link .inline-social-icons li a[href*="twitter.com"] {
    background: #35A3F0
}

.widget-social-link .inline-social-icons li a[href*="linkedin.com"] {
    background: #115281
}

.widget-social-link .inline-social-icons li a[href*="plus.google.com"] {
    background: #DD4B39
}

.widget-social-link .inline-social-icons li {
    margin: 0 8px;
    float: left;
}

/*   -- "Recent Entries/Comments widget" section (These are the styles for the Recent Entries/Comments widget section) --   */


.recentcomments, .widget ul li.recentcomments {
    border-bottom: 1px solid #D6D8DB;
    margin-bottom: 18px;
    padding-bottom: 15px;
    padding-top: 2px;
}

.recentcomments:last-child, .widget ul li.recentcomments:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.recentcomments .comment-author-image {
    border-radius: 50px;
    float: left;
    height: 43px;
    margin-right: 17px;
    overflow: hidden;
    width: 43px;
}

.recentcomments .comment-author-text {
    float: right;
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: 80%;
    width: calc(100% - 60px);
}

.comment-author-link {
    display: block;
    margin-bottom: 2px;
}

.comment-author-link a {
    font-weight: 600;
    text-transform: uppercase;
}

/*    error page styling from here  */
.error-404.not-found {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 70px 0;
}
.error-404.not-found:before{
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(48, 62, 75, 0.9);
    top: 0;
    left: 0
} 
.not-found-content-wrap{
    margin: 0 auto;
    max-width: 490px;
    padding: 50px 0;
    text-align: center;
    width: 100%;
}

.site-content .error-404 .page-title {
    color: #fff;
    font-size: 290px;
    line-height: 0.8;
}

.site-content .error-404 p {
    color: #fff;
    font-size: 20px;
    text-align: center;
}

.search-form {
    margin: 0 auto 30px;
    max-width: 100%;
    position: relative;
    width: 375px;
}
.error-404 .search-form .search-submit {
    margin: 0;
    width: 60px;
    font-size: 0px;
    background: none;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    background: url("assets/img/xsearch-icon1.svg") no-repeat scroll center center;
    background-size: auto auto;
    background-size: 21px;
    height: 100%;
    cursor: pointer;
    background-color: #1C8E95;
}
.error-404 .search-form .search-submit:hover{
    background-color: #FCCE00
}
.error-404 .search-form input,
.error-404 .search-form label {
    margin: 0;
}
.error-404 .search-form input[type="search"] {
   padding-right: 70px
}
.site-header .search-form {
    margin: 0;
    width: 100%;
}

.site-content .error-404 a {
    display: inline-block;
    font-size: 40px;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    text-decoration: underline;
}


.site-content .error-404 a:hover {
    color: #1C8E95;
}
.error404 .site-footer {
    margin: 0;
}
.error404 .site-header {
    margin-bottom: 0;
}

/*        main styleing from here      */

/*    topbar section styling from here    */

.topbar {
    background: #E8E8E8;
    padding: 13px 0;
}

.top-left {
    width: 50%;
    padding-right: 8px;
}
.topbar .contact-info {
    margin: 0 -5px;
}
.topbar .contact-info > div {
    display: inline-block;
    margin: 0 5px;
}
.topbar .social-links ul li a {
    font-size: 0;
}
.top-right {
    width: 50%;
    text-align: right;
    padding-left: 8px;
}

.topbar ul li {
    display: inline-block;
    margin: 0 5px;
    position: relative;
}

.topbar ul li:last-child {
    margin-right: 0;
}

.topbar ul li a {
    text-transform: uppercase;
    display: block
}

.top-right li a.language {
    background: #fff;
    padding: 5px;
    border: 1px solid #D2D0D0;
}

.category-info {
    width: 30%;
    position: relative;
    line-height: 1.3
}

.category-info>a {
    background: #21AEB7;
    display: block;
    padding: 15px 15px 15px 20px;
    color: #fff;
    text-transform: uppercase;
}

.category-info>a:hover, .site-cart-views:hover, .site-wishlist-views:hover {
    background: #FBB53B
}

.category-info>a .fa {
    margin-right: 14px;
}

.category-info .category-listing {
    background: #fff;
    width: 100%;
    border: 1px solid #21AEB7;
    padding: 0;
}

.category-listing li a {
    border-bottom: 1px solid #D9F1F3;
    display: block;
    padding: 14px 18px 15px;
    text-transform: uppercase;
    color: #77787A;
}

.category-listing li a:hover {
    background: #FBB53B;
    color: #fff;
}

.category-listing li:last-child a {
    border-bottom: none;
}

.header-search-section {
    width: 40%;
}

.header-information-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.3;
    width: 30%;
}

.header-information-inner>div {
    flex-basis: 0;
    -webkit-flex-basis: 0;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    min-width: 50%;
    position: relative;
    cursor: pointer;
}

.flex-display-same-width {
    align-items: -webkit-box;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    flex-wrap: wrap;
    flex-wrap: -webkit-box;
}

.flex-display-same-width>* {
    flex-basis: 0;
    -webkit-flex-basis: 0;
    flex-grow: 1;
    -webkit-flex-grow: 1;
}

.header-information-inner>div {
    cursor: pointer;
    background: #21AEB7;
    padding: 15px;
    color: #fff;
    text-transform: uppercase;
    border-right: 1px solid rgba(0,0,0,0.3);
}

.cart-quantity, .wishlist-quantity {
    background: #FBB53B;
    height: 18px;
    width: 18px;
    display: block;
    border-radius: 19px;
    text-align: center;
    font-size: 13px;
    padding-top: 1px;
    position: absolute;
    top: 4px;
    left: 6px;
}

.site-cart-views:hover .cart-quantity, .site-wishlist-views:hover .wishlist-quantity {
    background: #21AEB7;
}

.site-header .site-cart-views:hover>.widget_shopping_cart, 
.site-header .site-wishlist-views:hover>.widget_shopping_wishlist, 
.category-info:hover .category-listing ,
.site-header .site-cart-views:focus>.widget_shopping_cart, 
.site-header .site-wishlist-views:focus>.widget_shopping_wishlist, 
.category-info:focus .category-listing ,
.site-header .site-cart-views:focus-within>.widget_shopping_cart, 
.site-header .site-wishlist-views:focus-within>.widget_shopping_wishlist, 
.category-info:focus-within .category-listing {
    padding-top: 20px;
    opacity: 1;
    visibility: visible;
}
.site-cart-info >a, 
.site-wish-info >a {
    color: #fff
}
.category-info:focus .category-listing,
.category-info:focus-within .category-listing {
    padding-top: 0
}

.site-header .site-cart-views>.widget_shopping_cart, .site-header .site-wishlist-views>.widget_shopping_wishlist, .category-listing {
    width: 300px;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 99;
    padding-top: 50px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.category-info:hover .category-listing {
    padding-top: 0;
}

.mini_cart_inner, .mini_wishlist_inner {
    border: 1px solid #21AEB7;
    padding: 15px;
    position: relative;
    background: #fff;
}

.site-header .mini_cart_inner::before, .site-header .mini_wishlist_inner::before {
    content: '';
    width: 12px;
    height: 12px;
    border: 1px solid #21AEB7;
    top: -7px;
    right: 0;
    right: 8px;
    border: 1px solid #21AEB7;
    border-right-color: rgb(221, 221, 221);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background: #fff;
    position: absolute;
    -webkit-transform: rotate(44deg);
    transform: rotate(44deg);
    border-bottom: 0;
    border-right: 0;
}
#secondary .widget.widget_media_image {
    padding: 20px;
}

/*     search section styling from here   */

.header-search-section .search-form label {
    position: relative;
    margin: 0;
}

.header-search-section>.search-toggle {
    display: none
}
.woocommerce-product-search{
    position: relative;
}
.header-search-section input[type="submit"],
.woocommerce-product-search button[type="submit"] {
    width: 73px;
    font-size: 0px;
    border: 1px solid #21AEB7;
    background: none;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    background: url("assets/img/xsearch-icon1.svg") no-repeat scroll center center;
    background-size: auto auto;
    background-size: 21px;
    height: 100%;
    cursor: pointer;
    background-color: #1C8E95
}

.header-search-section input[type="submit"]:hover,
.woocommerce-product-search button[type="submit"]:hover {
    background-color: #FBB53B;
    border-color: #FBB53B
}

.header-search-section input[type="search"] {
    padding: 10px 78px 10px 10px;
    border-color: #21AEB7;
    margin: 0;
}

.header-search-section input {
    height: 48px;
}

/* featured product section styling from here */

.site-header section {
    margin-bottom: 50px;
}

.site-header section:last-child {
    margin-bottom: 0px;
}

.tab {
    display: none;
}

.tab.active {
    display: block;
}

.tab-links {
    padding: 30px 40px;
    border-bottom: 1px solid #E8E8E8;
}

.tab-links li {
    display: inline-block;
    margin: 0 17px;
    position: relative;
}

.tab-links li:first-child {
    margin-left: 0;
}

.tab-links li:last-child {
    margin-right: 0;
}

.tab-links li.active::before {
    position: absolute;
    display: block;
    content: "";
    height: 2px;
    width: 100%;
    background: #41BAC2;
    bottom: -30px;
}

.tab-links li a {
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 3px;
}

.tab-links li a:hover, .tab-links li.active a {
    color: #41BAC2;
}

.tab-links .entry-header.heading {
    display: inline-block;
    float: left;
}

.featured-product-wrapper {
    border: 1px solid #E8E8E8
}

.element-item {
    height: 100%;
    border: 1px solid #f1f1f1;
    padding: 20px;
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    -webkit-transform-style: preserve-3d;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.woocommerce ul.products, 
.woocommerce-page ul.products {
    display: flex;
    flex-wrap: wrap;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    border: 1px solid #f1f1f1;
    border-right: none;
    border-bottom: none;
    margin-bottom: 0;
}

.element-item .sales-tag, 
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
    background: #1FA4AC;
    color: #fff;
    padding: 3px;
    position: absolute;
    width: 100%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    top: 7%;
    left: 35%;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 0;
    min-width: auto;
    min-height: auto;
    line-height: 1.4;
    right: auto;
}
.woocommerce-Price-amount.amount {
    color: #41BAC2;
    font-size: 16px;
    font-weight: 600;
}

del .woocommerce-Price-amount.amount {
    font-size: 12px;
}

.price ins {
    margin-right: 5px;
}

.featured-product-wrapper .element-item {
    width: 25%;
    float: left;
}

.product-list-wrapper .image-icon-wrapper, .product-list-wrapper figure a {
    position: relative;
    overflow: hidden;
    display: block;
}

.element-item:hover .featured-image img {
    -webkit-transform: scale(1.09);
    -o-transform: scale(1.09);
    -moz-transform: scale(1.09);
    transform: scale(1.09);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.element-item .featured-image img {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.product-list-wrapper figure {
    margin: 0;
}

.element-item a .entry-title {
    font-size: 16px;
    font-weight: 400;
    color: #6D6E71;
    padding-bottom: 0;
}

.element-item a:hover .entry-title {
    color: #1FA4AC
}

.featured-product-section .element-item:hover .price {
    opacity: 0;
}

/* .featured-product-section .product-list-wrapper .icons {
    position: absolute;
} */

.product-list-wrapper .icons {
    position: absolute;
    bottom: -100%;
    left: 0;
    right: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    background: #fff;
    padding: 20px 10px;
}

.featured-product-section .element-item:hover .list-info {
    margin-top: -20px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.featured-product-section .element-item:hover {
    padding-bottom: 40px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.featured-product-section .element-item:hover .list-info {
    margin-top: -20px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.featured-product-section .element-item:hover .product-list-wrapper .icons {
    bottom: 0;
}

.element-item .icons a {
    background: #FBB53B;
    color: #fff;
    padding: 13px 11px 11px;
    margin: 0 5px 5px;
    display: inline-block;
    /*line-height: 0;*/
    min-height: 40px;
}

.element-item .icons a:hover {
    background: #21AEB7
}

.product-list-wrapper .list-info {
    padding-top: 15px;
    position: relative;
}

.woocommerce-product-rating {
    line-height: 1.5;
    display: block;
}

.tab-content .element-item {
    border-left: none;
    border-top: none
}

.featured-product-wrapper .tab-content .element-item:nth-child(4n+4) {
    border-right: none;
}

/* latest blog post wrap starts from here */

.latest-blog-post-wrap .cat-links a {
    margin: 0 2px 5px 0;
}

.latest-blog-post-wrap .entry-meta, .latest-blog-post-wrap .entry-meta a {
    font-size: 12px;
}

.latest-blog-post-wrap .post {
    padding: 10px;
    border-left: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    min-width: 25%;
    margin: 0;
}

.latest-blog-post-wrap .post:last-child {
    border-right: 1px solid #E3E3E3;
}

.latest-blog-post-wrap .post .entry-content {
    margin-bottom: 20px;
    margin-top: 5px;
}

.latest-blog-post-wrap .entry-title {
    font-size: 16px;
    margin-bottom: 6px;
}

.latest-blog-post-wrap .entry-title a {
    color: #323232;
}

.latest-blog-post-wrap p, .latest-blog-post-wrap .cat-links a, .latest-blog-post-wrap .entry-meta>span {
    font-size: 12px;
}
.subscribe-form-wrapper .mc4wp-form-fields input {
    height: 60px;
}
.featured-image-icon {
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    opacity: 0;
}

.featured-image-wrapper {
    position: relative;
}

.latest-blog-post-wrap .post:hover .featured-image img {
    opacity: 0.5;
}

.latest-blog-post-wrap .post:hover .featured-image-icon {
    opacity: 1;
}

.latest-blog-post-wrap .post:hover .featured-image img, .latest-blog-post-wrap .post .featured-image img, .latest-blog-post-wrap .post:hover .featured-image-icon, .latest-blog-post-wrap .post .featured-image-icon {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}

.latest-blog-post-wrap .post:hover .featured-image {
    background: #000
}

.featured-image-icon a {
    color: #fff;
    font-size: 20px;
}

/* deal of the day section starts from here */

.deal-of-the-day-item-wrapper, .hot-deal-item-wrapper {
    border: 1px solid #E8E8E8;
}

.deal-of-the-day-item-wrapper>div {
    border-right: 1px solid #E8E8E8;
}

.deal-of-the-day-item-wrapper>div:last-child {
    border-right: none;
}

.deal-of-the-day-item-wrapper>div {
    min-width: 75%;
}

.deal-of-the-day-item-wrapper>div:first-child {
    min-width: 25%;
}

.deal-of-the-day-item-wrapper .entry-header.heading {
    border-bottom: 1px solid #E8E8E8;
}

.sale-offer-section .featured-image {
    padding: 10px;
    margin: 0;
}

.deal-of-day-slider .list-info {
    width: 50%;
    float: right;
    padding: 20px 0 0 30px;
    text-align: left;
}

.deal-of-day-slider .image-icon-wrapper {
    width: 50%;
    float: left;
    background: #F4F3F3;
    padding: 40px 10px;
}

.deal-of-day-slider .image-icon-wrapper img {
    margin: auto
}

.deal-of-day-slider .element-item {
    border: none;
    padding: 10px;
}

.deal-of-day-slider .element-item a .entry-title {
    font-size: 26px;
}

.price {
    display: block;
}

.deal-of-day-slider .star-rating img, .deal-of-day-slider img {
    max-width: 100%;
    width: auto !important;
}

.deal-of-day-slider.owl-theme .owl-dots {
    position: absolute;
    top: -63px;
    right: 25px;
}

.deal-of-day-slider.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    background: #B3B3B5;
    border-radius: 0px;
}

.deal-of-day-slider.owl-theme .owl-dots .owl-dot.active span, .deal-of-day-slider.owl-theme .owl-dots .owl-dot span:hover {
    background: #626366;
}

#countdown {
    margin: 20px 0;
}

#countdown>div {
    display: inline-block;
    background: #F1F1F1;
    padding: 10px 15px;
    text-align: center;
    min-width: 80px;
    margin-right: 5px;
    margin-bottom: 5px;
}

#countdown .count-label {
    display: block;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none;
    line-height: 1;
    font-size: 14px;
    margin-top: 5px;
}

#countdown .count-period {
    font-size: 20px;
    color: #21AEB7;
    font-weight: 600;
    display: block;
}

.hot-deal-section .tab-links {
    text-align: right;
    padding: 0;
}

.hot-deal-section .tab-links li {
    margin: 32px 10px;
}

.hot-deal-section .element-item {
    width: 50%;
    float: left;
}

.hot-deal-section .image-icon-wrapper {
    width: 80px;
    float: left;
}

.hot-deal-section .list-info {
    width: 83%;
    width: calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    float: right;
    padding: 0 0 0 10px;
    text-align: left;
}

.hot-deal-section .tab-links li.active::before {
    bottom: -33px;
}

.icons {
    clear: both;
}

.hot-deal-item-wrapper>div {
    min-width: 50%;
}

.owl-carousel .owl-item img {
    max-width: 100%;
    width: auto;
}

.product-list-wrapper:hover .icons {
    bottom: 0;
    padding: 5px;
}

.hot-deal-section .element-item:nth-child(2n+2) {
    border-right: none
}

.hot-deal-section .element-item .sales-tag {
    top: 11%;
    left: 42%;
    text-align: center;
}
.slider-title del {
    font-size: 20px;
}

.hot-deal-section .tab-links li a {
    font-size: 14px;
}

.hot-deal-slider-wrap {
    border-left: 1px solid #E8E8E8;
    padding: 5px;
}

.hot-deal-slider {
    background: #F4F3F3;
    height: 100%;
    width: 100%;
}

.hot-deal-slider .element-item {
    text-align: left;
    padding: 50px 0 0;
}

.hot-deal-slider .product-list-wrapper figure {
    text-align: left;
    margin-bottom: 10px;
}

.hot-deal-slider .product-list-wrapper .list-info {
    padding-left: 70px;
    padding-right: 15px;
}

.hot-deal-slider .element-item a .entry-title {
    font-size: 26px;
}

.hot-deal-slider .woocommerce-product-rating, .hot-deal-slider .price {
    margin: 10px 0;
}

.hot-deal-slider.owl-theme .owl-dots {
    padding-left: 15px;
    bottom: -40px;
    position: relative;
    text-align: left
}

/* testimonial slider wrapper */
.star-ratings {
    color: #eeac00;
    font-size: 25px;
    width: 105px;
    position: relative;
    margin: 0 auto 15px;
}
.star-ratings-top {
    color: #258BC6;
    padding: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.star-ratings-bottom {
    padding: 0;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.testimonial-quote .fa {
    color: #21AEB7;
    font-size: 90px;
    opacity: 0.7;
    display: block;
}
.testimonial-item {
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}
.testimonial-quote {
    padding-bottom: 10px;
    display: block;
}
.testimonial-content .entry-content {
    padding-bottom: 0;
}
.testimonial-content {
    margin-bottom: 20px;
}
.testimonial-section {
    text-align: center;
}
.testimonial-item .author-name,
.testimonial-item .author-designation {
    text-transform: capitalize;
}
.testimonial-slider.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0;
}
.testimonial-slider {
    margin-bottom: 20px;
}

/* partner section starts from here */
.partner-section {
    text-align: center;
}
.partner-slider.owl-theme .owl-nav {
    margin: 0;
}
.owl-prev::before, .owl-next::before {
    text-align: center;
    font-size: 20px;
    color: #fff;
    text-indent: 0;
    font-family: "FontAwesome";
    -webkit-transition: all 0s ease-out;
    transition: all 0s ease-out;
    text-align: center;
    display: block;
}
.owl-prev::before {
    content: "\f104";
}
.owl-next::before {
    content: "\f105";
}
.owl-theme .owl-nav [class*="owl-"] {
    font-size: 0;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    text-align: center;
    padding: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.partner-item figure {
    display: inline-block;
}
.partner-item {
    padding: 10px 25px;
}
.partner-slider .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.partner-slider {
    position: relative;
}
.partner-slider .owl-nav .owl-prev {
    left: -25px;
}
.partner-slider .owl-nav .owl-next {
    right: -25px;
}
.owl-carousel .owl-item .partner-item img {
    max-width: 120px;
}
.partner-image-ad {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
     padding-top: 10px;
}
.partner-image-ad .partner-item {
    position: relative;
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    min-width: 23.2%;
    min-width: calc(25% - 20px);
    min-width: -webkit-calc(25% - 20px);
    margin: 0 10px 10px;
    padding: 0;
    overflow: hidden;
}
.partner-image-ad .partner-item:hover a img {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.partner-image-ad .partner-item a img {
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

/* listing page starts from here */

ul.products.columns-3 li.product,
.woocommerce ul.products.columns-3 li.product, 
.woocommerce-page ul.products.columns-3 li.product {
    width: 33.33%;
    float: left;
    margin: 0 0 -1px;
}

ul.products.columns-4 li.product,
.woocommerce ul.products.columns-4 li.product, 
.woocommerce-page ul.products.columns-4 li.product {
    width: 25%;
    float: left;
    margin: 0 0 -1px;
}

ul.products.columns-2 li.product,
.woocommerce ul.products.columns-2 li.product, 
.woocommerce-page ul.products.columns-2 li.product {
    width: 50%;
    float: left;
    margin: 0 0 -1px;
}

ul.products.columns-3 li.product .element-item, ul.products.columns-4 li.product .element-item, ul.products.columns-2 li.product .element-item {
    border-right: none;
    border-top: none
}

ul.products.columns-3 li.product .element-item, ul.products.columns-4 li.product .element-item, ul.products.columns-2 li.product .element-item {
    border-right: none;
}

.woocommerce-result-count {
    float: left;
    font-size: 14px;
    margin-top: 9px;
    margin-bottom: 8px;
}

.woocommerce-ordering {
    float: right;
}

.woocommerce-ordering select {
    outline: 0;
    text-transform: uppercase;
    font-weight: 300;
    padding: 3px;
    line-height: 1;
    height: 35px;
    border: 1px solid #ccc;
}

.woocommerce-ordering select:focus {
    outline: none
}
.single_add_to_wishlist {
    display: inline-block;
    padding: 13px;
    text-transform: uppercase;
}

/* blog page starts from here */

.post-item-wrapper .post .featured-image {
    min-width: 33.3333%;
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.post-item-wrapper .post .post-content {
    min-width: 66.6667%;
    padding-bottom: 35px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}
.post-item-wrapper .post .featured-image + .post-content{
    padding-left: 15px;
}
.post-item-wrapper .default-padding:first-child {
    border-top: 1px solid #E8E8E8;
}
.post-item-wrapper .post {
    align-items: -webkit-box;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    flex-wrap: wrap;
    flex-wrap: -webkit-box;
    border-top: none;
    margin-bottom: 0;
}

.post-item-wrapper .post-content {
    position: relative;
}

.post-item-wrapper .post-content .entry-meta:last-child {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 0 0px 0 10px;
    left: 0;
}

.post-item-wrapper .post .read-more-btn {
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    bottom: 5px;
    right: 10px;
    z-index: 9;
    opacity: 0;
}

.post-item-wrapper .post:hover .read-more-btn {
    opacity: 1;
}

.post-item-wrapper .post:hover .entry-meta>span.byline {
    background: #272A32
}

.post-item-wrapper .post .entry-meta .byline .author-image {
    box-shadow: none
}

.post-item-wrapper .post:hover .byline a {
    color: #fff;
}

/* product starts from here */

.product .woocommerce-product-gallery {
    width: 50%;
    float: left;
    padding-right: 15px;
}

.product .summary.entry-summary {
    width: 50%;
    float: right;
    padding-left: 15px;
}

div.product form.cart div.quantity, form.cart div.quantity {
    float: none;
    width: 115px;
    margin-bottom: 10px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
}

.cart div.quantity .minus, .cart div.quantity .plus {
    width: 29px;
    cursor: pointer;
    padding: 0;
}

.cart div.quantity .qty {
    width: 63px;
    -moz-appearance: textfield !important;
}

.cart div.quantity .minus, .cart div.quantity .plus, .cart div.quantity .qty {
    border-radius: 0;
    height: 30px;
    display: inline-block;
    box-sizing: border-box;
    padding: 0;
    margin: 0 -4px 0 0;
    background: #fff;
    border-color: #d8dfe0;
    outline: 0;
    color: #000;
    border: 1px solid #ddd;
    text-align: center
}

.single_add_to_cart_button,
.button.add_to_cart_button {
    background: #FBB53B;
    padding: 13px 10px 13px 13px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    margin-top: 8px;
    border: none;
    position: relative;
    color: #fff;
    cursor: pointer;
    padding-left: 44px !important;
}

.single_add_to_cart_button::before, 
.button.add_to_cart_button::before {
    position: absolute;
    display: block;
    content: "\f07a";
    font-family: "FontAwesome";
    font-size: 16px;
    height: 90%;
    height: calc(100% - 4px);
    height: -webkit-calc(100% - 4px);
    width: 34px;
    background: rgba(0,0,0,0.1);
    top: 2px;
    left: 2px;
    color: #fff;
    text-align: center;
    line-height: 34px;
}

.product .cart {
    margin-bottom: 15px;
}

.social-links .share-on, .woocommerce-size label {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 5px;
}

.woocommerce-size {
    margin-bottom: 20px
}

.woocommerce-size select {
    width: 110px;
}

.product .product_title.entry-title {
    font-size: 20px;
}

.custom-col-8 .adds-section-wrap .container {
    padding: 0;
}

.products.list-view .image-icon-wrapper {
    width: 33.3333%;
    float: left;
}

.products.list-view .list-info {
    width: 66.6666%;
    float: right;
    padding-left: 25px;
    text-align: left;
}

.products.list-view .element-item .sales-tag {
    top: 5%;
}

.product .social-links {
    margin-bottom: 20px;
}

.related-product-slider .element-item {
    border-top: none
}

.owl-carousel.related-product-slider .star-rating img {
    display: inline-block
}

.owl-theme.related-product-slider .owl-nav {
    position: absolute;
    top: -62px;
    right: 30px;
    margin: 0;
}

.owl-theme.related-product-slider .owl-nav [class*="owl-"] {
    font-size: 0;
    position: relative;
    height: 25px;
    width: 25px;
    background: none;
    border: 1px solid #FBB53B;
    border-radius: 0;
}

.owl-theme.related-product-slider .owl-nav [class*="owl-"]:hover {
    background: #FBB53B
}

.owl-theme.related-product-slider .owl-nav [class*="owl-"]::before {
    position: absolute;
    display: block;
    font-family: "FontAwesome";
    font-size: 11px;
    vertical-align: middle;
    position: absolute;
    color: #FBB53B;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    top: 0;
    line-height: 25px;
}

.owl-theme.related-product-slider .owl-nav [class*="owl-"]:hover:before {
    color: #fff;
}

.owl-theme.related-product-slider .owl-nav [class*="owl-next"]::before {
    content: "\f054";
}

.owl-theme.related-product-slider .owl-nav [class*="owl-prev"]::before {
    content: "\f053";
}

.related-product-section .entry-header.heading {
    padding-right: 70px;
}

/*  category slider styling from here */
.category-owl-slider .post{
    position: relative;
    padding: 0 10px;
    margin: 0;
}
.category-owl-slider .post .post-content {
    position: absolute;
    top: 50%;
    margin: auto;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.category-owl-slider .post-content .cat-links a {
    background: #111111;
    color: #fff;
    padding: 14px 22px;
    display: block;
    position: relative;
}
.category-owl-slider .post-content .cat-links a:hover {
    background: #4FBBBD;
}
.category-owl-slider .post-content .cat-links a::before {
    position: absolute;
    display: inline-block;
    content: "";
    height: 65%;
    height: calc(100% - 20px);
    height: -webkit-calc(100% - 20px);
    width: 86%;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    border: 1px solid rgba(255,255,255,0.4);
    left: 9px;
    top: 9px;
}
.category-owl-slider {
    padding: 20px 10px 10px;
    position: relative;
}
.category-owl-slider .owl-prev,
#secondary .owl-theme.partner-slider .owl-prev,
.site-footer .owl-theme.partner-slider .owl-prev {
    left: -10px;
}
.category-owl-slider .owl-next,
#secondary .owl-theme.partner-slider .owl-next,
.site-footer .owl-theme.partner-slider .owl-next {
    right: -10px;
}
.owl-theme.category-owl-slider .owl-nav [class*="owl-"],
#secondary .owl-theme.partner-slider .owl-nav [class*="owl-"],
.site-footer .owl-theme.partner-slider .owl-nav [class*="owl-"]{
    height: 20px;
    width: 20px;
    padding: 1px;
}
.category-owl-slider .owl-prev::before, 
.category-owl-slider .owl-next::before,
#secondary .owl-theme.partner-slider .owl-nav [class*="owl-"]:before,
.site-footer .owl-theme.partner-slider .owl-nav [class*="owl-"]:before {
    font-size: 14px;
}
.category-owl-slider .post .featured-image img{
    width: 100%;
}
.wp-block-search .wp-block-search__input {
    margin-bottom: 0;
}
.wp-block-search .wp-block-search__button {
    background: #4FBBBD url("assets/img/xsearch-icon1.svg") no-repeat scroll center center / 20px auto;
    border: none;
    font-size: 0;
    min-width: 50px;
    cursor: pointer;
}
.wp-block-search .wp-block-search__button:hover {
    background: #FBB53B url("assets/img/xsearch-icon1.svg") no-repeat scroll center center / 20px auto;
}
.wp-block-search,
.wp-block-categories {
    margin-bottom: 15px;
}
.nav-links .nav-previous a {
    padding-left: 15px;
}
.nav-links .nav-next {
    text-align: right;
}
.nav-links .nav-next a {
    padding-right: 15px;
}
.posts-navigation {
    margin-bottom: 20px;
    margin-top: 20px;
}
.entry-footer .cat-links {
    display: inline-block;
}
.left_sidebar #primary {
    float: right;
}
.add_to_cart_button {
    background: #F99E21;
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
}
.add_to_cart_button:hover {
    background: #21AEB7;
    color: #fff;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    padding: 10px 10px;
    position: relative;
    overflow: hidden;
}
.woocommerce-pagination li a.next::before,
.woocommerce-pagination li a.prev::before {
    display: none;
}
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
    min-width: 30px;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button ,
.woocommerce nav.woocommerce-pagination ul li a,  
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.single_add_to_wishlist {
    background-color: #F99E21;
    color: #fff;
    font-weight: 500;
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current ,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.single_add_to_wishlist:hover {
    background-color: #21ADB5;
    color: #fff;
}
.single_add_to_cart_button {
    border-radius: 0 !important;
    clear: both;
    margin-top: 13px !important;
}
.woocommerce div.product form.cart {
    margin-bottom: 15px;
}
.cart div.quantity .minus, 
.cart div.quantity .plus, 
.cart div.quantity .qty,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce #respond input#submit, 
.woocommerce input.button {
    min-height: 40px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: #21ADB5;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    box-shadow: -2px 2px 0 #21ADB5;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    box-shadow: 2px 2px 0 #21ADB5;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #F99E21;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    box-shadow: 2px 2px 0 #F99E21;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    box-shadow: -2px 2px 0 #F99E21;
}
.woocommerce span.onsale {
    background-color: #21AEB7;
}
.woocommerce .woocommerce-breadcrumb a:hover{
    color: #21AEB7;
}
.product_meta {
    margin-top: 7px;
}
.woocommerce ul.products li.product .button {
    margin-right: 10px;
    border-radius: 0;
    font-size: 12px;
    font-weight: 500;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled] {
    padding: 13px 1em;
}
.slider-text .entry-content p {
    color: #fff;
}
.slider-text .entry-content p:last-child {
    margin-bottom: 0;
}
.entry-content {
    padding-bottom: 5px;
}
.slider-content .cart-btn {
    margin-top: 20px;
}
.tab .content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.tab .content-wrap .element-item {
    height: auto;
}
.comment-form-cookies-consent label {
    display: inline-block;
    padding-left: 25px;
}
.comment-form-cookies-consent > input {
    position: absolute;
    top: 2px;
    left: 0;
}
.woocommerce .star-rating {
    float: none;
    clear: both;
}
.hot-deal-slider .product-list-wrapper .list-info {
    padding-left: 20px;
}
.widget_media_video > div {
    padding-top: 10px;
}
.hot-deal-slider .entry-content {
    padding: 0;
    margin: 0;
}
.hot-deal-slider .entry-content p:last-child {
    margin-bottom: 0;
}
#secondary .featured-product-wrapper .element-item,
.widget-area .featured-product-wrapper .element-item {
    width: 100%;
}
#secondary .featured-product-section,
#secondary .testimonial-section,
#secondary .partner-section,
#secondary .latest-blog-section {
    margin: 0 -15px;
}
.widget .mc4wp-form-fields p,
#secondary .widget input,
#secondary .widget .mc4wp-form-fields label {
    margin-bottom: 0;
}
#secondary .category-section {
    border: 1px solid #e8e8e8;
    padding-bottom: 20px;
}
#secondary .featured-product-section .entry-title a ,
.widget-area .featured-product-section .entry-title a {
    font-size: 16px;
}
#secondary .featured-slider .slider-text .slider-subtitle ,
.widget-area .featured-slider .slider-text .slider-subtitle {
    font-size: 18px;
    margin: 0;
    padding-bottom: 0;
}
#secondary .featured-slider .slider-text .entry-content p,
.widget-area .featured-slider .slider-text .entry-content p {
    font-size: 15px;
}
.post-item-wrapper .post:first-of-type {
    border-top: 1px solid #e8e8e8;
}

/*  10.0 ===== Footer =====   */

/*   -- "Footer" section (These are the styles for the Footer section) --   */

.subscribe-form-wrapper {
    padding: 40px 0;
    color: #304154;
}
.wp-calendar-table {
    text-align: center;
}
.site-footer .subscribe-form-wrapper p, 
.site-footer .subscribe-form-wrapper a, 
.site-footer .subscribe-form-wrapper span {
    color: #304154;
}

.site-footer {
    background: #304154;
    color: #fff;
    margin-top: 60px;
}

.site-footer ul ul {
    padding-top: 12px;
}
/*.site-footer .widget > ul li a::before {
    display: none
}
.site-footer .widget > ul li a:hover {
    padding-left: 0
}*/

/* subscribe section styling from here */

.subscribe-form-wrapper {
    background: #F4F4F4;
    position: relative;
    z-index: 9;
}
.subscribe-form-wrapper .textwidget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.subscribe-image {
    width: 25%;
    float: left;
    text-align: left;
    padding-right: 15px;
}

.mc4wp-form-wrapper {
    width: 75%;
    float: right;
    padding-left: 15px;
    align-items: center;
    align-items: -webkit-box;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    flex-wrap: wrap;
    flex-wrap: -webkit-box;
}

.mc4wp-form-wrapper .heading, .mc4wp-form-wrapper .mc4wp-form {
    width: 50%;
    margin: 40px 0 0;
}

.mc4wp-form input[type="submit"] {
    background: #41BAC2 url("assets/img/subscribe-icon1.svg") no-repeat scroll center center;
    background-size: auto auto;
    background-size: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0s ease 0s;
    width: 82px;
    font-size: 0px;
}

.mc4wp-form input[type="email"] {
    border: none;
    padding-right: 92px;
}

.mc4wp-form-fields {
    position: relative;
}

.subscribe-form-wrapper .heading .entry-title {
    font-size: 25px;
    color: #272A32;
    font-weight: 400;
    padding-bottom: 10px;
}

.subscribe-form-wrapper .entry-header.heading {
    padding: 0px 0 10px;
}

.site-footer .subscribe-form-wrapper p {
    color: #6D6E71;
}

/* footer info wrapper styling from here */

.site-footer .container .container {
    padding: 0;
}
.footer-info-wrapper .custom-col-12 > div,
.footer-info-wrapper .custom-col-12 > section {
    margin-bottom: 30px;
}
.footer-info-wrapper .custom-col-12 > div:last-child ,
.footer-info-wrapper .custom-col-12 > section:last-child{
    margin-bottom: 0px;
}
.footer-info-wrapper {
    padding: 40px 0 40px;
}

.footer-info-item-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(65, 186, 194, 0.2);
    padding-bottom: 50px
}

.footer-info-item {
    flex-basis: 0;
    -webkit-flex-basis: 0;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    min-width: 20%;
    margin-bottom: 30px;
}

.footer-info-icon {
    background: #FBB53B;
    padding: 3px;
    display: inline-block;
    width: 56px;
}

.footer-info-icon .fa {
    height: 50px;
    width: 50px;
    background: #F4922F;
    text-align: center;
    font-size: 30px;
    padding: 11px 0 0;
}

.footer-info-text {
    width: 80%;
    float: right;
    width: calc(100% - 56px);
    padding: 8px 0 0 10px;
}

.footer-info-text h4 {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.footer-info-text span, .site-footer .footer-info-text span {
    font-size: 12px;
    text-transform: uppercase;
    color: rgb(255, 255, 255, 0.5)
}
.widget_address .icon-wrap {
    margin-right: 5px;
}
.site-footer p, .site-footer a, .site-footer span, .site-footer .widget_text li a, .site-footer .widget_text li {
    color: #fff;
}
.site-footer .social-links.widget ul li a::before{
    opacity: 1;
    right: 0
}
.site-footer a:hover {
    color: #FBB53B
}
.social-links ul li {
    display: inline-block;
    width: auto;
    margin: 0 5px 5px 0;
}
.site-footer .widget.social-links ul li {
    margin-bottom: 5px;
}
.site-footer .social-links a {
    min-width: 35px;
    height: 35px;
    text-align: center;
    padding: 7px;
    background: #F4922F;
    border: 2px solid #FBB53B;
}
.site-footer .social-links a:hover {
    background: #21AEB7;
    border: 2px solid #4FBBBD;
}
.social-links ul li a:hover::before {
    color: #fff !important;
}
.site-footer .contact-detail h4 {
    font-size: 14px;
    text-transform: uppercase;
    color: #21AEB7;
    font-weight: 500;
    margin-bottom: 5px;
}

.footer-branding:hover img {
    opacity: 0.5;
    transition: all 0.3s ease 0s;
}

.footer-branding {
    margin-bottom: 15px;
}

.site-footer .widget-area {
    padding: 40px 0 40px;
    position: relative;
}

.site-footer .textwidget {
    color: rgb(166, 167, 166);
}

.widget-area .widget {
    margin: 0 0 30px;
}

.widget-title {
    color: #303E4B;
    display: block;
    font-size: 16px;
    margin: 0 0 18px;
    padding-bottom: 19px;
    position: relative;
    text-transform: uppercase;
}

#secondary .widget-title {
    border-bottom: 1px solid #EBEBEB;
    margin: 0 -20px 12px;
    padding: 10px 25px 22px;
}

.widget li a {
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    position: relative;
}

.widget>ul li a:hover, 
#secondary .widget>ul li a:hover,
#secondary .menu-main-menu-container ul li a:hover,
.site-footer .menu-main-menu-container ul li a:hover {
    color: #FBB53B;
    padding-left: 12px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
#secondary .widget ul li a:hover {
    color: #FBB53B;
}

.widget ul li a::before,
.widget_recent_entries ul li a::before {
    color: #fbb53b;
    font-family: fontawesome;
    font-size: 11px;
    vertical-align: middle;
    position: absolute;
    content: "\f054";
    left: 0;
    opacity: 0;
    top: 0;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    bottom: 0;
    margin: auto;
    height: 12px;
}
.widget.widget_recent_comments ul li a::before,
.widget .menu-item-has-children::before {
    display: none;
}
.woocommerce .widget_rating_filter ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#secondary .widget ul ul {
    padding-top: 10px;
    padding-left: 10px
}
#secondary .widget ul ul ul{
    padding-left: 15px
}

.widget>ul li a:hover:before,
#secondary .menu-main-menu-container ul li a:hover:before,
.site-footer .menu-main-menu-container ul li a:hover:before,
.widget_recent_entries ul li a:hover:before  {
    opacity: 1;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.site-footer .widget-title {
    color: #21AEB7;
    display: block;
    font-size: 16px;
    margin: 0 0 17px;
    padding-bottom: 0;
    font-weight: 700;
}

.site-footer .widget ul li {
    margin-bottom: 17px;
}

.widget ul li:last-child, #secondary .post:last-child {
    margin-bottom: 0;
}

.site-footer .site-title {
    font-size: 20px;
    margin-bottom: 5px;
}

.site-footer .site-description {
    color: rgb(166, 167, 166);
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 4px;
}

.site-footer ul, .site-footer ol {
    list-style: none;
}

.site-footer .widget ul ul {
    padding-left: 10px;
}

.site-footer .widget ul ul ul {
    padding-left: 15px;
}

.site-footer .widget_recent_entries ul li {
    border: none;
    margin-bottom: 12px;
}

.site-footer a {
    display: inline-block;
}

.site-info {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 3px;
}

.site-footer address {
    margin: 0;
}

.site-generator {
    background: #272A32;
    padding: 11px 0 8px;
}

.site-generator .container {
    align-items: center;
    align-items: -webkit-box;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    flex-wrap: wrap;
    flex-wrap: -webkit-box;
    padding: 0 5px;
}

.copy-right {
    color: #8D9297;
    display: block;
    font-size: 14px;
    padding: 26px 10px;
    text-transform: uppercase;
}

/*   widget btn wrapper styling from here   */

.widget-btn-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.widget-btn-wrapper>a {
    flex-basis: 0;
    -webkit-flex-basis: 0;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    min-width: 40%;
}

.widget-btn-wrapper a span {
    display: block;
    text-transform: uppercase;
    margin-top: 3px;
}

.widget-btn-wrapper .box-button {
    font-size: 14px;
    text-align: left;
    padding: 20px;
    background: none;
    border: 1px solid #64717F;
    margin: 0 10px;
    text-transform: inherit;
    position: relative;
}

.widget-btn-wrapper .box-button .fa {
    font-size: 24px;
    position: absolute;
    right: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 23px;
}

.widget-btn-wrapper .box-button:hover {
    background: #fff
}

.widget-btn-wrapper .box-button:hover span {
    color: #FBB53B
}

/*   -- "Galleries" section (These are the styles for the Galleries section) --   */

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.11%;
}

.gallery-icon img {
    margin: 0 auto;
    width: 100%;
}

.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
    display: none;
}

.gallery-size-thumbnail {
    margin: 0 -10px 20px;
}

.gallery {
    margin: 0 -10px;
    overflow: hidden;
}

.gallery-item {
    float: left;
    margin: 10px auto;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    text-align: center;
    vertical-align: top;
}

.gallery-caption {
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    bottom: -100%;
    color: rgb(255, 255, 255);
    left: 10px;
    margin: 0;
    padding: 6px;
    text-overflow: ellipsis;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    width: -moz-calc(100% - 20px);
    width: -ms-calc(100% - 20px);
    width: -o-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: 89.5%;
    width: calc(100% - 20px);
}

.gallery-item:hover .gallery-caption {
    bottom: 0;
}
.site-footer input[type="submit"] {
    border: 1px solid #fff;
}
.breadcrumb, .breadcrumb a:hover, .current-item a, #main ul.default-wp-page li>a:hover, .mean-container a.meanmenu-reveal {
    color: #fff;
}

.back-to-top a:hover, .box-button, .wp-caption-text, 
#bbpress-forums button:hover, .portfolio-gallery-menu li:hover, 
.load-button, .widget_search .search-submit, 
.slider-btn .box-button::before {
    background-color: #303E4B;
}

.comment-list .children .avatar, blockquote, .box-button, .load-button {
    border-color: #303E4B;
}

.featured-news-wrapper .entry-meta>span, .featured-news-wrapper .entry-meta a, .featured-news-wrapper .entry-meta .fa:before, .featured-slider .entry-meta>span, .featured-slider .entry-meta a, .featured-slider .entry-meta .fa:before, .promo-slider-wrapper .entry-meta>span, .promo-slider-wrapper .entry-meta a, .promo-slider-wrapper .entry-meta .fa:before {
    color: rgba(255, 255, 255, 0.75)
}

.gallery-information {
    background: rgba(48, 62, 75, 0.9) none repeat scroll 0 0;
}

::selection {
    background: rgba(48, 62, 75, 0.9) none repeat scroll 0 0;
    /* WebKit/Blink Browsers */
    color: #fff;
}

::-moz-selection {
    background: rgba(48, 62, 75, 0.9) none repeat scroll 0 0;
    /* Gecko Browsers */
    color: #fff;
}

.box-button:hover, .box-button:active, .box-button:focus, .load-button:hover, .box-button::before, .wpcf7-submit[type="submit"]::before, .load-button::before, .slider-btn .box-button, .back-to-top a, #secondary .mc4wp-form input[type="submit"]:hover, .form-submit input[type="submit"]:hover, .comment-form p input:focus+.comment-input-icon, .widget-social-link .inline-social-icons li a:hover {
    background-color: #4fbbbd;
}

.main-navigation>ul>li>a:hover, .site-footer .inline-social-icons.social-links ul li a:hover::before, .site-content .entry-header .entry-meta:last-child a:hover, .site-content .entry-header .entry-meta:last-child span a:hover, .author-details a:hover, .top-bar a:hover, .video-post-section>a:hover .entry-title, .topbar a:hover, .video-blog .post.small-post:hover .entry-title, .contact-detail a:hover, .author-text p a:hover {
    color: #FBB53B;
}

.slider-btn .box-button, input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="number"]:focus, textarea:focus, .site-footer input[type="reset"]:hover, .site-footer input[type="button"]:hover, .site-footer input[type="submit"]:hover {
    border-color: #4fbbbd;
}

.widget-post-author .social-links ul li a:hover:before, .post-share .social-links ul li a:hover:before {
    color: #fff;
}

.entry-title a:hover, .entry-meta a:hover, .entry-content>a:hover, .post-item-wrapper .post .byline a:hover, .post-item-wrapper .post .read-more-btn:hover {
    color: #21AEB7
}
.single-product.woocommerce span.onsale {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    top: 3%;
    right: 46%;
    left: auto;
}
.single-product.woocommerce .related  span.onsale {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    top: 3%;
    right: 46%;
    left: auto;
}
.single-product.woocommerce div.product{
    overflow: hidden;
}
.category-info>a:hover{
    color: #fff;
}
.site-footer .woocommerce-Price-amount.amount {
    color: #fff;
}
.woocommerce-product-search input {
    margin-bottom: 0;
    padding-right: 75px;
}

/* new style */

.category-slider .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.category-slider .post .featured-image {
    margin-bottom: 0
}
.wp-block-button__link {
    font-size: 14px;
    text-transform: uppercase;
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{
    font-size: 14px;
}
.wc-block-grid__products {
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
}
.wc-block-grid__products .wc-block-grid__product {
    border-left: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    padding: 15px 15px 5px;
    margin: 0 !important;
    border-bottom: 0;
}
.wc-block-pagination {
    text-align: center;
    padding: 30px 0;
}
.wc-block-pagination button {
    height: 30px;
    width: 30px;
    background: #F99E21 !important;
    margin: 0 1px 2px; 
    cursor: pointer;
    color: #fff;
    border: 1px solid #d3ced2;
     -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.wc-block-pagination button:hover,
.wc-block-pagination button.wc-block-pagination-page--active {
    background: #21ADB5 !important;
    color: #fff !important;
     -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.wc-block-attribute-filter .wc-block-attribute-filter-list li {
    text-decoration: none;
    padding-left: 20px;
    position: relative;
}
.wc-block-attribute-filter .wc-block-attribute-filter-list li input {
    position: absolute;
    left: 0;
    top: 5px;
}
.wc-block-product-search__label {
    font-size: 20px;
    margin-bottom: 10px;
}
.wc-block-product-search .wc-block-product-search__field {
    margin-bottom: 0;
}
.wc-block-product-search .wc-block-product-search__button {
    width: 50px;
    font-size: 0px;
    background: none;
    margin: 0;
    top: 0;
    right: 0;
    padding: 0;
    background: #21AEB7 url("assets/img/xsearch-icon1.svg") no-repeat scroll center center;
    background-size: auto auto;
    background-size: 21px;
    cursor: pointer;
}
.wc-block-product-search .wc-block-product-search__button:hover,
.wc-block-product-search .wc-block-product-search__button:not(:disabled):not([aria-disabled="true"]):hover {
    background-color: #F99E21 ;
    box-shadow: none;

}
.wc-block-product-search .wc-block-product-search__button svg {
    display: none;
}
.wp-block-woocommerce-product-search {
    margin-bottom: 15px;
}
.wp-block-latest-posts__featured-image {
    margin-bottom: 10px;
}
.wp-block-latest-posts__list a{
    color: #1e73be
}
.wp-block-latest-posts__list a:hover{
    color: #F99E21
}
.wp-block-latest-posts__post-author, 
.wp-block-latest-posts__post-date {
    font-size: 14px;
    text-transform: capitalize;
}
.wp-block-categories-list .cat-item {
    margin-bottom: 8px;
    text-align: right;
    overflow: hidden;
}
.wp-block-categories-list .cat-item a{
    text-transform: uppercase;
    float: left;
    text-align: left;
    position: relative;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
.wp-block-categories-list .cat-item a:hover{
    padding-left: 12px;
    color: #FBB53B;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
.wp-block-categories-list .cat-item a::before {
    color: #FBB53B;
    font-family: "FontAwesome";
    font-size: 11px;
    vertical-align: middle;
    position: absolute;
    content: "\f054";
    left: 0;
    opacity: 0;
    top: 1px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
.wp-block-categories-list .cat-item a:hover::before {
    opacity: 1;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
a:focus {
    outline: 1px dotted;
}
a:focus,
button:focus,
[type="button"]:focus,
[type="reset"]:focus,
[type="submit"]:focus {
    outline: 1px dotted;
}

button.owl-next> span, button.owl-prev> span {
    display: none;
}
.element-item:focus-within .product-list-wrapper .icons{
    bottom: -25px;
}
.element-item:focus-within .featured-img a:focus img,
.element-item:focus-within .featured-img a:focus-within img{
    opacity: 0.5
}
#secondary .widget.widget_recent_comments li a {
    color: #4FBBBD;
}
.woocommerce table.shop_table a.add_to_cart_button {
    padding: 12px 10px 10px 42px !important;
}
.single .entry-content {
    margin-bottom: 15px;
}
.site-footer .entry-header.heading{
    padding: 0;
    border: none;
    text-align: left;
}
.site-footer .heading.entry-header .entry-title {
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px;
}
.site-footer .subscribe-form-wrapper .heading.entry-header .entry-title {
    color: #272a32;
}
.site-footer .latest-blog-post-wrap .post:last-child {
    border: none;
    padding: 0;
}
.site-footer .custom-col-3 > aside, 
.site-footer .custom-col-3 > section {
    margin-bottom: 30px;
}
.site-footer .custom-col-3 > aside:last-child, 
.site-footer .custom-col-3 > section:last-child {
    margin-bottom: 0px;
}
.site-footer .default-padding {
    padding: 0;
    border: none;
}
.site-footer .widget-area .featured-product-wrapper .element-item {
    width: 100%;
}
#secondary .hot-deal-section-wrapper {
    margin: 0 -15px;
}
.site-footer .tab-links .entry-header.heading {
    float: none;
    display: block;
    clear: both;
    text-align: left;
    padding-top: 15px;
}
.site-footer .hot-deal-section .tab-links,
#secondary .hot-deal-section .tab-links {
    text-align: left;
}
.site-footer .hot-deal-section .tab-links li,
#secondary .hot-deal-section .tab-links li {
    margin: 12px 7px;
}
.site-footer .hot-deal-section .element-item,
#secondary .hot-deal-section .element-item {
    width: 100%;
    padding: 10px;
}
.site-footer .tab-links li a:hover, 
.site-footer .tab-links li.active a {
    color: #fff;
}
.site-footer .tab-links li a {
    color: rgba(255,255,255,0.6);
}
.site-footer .element-item .icons a ,
#secondary .element-item .icons a {
    margin: 0 1px 5px;
}
.site-generator .container > div {
    width: 50%;
    padding: 0 10px;
}
.site-generator .container > div:last-child {
    text-align: right;
}
.site-footer .footer-info-wrapper .footer-info-icon {
    color: #fff;
}
#secondary section.featured-slider {
    padding: 20px;
    border: 1px solid ;
}
#secondary .featured-slider .owl-carousel .owl-stage-outer {
    padding-bottom: 0;
}
.recentcomments, .widget ul li.recentcomments, #secondary section.featured-slider{
    border-color: #e8e8e8
}
.site-footer .recentcomments, 
.site-footer .widget ul li.recentcomments{
    border: none
}
.site-footer .tab-links {
    border: none;
    padding: 0;
    margin-bottom: 10px;
}
.site-footer .tab-content .element-item {
    border: none;
    padding: 0 0 15px;
    text-align: left;
}
.site-footer .featured-product-wrapper,
.site-footer .hot-deal-item-wrapper {
    border: none;
}
.site-footer .featured-product-section .star-rating {
    text-align: left;
    margin: 0 0 10px;
}
.site-footer .testimonial-item,
.site-footer .owl-theme .owl-dots {
    text-align: left;
}
.site-footer .star-ratings {
    margin: 0 0 10px;
}
.site-footer .hot-deal-item-wrapper .element-item {
    padding-bottom: 20px;
}
.site-footer .featured-product-section .element-item:hover .list-info,
#secondary .featured-product-section .element-item:hover .list-info {
    margin-top: 0px;
}
.site-footer .tab-links li {
    margin: 0 7px;
}
.site-footer .widget-area .tab-links li a {
    opacity: 0.5;
}
.site-footer .widget-area .tab-links li a:hover,
.site-footer .widget-area .tab-links li.active a {
    opacity: 1;
}
.site-footer .latest-blog-post-wrap .post .entry-content,
.site-footer .latest-blog-post-wrap .entry-meta  {
    display: none;
}
.site-footer .tagcloud a {
    color: #fff;
}
.woocommerce ul.product_list_widget li a img {
    margin-bottom: 9px;
}
.site-footer .product-list-wrapper:hover .icons {
    padding-bottom: 0;
}
#secondary .featured-product-section .element-item:hover {
    padding-bottom: 20px;
}
.subscribe-form-wrapper .textwidget {
    margin-bottom: 0;
}
.mc4wp-form input[type="submit"]:hover {
    background-color: #ffba00;
}
.nav-next a::before,
.nav-previous a::before {
    font-size: 14px;
}
.bypostauthor > article.comment-body .fn::after {
    display: none;
}
#secondary .widget .calendar_wrap {
    margin-left: -20px;
    margin-right: -20px;
}
#secondary .widget.social-links ul li {
    padding: 2px 0;
}
.woocommerce span.onsale {
    z-index: 1;
}
