/*
Theme Name: Blossom SPA PRO child
Description: Theme enfant de Blossom SPA PRO
Author: José M. Hernandez
Author URI: none
Template: blossom-spa-pro 
Version: 0.1.0
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
	--------------------------------------------------------------*/
    :root {
        --primary-color: #9cbe9c;
        --primary-color-rgb: 156, 190, 156;
        --font-color: #585656;
        --font-color-rgb: 88, 86, 86;
        --primary-font: 'Nunito Sans', sans-serif;
        --secondary-font: 'Marcellus', sans-serif;
    }
    
    /*--------------------------------------------------------------
    # Normalize
    --------------------------------------------------------------*/
    
    
    /* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
    
    
    /* Document
    ========================================================================== */
    
    
    /**
     * 1. Correct the line height in all browsers.
     * 2. Prevent adjustments of font size after orientation changes in iOS.
     */
    
    html {
        line-height: 1.15;
        /* 1 */
        -webkit-text-size-adjust: 100%;
        /* 2 */
    }
    
    
    /* Sections
    ========================================================================== */
    
    
    /**
     * Remove the margin in all browsers.
     */
    
    body {
        margin: 0;
    }
    
    
    /**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
    
    h1 {
        font-size: 2em;
        margin: 0.67em 0;
    }
    
    
    /* Grouping content
    ========================================================================== */
    
    
    /**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
    
    hr {
        box-sizing: content-box;
        /* 1 */
        height: 0;
        /* 1 */
        overflow: visible;
        /* 2 */
    }
    
    
    /**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
    
    pre {
        font-family: monospace, monospace;
        /* 1 */
        font-size: 1em;
        /* 2 */
    }
    
    
    /* Text-level semantics
    ========================================================================== */
    
    
    /**
     * Remove the gray background on active links in IE 10.
     */
    
    a {
        background-color: transparent;
    }
    
    
    /**
     * 1. Remove the bottom border in Chrome 57-
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */
    
    abbr[title] {
        border-bottom: none;
        /* 1 */
        text-decoration: underline;
        /* 2 */
        text-decoration: underline dotted;
        /* 2 */
    }
    
    
    /**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
    
    b,
    strong {
        font-weight: bolder;
    }
    
    
    /**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
    
    code,
    kbd,
    samp {
        font-family: monospace, monospace;
        /* 1 */
        font-size: 1em;
        /* 2 */
    }
    
    
    /**
     * Add the correct font size in all browsers.
     */
    
    small {
        font-size: 80%;
    }
    
    
    /**
     * Prevent `sub` and `sup` elements from affecting the line height in
     * all browsers.
     */
    
    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }
    
    sub {
        bottom: -0.25em;
    }
    
    sup {
        top: -0.5em;
    }
    
    
    /* Embedded content
    ========================================================================== */
    
    
    /**
     * Remove the border on images inside links in IE 10.
     */
    
    img {
        border-style: none;
    }
    
    
    /* Forms
    ========================================================================== */
    
    
    /**
     * 1. Change the font styles in all browsers.
     * 2. Remove the margin in Firefox and Safari.
     */
    
    button,
    input,
    optgroup,
    select,
    textarea {
        font-family: inherit;
        /* 1 */
        font-size: 100%;
        /* 1 */
        line-height: 1.15;
        /* 1 */
        margin: 0;
        /* 2 */
    }
    
    
    /**
     * Show the overflow in IE.
     * 1. Show the overflow in Edge.
     */
    
    button,
    input {
        /* 1 */
        overflow: visible;
    }
    
    
    /**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
    
    button,
    select {
        /* 1 */
        text-transform: none;
    }
    
    
    /**
     * Correct the inability to style clickable types in iOS and Safari.
     */
    
    button,
    [type="button"],
    [type="reset"],
    [type="submit"] {
        -webkit-appearance: button;
    }
    
    
    /**
     * Remove the inner border and padding in Firefox.
     */
    
    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }
    
    
    /**
     * Restore the focus styles unset by the previous rule.
     */
    
    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }
    
    
    /**
     * Correct the padding in Firefox.
     */
    
    fieldset {
        padding: 0.35em 0.75em 0.625em;
    }
    
    
    /**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *		`fieldset` elements in all browsers.
     */
    
    legend {
        box-sizing: border-box;
        /* 1 */
        color: inherit;
        /* 2 */
        display: table;
        /* 1 */
        max-width: 100%;
        /* 1 */
        padding: 0;
        /* 3 */
        white-space: normal;
        /* 1 */
    }
    
    
    /**
     * Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
    
    progress {
        vertical-align: baseline;
    }
    
    
    /**
     * Remove the default vertical scrollbar in IE 10+.
     */
    
    textarea {
        overflow: auto;
    }
    
    
    /**
     * 1. Add the correct box sizing in IE 10.
     * 2. Remove the padding in IE 10.
     */
    
    [type="checkbox"],
    [type="radio"] {
        box-sizing: border-box;
        /* 1 */
        padding: 0;
        /* 2 */
    }
    
    
    /**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
    
    [type="number"]::-webkit-inner-spin-button,
    [type="number"]::-webkit-outer-spin-button {
        height: auto;
    }
    
    
    /**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
    
    [type="search"] {
        -webkit-appearance: textfield;
        /* 1 */
        outline-offset: -2px;
        /* 2 */
    }
    
    
    /**
     * Remove the inner padding in Chrome and Safari on macOS.
     */
    
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }
    
    
    /**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
    
    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        /* 1 */
        font: inherit;
        /* 2 */
    }
    
    
    /* Interactive
    ========================================================================== */
    
    
    /*
     * Add the correct display in Edge, IE 10+, and Firefox.
     */
    
    details {
        display: block;
    }
    
    
    /*
     * Add the correct display in all browsers.
     */
    
    summary {
        display: list-item;
    }
    
    
    /* Misc
    ========================================================================== */
    
    
    /**
     * Add the correct display in IE 10+.
     */
    
    template {
        display: none;
    }
    
    
    /**
     * Add the correct display in IE 10.
     */
    
    [hidden] {
        display: none;
    }
    
    
    /*--------------------------------------------------------------
    # Typography
    --------------------------------------------------------------*/
    
    body,
    button,
    input,
    select,
    optgroup,
    textarea {
        color: var(--font-color);
        font-family: var(--primary-font);
        font-size: 18px;
        line-height: 1.8;
        font-weight: 400;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        clear: both;
        font-weight: 700;
        color: #262525;
        margin: 1em 0 0.6666em 0;
        line-height: 1.3;
        font-family: var(--secondary-font);
    }
    
    h1 {
        font-size: 2.7223em;
    }
    
    h2 {
        font-size: 2.1665em;
    }
    
    h3 {
        font-size: 1.7223em;
    }
    
    h4 {
        font-size: 1.3888em;
    }
    
    h5 {
        font-size: 1.112em;
    }
    
    h6 {
        font-size: 0.8888em;
    }
    
    p {
        margin-bottom: 1.5em;
    }
    
    dfn,
    cite,
    em,
    i {
        font-style: italic;
    }
    
    q {
        border-left: 3px solid var(--primary-color);
        display: inline-block;
        padding-left: 25px;
        font-style: italic;
        color: #262525;
        margin-bottom: 0;
        margin-right: 20px;
        font-size: 1.2223em;
        font-weight: 700;
        float: left;
        width: 40%;
        line-height: 1.5;
    }
    
    blockquote {
        margin: 30px 4%;
        text-align: center;
        font-size: 1.2223em;
        font-weight: 700;
        font-style: italic;
        color: #262525;
        position: relative;
        line-height: 1.6;
        padding-top: 90px;
    }
    
    blockquote::before {
        content: "";
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 24"><path fill="%239cbe9c" d="M33.54,28.5a8,8,0,1,1-8.04,8,16,16,0,0,1,16-16A15.724,15.724,0,0,0,33.54,28.5Zm-12.04,8a8,8,0,0,1-16,0h0a16,16,0,0,1,16-16,15.724,15.724,0,0,0-7.96,8A7.989,7.989,0,0,1,21.5,36.5Z" transform="translate(-5.5 -20.5)"/></svg>');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 24px;
        width: 65px;
        height: 65px;
        border: 3px solid rgba(var(--primary-color-rgb), 0.5);
        position: absolute;
        border-radius: 100%;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    
    blockquote p+span {
        font-size: 0.8182em;
        color: #999596;
        font-weight: 400;
        font-style: normal;
    }
    
    blockquote p,
    q p {
        margin-top: 0;
        margin-bottom: 20px;
    }
    
    blockquote p:last-child,
    q p:last-child {
        margin-bottom: 0;
    }
    
    address {
        margin: 0 0 1.5em;
    }
    
    pre {
        background: #eee;
        font-family: "Courier 10 Pitch", Courier, monospace;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 1.6;
        margin-bottom: 1.6em;
        max-width: 100%;
        overflow: auto;
        padding: 1.6em;
    }
    
    code,
    kbd,
    tt,
    var {
        font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
        font-size: 15px;
        font-size: 0.9375rem;
    }
    
    abbr,
    acronym {
        border-bottom: 1px dotted #666;
        cursor: help;
    }
    
    mark,
    ins {
        background: #fff9c0;
        text-decoration: none;
    }
    
    big {
        font-size: 125%;
    }
    
    
    /*--------------------------------------------------------------
    # Elements
    --------------------------------------------------------------*/
    
    html {
        box-sizing: border-box;
    }
    
    *,
    *:before,
    *:after {
        /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
        box-sizing: inherit;
    }
    
    body {
        background: #fff;
        /* Fallback for when there is no custom background color defined. */
    }
    
    hr {
        background-color: #E6E6E6;
        border: 0;
        height: 1px;
        margin-bottom: 2em;
        width: 100%;
        clear: both;
        margin-top: 2em;
    }
    
    ul,
    ol {
        margin: 0 0 1.5em 3em;
    }
    
    ul {
        list-style: disc;
    }
    
    ol {
        list-style: decimal;
    }
    
    li>ul,
    li>ol {
        margin-bottom: 0;
        margin-left: 1.5em;
    }
    
    dt {
        font-weight: bold;
    }
    
    dd {
        margin: 0 1.5em 1.5em;
    }
    
    img {
        height: auto;
        /* Make sure images are scaled correctly. */
        max-width: 100%;
        /* Adhere to container width. */
        vertical-align: top;
    }
    
    /* !!! ajouté par moi */
    .elementor-widget-container p img {
        height: auto;
        /* Make sure images are scaled correctly. */
        max-width: 100%;
        /* Adhere to container width. */
        vertical-align: text-bottom;
    }

    /* !!! Ajouté par moi */
    .elementor-widget-container ul li {      
        list-style-image: url('https://www.milea-beaute.fr/wp-content/uploads/bullet-marron-256.svg');
        display: list-item !important;
    }
    .elementor-widget-text-editor ul li {
        margin-bottom: 0 !important;
    }
    .bdt-ep-accordion-content p{
        text-align: justify !important;
    }
    /*--------*/

    figure {
        margin: 1em 0;
        /* Extra wide images within figure tags don't overflow the content area. */
    }
    
    table {
        margin: 0 0 1.5em;
        width: 100%;
        border-radius: 0;
        font-size: 1em;
        text-align: left;
        border-collapse: collapse;
    }
    
    table tr th {
        font-weight: 700;
        color: #212127;
        padding: 10px 15px;
        border-bottom: 2px solid #EBEBEB;
    }
    
    table tr td {
        color: #262525;
        padding: 10px 15px;
    }
    
    .site-footer table tr td {
        color: #fff;
    }
    
    table tbody tr:nth-child(odd) {
        background: rgba(0, 0, 0, 0.035);
    }
    
    .site-footer table tbody tr:nth-child(odd) {
        background: rgba(255, 255, 255, 0.05);
    }
    
    
    /*--------------------------------------------------------------
    # Forms
    --------------------------------------------------------------*/
    
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        display: inline-block;
        background: var(--primary-color);
        border: 1px solid var(--primary-color);
        color: #fff;
        font-weight: 700;
        font-size: 0.6666em;
        border-radius: 40px;
        padding: 12px 25px;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: 1px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        outline: none;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    button:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover {
        background: none;
        color: var(--primary-color);
    }
    
    button:focus,
    input[type="button"]:focus,
    input[type="reset"]:focus,
    input[type="submit"]:focus {
        outline: thin dotted #000;
    }
    
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    input[type="number"],
    input[type="tel"],
    input[type="range"],
    input[type="date"],
    input[type="month"],
    input[type="week"],
    input[type="time"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="color"],
    textarea {
        color: #000;
        border: 1px solid #E6E6E6;
        border-radius: 5px;
        padding: 5px 15px;
        width: 100%;
        height: 50px;
        font-size: 0.888em;
        font-weight: 400;
        outline: none;
    }
    
    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="password"]:focus,
    input[type="search"]:focus,
    input[type="number"]:focus,
    input[type="tel"]:focus,
    input[type="range"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="week"]:focus,
    input[type="time"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="color"]:focus,
    textarea:focus {
        color: #000;
    }
    
    select {
        border: 1px solid #E6E6E6;
        height: 45px;
        padding: 5px 10px;
        width: 100%;
    }
    
    textarea {
        width: 100%;
        height: 100px;
    }
    
    
    /*--------------------------------------------------------------
    # Navigation
    --------------------------------------------------------------*/
    
    
    /*--------------------------------------------------------------
    ## Links
    --------------------------------------------------------------*/
    
    a {
        color: var(--primary-color);
        text-decoration: none;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    a:visited,
    a:focus,
    a:active {
        color: inherit;
    }
    
    a:focus {
        outline: thin dotted;
    }
    
    a:hover,
    a:active {
        outline: 0;
    }
    
    a:hover {
        color: var(--primary-color);
        text-decoration: underline;
    }
    
    
    /*--------------------------------------------------------------
    ## Menus
    --------------------------------------------------------------*/
    
    .site-main .comment-navigation,
    .site-main .posts-navigation,
    .site-main .post-navigation {
        margin: 0 0 1.5em;
        overflow: hidden;
    }
    
    .comment-navigation .nav-previous,
    .posts-navigation .nav-previous,
    .post-navigation .nav-previous {
        float: left;
        width: 50%;
        padding-right: 20px;
    }
    
    .comment-navigation .nav-next,
    .posts-navigation .nav-next,
    .post-navigation .nav-next {
        float: right;
        text-align: right;
        width: 50%;
        padding-left: 20px;
    }
    
    
    /*--------------------------------------------------------------
    # Accessibility
    --------------------------------------------------------------*/
    
    
    /* Text meant only for screen readers. */
    
    .screen-reader-text {
        border: 0;
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute !important;
        width: 1px;
        word-wrap: normal !important;
        /* Many screen reader and browser combinations announce broken words as they would appear visually. */
    }
    
    .screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 3px;
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
        clip: auto !important;
        clip-path: none;
        color: #21759b;
        display: block;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: bold;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000;
        /* Above WP toolbar. */
    }
    
    
    /* Do not show the outline on the skip link target. */
    
    #content[tabindex="-1"]:focus {
        outline: 0;
    }
    
    
    /*--------------------------------------------------------------
    # Alignments
    --------------------------------------------------------------*/
    
    .alignleft {
        display: inline;
        float: left;
        margin-right: 1.5em;
        margin-top: 0;
    }
    
    .alignright {
        display: inline;
        float: right;
        margin-left: 1.5em;
        margin-top: 0;
    }
    
    .aligncenter {
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    
    /*--------------------------------------------------------------
    # Clearings
    --------------------------------------------------------------*/
    
    .clear:before,
    .clear:after,
    .entry-content:before,
    .entry-content:after,
    .comment-content:before,
    .comment-content:after,
    .container:before,
    .container:after,
    .site-content:before,
    .site-content:after,
    .site-footer:before,
    .site-footer:after {
        content: "";
        display: table;
        table-layout: fixed;
    }
    
    .clear:after,
    .entry-content:after,
    .comment-content:after,
    .container:after,
    .site-content:after,
    .site-footer:after {
        clear: both;
    }
    
    
    /*--------------------------------------------------------------
    # Widgets
    --------------------------------------------------------------*/
    
    .widget {
        margin: 0 0 60px 0;
        /* Make sure select elements fit in widgets. */
    }
    
    #secondary .widget:last-child {
        margin-bottom: 0;
    }
    
    .widget select {
        max-width: 100%;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
    }
    
    
    /*--------------------------------------------------------------
    # Content
    --------------------------------------------------------------*/
    
    
    /*--------------------------------------------------------------
    ## Posts and pages
    --------------------------------------------------------------*/
    
    .sticky {
        display: block;
    }
    
    .hentry {
        margin: 0 0 1.5em;
    }
    
    .updated:not(.published) {
        display: none;
    }
    
    .page-content,
    .entry-content,
    .entry-summary {
        margin: 1em 0 0;
    }
    
    .page-links {
        clear: both;
        margin: 0 0 1.5em;
    }
    
    
    /*--------------------------------------------------------------
    ## Comments
    --------------------------------------------------------------*/
    
    .comment-content a {
        word-wrap: break-word;
    }
    
    .bypostauthor {
        display: block;
    }
    
    
    /*--------------------------------------------------------------
    # Infinite scroll
    --------------------------------------------------------------*/
    
    
    /* Globally hidden elements when Infinite Scroll is supported and in use. */
    
    .infinite-scroll .posts-navigation,
    .infinite-scroll.neverending .site-footer {
        /* Theme Footer (when set to scrolling) */
        display: none;
    }
    
    
    /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
    
    .infinity-end.neverending .site-footer {
        display: block;
    }
    
    
    /*--------------------------------------------------------------
    # Media
    --------------------------------------------------------------*/
    
    .page-content .wp-smiley,
    .entry-content .wp-smiley,
    .comment-content .wp-smiley {
        border: none;
        margin-bottom: 0;
        margin-top: 0;
        padding: 0;
    }
    
    
    /* Make sure embeds and iframes fit their containers. */
    
    embed,
    iframe,
    object {
        max-width: 100%;
    }
    
    
    /* Make sure logo link wraps around logo image. */
    
    .custom-logo-link {
        display: inline-block;
    }
    
    
    /*--------------------------------------------------------------
    ## Captions
    --------------------------------------------------------------*/
    
    .wp-caption {
        margin-bottom: 1.5em;
        max-width: 100%;
        position: relative;
        border-radius: 5px;
        overflow: hidden;
    }
    
    .wp-caption img[class*="wp-image-"] {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    .wp-caption .wp-caption-text {
        margin: 0.8075em 0;
        line-height: initial;
        font-size: 0.7778em;
        color: #999999;
    }
    
    .alignright .wp-caption-text,
    .alignleft .wp-caption-text {
        text-align: left;
        margin-bottom: 0;
    }
    
    .wp-caption-text {
        text-align: center;
    }
    
    
    /*--------------------------------------------------------------
    ## Galleries
    --------------------------------------------------------------*/
    
    .gallery {
        margin-bottom: 1.5em;
    }
    
    .gallery-item {
        display: inline-block;
        text-align: center;
        vertical-align: top;
        width: 100%;
    }
    
    .gallery-columns-2 .gallery-item {
        max-width: 50%;
    }
    
    .gallery-columns-3 .gallery-item {
        max-width: 33.33%;
    }
    
    .gallery-columns-4 .gallery-item {
        max-width: 25%;
    }
    
    .gallery-columns-5 .gallery-item {
        max-width: 20%;
    }
    
    .gallery-columns-6 .gallery-item {
        max-width: 16.66%;
    }
    
    .gallery-columns-7 .gallery-item {
        max-width: 14.28%;
    }
    
    .gallery-columns-8 .gallery-item {
        max-width: 12.5%;
    }
    
    .gallery-columns-9 .gallery-item {
        max-width: 11.11%;
    }
    
    .gallery-caption {
        display: block;
    }
    
    
    /*===========================
    COMMON CSS
    ===========================*/
    
    .skip-link,
    .skip-link:hover,
    .skip-link:visited {
        position: absolute;
        top: -999px;
        left: 20px;
        background: #f7f7f7;
        border: 1px solid rgba(0, 0, 0, 0.1);
        font-size: 0.8888em;
        font-weight: 600;
        padding: 10px 20px;
        color: #000;
        text-decoration: none;
        border-radius: 5px;
        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
        z-index: 999;
        text-decoration: none;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
    }
    
    .skip-link:focus,
    .skip-link:active {
        top: 50px;
        color: #000;
        text-decoration: none;
    }
    
    .archive .site-main .woocommerce-products-header {
        display: none;
    }
    
    .portfolio-item-inner:focus-within .portfolio-text-holder {
        padding-top: 30px;
        padding-bottom: 30px;
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
    
    .blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap {
        position: relative;
        overflow: hidden;
    }
    
    .blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap input[type="checkbox"] {
        display: block;
        position: absolute;
        top: 3px;
        left: 0;
        opacity: 0;
        visibility: hidden;
    }
    
    .blossomthemes-email-newsletter-wrapper form label .text {
        flex: initial;
        max-width: calc(100% - 24px);
    }
    
    body.custom-background #page {
        max-width: 1300px;
        background: #fff;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
    
    .container {
        max-width: 1170px;
        margin: 0 auto;
    }
    
    .mfp-wrap,
    .mfp-bg {
        z-index: 999999;
    }
    
    .responsive-nav {
        display: none;
    }
    
    .page-template-default .site-main .entry-content {
        margin-top: 0;
    }
    
    a.btn-readmore,
    a.btn-cta {
        font-size: 0.6666em;
        font-weight: 700;
        background: var(--primary-color);
        color: #fff;
        border-radius: 50px;
        padding: 12px 50px 12px 30px;
        display: inline-block;
        letter-spacing: 1px;
        text-decoration: none;
        position: relative;
        border: 2px solid var(--primary-color);
        text-align: center;
    }
    
    a.btn-readmore:before,
    .btn-cta:before,
    a.btn-readmore:after,
    .btn-cta:after {
        content: "";
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%23fff" d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z" class=""></path></svg>');
        background-repeat: no-repeat;
        width: 13px;
        height: 20px;
        position: absolute;
        right: 30px;
        top: 13px;
        vertical-align: middle;
        background-position: center;
    }
    
    a.btn-readmore:hover:before,
    .btn-cta:hover:before,
    a.btn-readmore:hover:after,
    .btn-cta:hover:after {
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%239cbe9c" d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z" class=""></path></svg>');
    }
    
    a.btn-readmore:hover,
    .btn-cta:hover {
        background-color: transparent;
        color: var(--primary-color);
    }
    
    a.btn {
        display: inline-block;
        vertical-align: middle;
        font-size: 0.6666em;
        font-weight: 700;
        color: #fff;
        background: var(--primary-color);
        padding: 15px 30px;
        border: 2px solid var(--primary-color);
        border-radius: 50px;
        letter-spacing: 1px;
        text-decoration: none;
        text-align: center;
    }
    
    a.btn:hover {
        background: transparent;
        color: var(--primary-color);
    }
    
    a.btn.btn-transparent {
        background: transparent;
        color: var(--primary-color);
    }
    
    a.btn.btn-transparent:hover {
        background: var(--primary-color);
        color: #fff;
    }
    
    a.btn svg {
        margin-left: 10px;
        font-size: 1.112em;
        vertical-align: middle;
    }
    
    a.btn+a.btn {
        margin-left: 20px;
    }
    
    .sub-title {
        display: block;
        font-size: 0.778em;
        font-weight: 600;
        color: var(--primary-color);
    }
    
    #secondary span.sub-title,
    .site-footer span.sub-title {
        display: none;
    }
    
    .page-header .sub-title {
        color: #fff;
        letter-spacing: 1px;
        margin-bottom: 15px;
    }
    
    .sub-title:empty,
    .widget_text .textwidget:empty {
        display: none;
    }
    
    .section-title,
    section[class*="-section"] .widget_text .widget-title {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 2em;
        font-family: var(--secondary-font);
        font-weight: 400;
    }
    
    section[class*="-section"] .widget_text .widget-title:after {
        display: none;
    }
    
    section[class*="-section"] .section-desc,
    section[class*="-section"] .widget_text .textwidget {
        font-size: 1.112em;
        max-width: 700px;
        margin: 20px auto 0 auto;
    }
    
    .entry-meta {
        font-size: 0.6666em;
        text-transform: uppercase;
        font-weight: 600;
        margin-top: 10px;
    }
    
    .entry-meta>span {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin-right: 35px;
    }
    
    .entry-meta>span:last-child {
        margin-right: 0;
    }
    
    .entry-meta>span::after {
        content: "";
        background: #F0F0F0;
        position: absolute;
        top: 6px;
        right: -22px;
        width: 6px;
        height: 6px;
        border-radius: 100%;
    }
    
    .entry-meta>span:last-child::after {
        display: none;
    }
    
    .entry-meta>span svg {
        width: 18px;
        height: 18px;
        vertical-align: middle;
        margin-right: 5px;
    }
    
    .entry-meta>span a {
        color: #999596;
        display: inline-block;
        vertical-align: middle;
    }
    
    .entry-meta>span a:hover {
        color: var(--primary-color);
    }
    
    .entry-content p {
        margin-top: 0;
        margin-bottom: 20px;
        /*display: table;
        clear: both;
        width: 100%;*/
    }
    
    .entry-content p:last-child {
        margin-bottom: 0;
    }
    
    .entry-content h1:first-child,
    .entry-content h2:first-child,
    .entry-content h3:first-child,
    .entry-content h4:first-child,
    .entry-content h5:first-child,
    .entry-content h6:first-child {
        margin-top: 0;
    }
    
    header.page-header {
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        padding-top: 90px;
        padding-bottom: 60px;
        margin-bottom: 80px;
        z-index: 1;
        text-align: center;
    }

    header.page-header::after {
        content: "";
        background: rgba(0, 0, 0, 0.2);         /* Modifié par moi : background: rgba(0, 0, 0, 0.2); */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    
    .page-header .page-title {
        color: #fff;
        font-size: 2.6665em;
        font-family: var(--secondary-font);
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 20px;
    }
    
    .archive .page-header .archive-description {
        color: rgba(255, 255, 255, 0.8);
        max-width: 768px;
        margin: 0 auto;
    }
    
    .archive .page-header .archive-description p {
        margin-bottom: 0;
        margin-top: 20px;
    }
    
    #crumbs {
        font-size: 0.7778em;
        color: #fff;
    }
    
    #crumbs a {
        color: #fff;
        margin-right: 5px;
        -webkit-transition: ease 0.2s;
        transition: ease 0.2s;
    }
    
    #crumbs a:hover {
        text-decoration: none;
        color: var(--primary-color);
    }
    
    #crumbs .separator {
        margin-right: 5px;
        line-height: 1;
        display: inline-block;
        vertical-align: middle;
    }
    
    #crumbs .current a {
        color: var(--primary-color);
        pointer-events: none;
    }
    
    .showing-result {
        font-size: 0.7778em;
        font-weight: 600;
        color: #999596;
        margin-bottom: 20px;
    }
    
    .cat-tags h5 {
        margin: 0 0 5px 0;
        font-size: 0.5556em;
        color: var(--primary-color);
        letter-spacing: 1px;
        font-weight: 600;
        text-transform: uppercase;
        display: inline-block;
        vertical-align: middle;
    }
    
    .cat-tags a {
        display: inline-block;
        vertical-align: middle;
        font-weight: 700;
        margin: 0 0 5px 3px;
        letter-spacing: 1px;
        font-size: 0.5556em;
        text-transform: uppercase;
        color: #fff;
        background: #262525;
        border-radius: 3px;
        padding: 2px 7px;
        text-decoration: none;
    }
    
    .cat-tags a:hover {
        background: var(--primary-color);
        color: #fff;
    }
    
    .entry-footer>span {
        display: inline-block;
        vertical-align: middle;
    }
    
    .entry-footer span+.edit-link {
        margin-left: 20px;
    }
    
    .edit-link a {
        text-transform: uppercase;
        font-size: 0.6666em;
        font-weight: 700;
        letter-spacing: 1px;
        background: var(--primary-color);
        color: #fff;
        padding: 0px 10px;
        display: inline-block;
        vertical-align: middle;
        border-radius: 4px;
        border: 1px solid var(--primary-color);
        text-decoration: none;
    }
    
    .entry-footer span.cat-tags+.edit-link a {
        margin-bottom: 5px;
    }
    
    .edit-link a:hover {
        background: none;
        color: var(--primary-color);
    }
    
    .edit-link a:focus {
        outline-color: #000;
    }
    
    .widget .widget-title {
        margin-top: 0;
        font-size: 1em;
        font-family: 'Marcellus';
        font-weight: 400;
        position: relative;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
    
    #secondary .widget .widget-title {
        text-align: left;
    }
    
    .widget .widget-title::after {
        content: "";
        background: -webkit-linear-gradient(to right, rgba(var(--primary-color-rgb), 0.5), transparent 50%);
        background: -moz-linear-gradient(to right, rgba(var(--primary-color-rgb), 0.5), transparent 50%);
        background: -ms-linear-gradient(to right, rgba(var(--primary-color-rgb), 0.5), transparent 50%);
        background: -o-linear-gradient(to right, rgba(var(--primary-color-rgb), 0.5), transparent 50%);
        background: linear-gradient(to right, rgba(var(--primary-color-rgb), 0.5), transparent 50%);
        height: 2px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    
    .widget ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .widget ul ul {
        margin-top: 12px;
        margin-left: 15px;
    }
    
    .widget ul li a {
        color: var(--font-color);
        text-decoration: none;
    }
    
    .widget ul li a:hover {
        color: var(--primary-color);
    }
    
    .widget_rss .widget-title a.rsswidget {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
    }
    
    .woocommerce .site-content .page-header .container {
        display: flex;
        flex: 1;
        flex-direction: column;
    }
    
    .woocommerce .site-content .page-header .archive-description {
        order: 2;
        color: rgba(255, 255, 255, 0.75);
    }
    
    .woocommerce .site-content .page-header .archive-description p {
        margin-top: 0;
        margin-bottom: 20px;
    }
    
    .woocommerce .site-content .page-header .archive-description p:last-child {
        margin-bottom: 0;
    }
    
    .home.page .page-header {
        display: none;
    }
    
    .home.page #primary,
    .home.page #secondary {
        margin-top: 60px;
    }
    
    .fallback-svg {
        vertical-align: top;
    }
    
    
    /*========================
    STICKY T BAR
    ========================*/
    
    .sticky-t-bar .close {
        background: none;
        border: none;
        padding: 0;
        min-height: auto;
        position: absolute;
        top: 10px;
        right: 5%;
        width: 25px;
        height: 25px;
        z-index: 999;
        cursor: pointer;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .admin-bar .sticky-t-bar .close {
        top: 50px;
    }
    
    .admin-bar .sticky-t-bar:not(.active) .close {
        top: 32px;
    }
    
    .sticky-t-bar .close::before,
    .sticky-t-bar .close::after {
        content: "";
        background: #000000;
        width: 15px;
        height: 2px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .sticky-t-bar .close::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    
    .sticky-t-bar:not(.active) .close {
        background: var(--primary-color);
        top: 0;
    }
    
    .sticky-t-bar:not(.active) .close::before,
    .sticky-t-bar:not(.active) .close::after {
        width: 10px;
        left: -6px;
    }
    
    .sticky-t-bar:not(.active) .close::after {
        left: 0;
        right: -6px;
    }
    
    .sticky-bar-content.notification-enabled {
        text-align: center;
        background: var(--primary-color);
        color: #fff;
        padding: 10px 0;
    }
    
    .sticky-bar-content.notification-enabled a {
        display: inline-block;
        margin-left: 5px;
        color: #fff;
        text-decoration: underline;
    }
    
    .sticky-bar-content.notification-enabled a:hover {
        text-decoration: none;
    }
    
    .sticky-t-bar .blossomthemes-email-newsletter-wrapper {
        display: flex;
        flex: 1;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        padding: 10px 10%;
    }
    
    .sticky-t-bar .blossomthemes-email-newsletter-wrapper .text-holder {
        margin-bottom: 0;
        padding-right: 20px;
        text-align: right;
        display: flex;
        flex-direction: column;
        flex: 1;
    }
    
    .sticky-t-bar .blossomthemes-email-newsletter-wrapper h3 {
        font-size: 1.1112em;
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .sticky-t-bar .blossomthemes-email-newsletter-wrapper .text-holder span {
        font-size: 0.8888em;
    }
    
    .sticky-t-bar .blossomthemes-email-newsletter-wrapper form {
        display: flex;
        flex-wrap: wrap;
        text-align: left;
        flex: 1.5;
    }
    
    .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input {
        width: auto;
        margin-bottom: 0;
        margin-top: 0;
        height: 40px;
    }
    
    .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[type="text"] {
        border: none;
        margin-right: 5px;
    }
    
    .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[name="subscribe-email"] {
        width: 60%;
    }
    
    .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[name="subscribe-fname"]+input[name="subscribe-email"] {
        width: auto;
    }
    
    .sticky-t-bar .blossomthemes-email-newsletter-wrapper form label {
        width: 100%;
        order: 5;
        margin-top: 10px;
    }
    
    .blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap {
        flex: 1;
    }
    
    .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[type="checkbox"] {
        width: auto;
    }
    
    .sticky-t-bar .blossomthemes-email-newsletter-wrapper form label .text {
        text-align: left;
    }
    
    .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[type="submit"] {
        margin-top: 0 !important;
        min-height: 40px;
        padding: 5px 20px;
        border-radius: 5px;
        background: #fff;
        border: 1px solid #fff;
        box-shadow: none;
        color: #333;
    }
    
    .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[type="submit"]:hover {
        background: none;
        color: #fff;
    }
    
    
    /*========================
    COMMENTS AREA
    ========================*/
    
    .comments-area {
        margin-top: 60px;
        padding-top: 60px;
        border-top: 1px solid #F0F0F0;
    }
    
    .comments-area .comments-title,
    .comment-respond .comment-reply-title {
        margin-top: 0;
        margin-bottom: 30px;
        font-size: 1.112em;
        font-family: 'Marcellus';
        font-weight: 400;
        text-transform: uppercase;
    }
    
    .comments-area .comments-title span,
    .comment-respond .comment-reply-title span {
        display: inline-block;
        position: relative;
        padding-bottom: 10px;
    }
    
    .comments-area .comments-title span:after,
    .comment-respond .comment-reply-title span::after {
        content: "";
        background: -webkit-linear-gradient(to right, rgba(var(--primary-color-rgb), 0.5), transparent);
        background: -moz-linear-gradient(to right, rgba(var(--primary-color-rgb), 0.5), transparent);
        background: -ms-linear-gradient(to right, rgba(var(--primary-color-rgb), 0.5), transparent);
        background: -o-linear-gradient(to right, rgba(var(--primary-color-rgb), 0.5), transparent);
        background: linear-gradient(to right, rgba(var(--primary-color-rgb), 0.5), transparent);
        width: 100%;
        height: 2px;
        position: absolute;
        top: 100%;
        left: 0;
    }
    
    .comments-area ol {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .comments-area ol li ol {
        margin-left: 30px;
    }
    
    .comment-list .comment {
        border-top: 1px solid #F0F0F0;
        margin-top: 20px;
        padding-top: 20px;
    }
    
    .comment-list>.comment:first-child {
        border-top: none;
        padding-top: 0;
        margin-top: 0;
    }
    
    .comments-area .comment-body {
        position: relative;
        padding-left: 70px;
    }
    
    .comments-area .comment-body .comment-author::before {
        content: "";
        border: 3px solid rgba(240, 240, 240, 0.75);
        top: 5px;
        left: 0;
        position: absolute;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        z-index: 1;
    }
    
    .comments-area .bypostauthor>.comment-body .comment-author::after {
        content: "";
        background: url(images/check-mark.svg) no-repeat;
        position: absolute;
        top: 37px;
        left: 32px;
        width: 20px;
        height: 21px;
        z-index: 1;
    }
    
    .comment-body img.avatar {
        position: absolute;
        top: 5px;
        left: 0;
        width: 50px;
        height: 50px;
        border-radius: 100%;
    }
    
    .comment-body b.fn {
        font-weight: 700;
        font-size: 0.8888em;
        text-transform: capitalize;
        margin-bottom: 0;
        display: block;
    }
    
    .comment-author a {
        text-decoration: none;
        color: #262525;
    }
    
    .comment-author a:hover {
        color: var(--primary-color);
    }
    
    .comment-body b.fn span.says {
        display: none;
    }
    
    .comment-body .comment-metadata {
        font-size: 0.6666em;
        color: #999;
    }
    
    .comment-metadata a {
        color: #999596;
    }
    
    .comment-metadata a:hover {
        color: var(--primary-color);
    }
    
    .comment-body .comment-awaiting-moderation {
        font-size: 0.7778em;
        margin-top: 10px;
        margin-bottom: 0;
        color: red;
        letter-spacing: 0;
    }
    
    .comment-body .reply .comment-reply-link {
        display: inline-block;
        text-align: center;
        position: relative;
        vertical-align: top;
        color: #212127;
        font-size: 0.7778em;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 0.8px;
        padding-left: 25px;
    }
    
    .comment-body .reply .comment-reply-link:hover {
        color: var(--primary-color);
    }
    
    .comment-body .reply .comment-reply-link:before {
        content: "";
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23000" d="M8.309 189.836L184.313 37.851C199.719 24.546 224 35.347 224 56.015v80.053c160.629 1.839 288 34.032 288 186.258 0 61.441-39.581 122.309-83.333 154.132-13.653 9.931-33.111-2.533-28.077-18.631 45.344-145.012-21.507-183.51-176.59-185.742V360c0 20.7-24.3 31.453-39.687 18.164l-176.004-152c-11.071-9.562-11.086-26.753 0-36.328z"></path></svg>');
        background-repeat: no-repeat;
        width: 15px;
        height: 20px;
        position: absolute;
        top: 5px;
        left: 0;
    }
    
    .comment-body .comment-content {
        font-size: 0.8888em;
        font-weight: 400;
    }
    
    .comment-body .comment-content p {
        margin-top: 5px;
        margin-bottom: 20px;
    }
    
    .comments-area .comment-list+.comment-respond,
    .comments-area .comment-body+.comment-respond {
        margin-top: 60px;
        padding-top: 60px;
        border-top: 1px solid #F0F0F0;
    }
    
    .comment-respond .comment-reply-title a {
        display: inline-block;
        font-size: 0.7778em;
        margin-left: 10px;
        color: #212127;
        vertical-align: middle;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1px;
    }
    
    .comment-respond .comment-reply-title a:hover {
        color: var(--primary-color);
    }
    
    .comment-respond .comment-form p {
        margin-top: 0;
        margin-bottom: 20px;
    }
    
    .comment-form p.comment-notes {
        display: none;
    }
    
    .comment-respond .comment-form p:not(.comment-form-cookies-consent) label {
        display: none;
    }
    
    .comment-respond .comment-form p.comment-form-cookies-consent {
        position: relative;
    }
    
    .comment-respond .comment-form p.comment-form-cookies-consent label {
        font-size: 0.888em;
        color: #262525;
        padding-left: 25px;
        position: relative;
        cursor: pointer;
        display: block;
    }
    
    .comment-respond .comment-form p.comment-form-cookies-consent label:hover {
        text-decoration: underline;
    }
    
    .comment-respond .comment-form p.comment-form-cookies-consent label::before {
        content: "";
        width: 16px;
        height: 16px;
        border: 1px solid #F0F0F0;
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>');
        background-repeat: no-repeat;
        background-size: 0;
        background-position: center;
        position: absolute;
        top: 7px;
        left: 0;
        border-radius: 3px;
        font-weight: normal;
        text-align: center;
        line-height: 14px;
        font-size: 0;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .comment-respond .comment-form p.comment-form-cookies-consent input[type="checkbox"]:checked+label::before {
        content: "";
        border-color: var(--primary-color);
        background-color: var(--primary-color);
        background-size: 10px;
    }
    
    .comment-respond .comment-form p.comment-form-cookies-consent input[type="checkbox"] {
        position: absolute;
        top: 11px;
        left: 1px;
        opacity: 0;
        visibility: hidden;
    }
    
    .comment-form p.form-submit {
        margin-bottom: 0;
        margin-top: 30px;
    }
    
    
    /*==========================
    PAGINATION 
    ==========================*/
    
    .navigation.pagination .nav-links {
        text-align: center;
    }
    
    .navigation.pagination .page-numbers {
        display: inline-block;
        width: 48px;
        height: 48px;
        line-height: 44px;
        text-align: center;
        border: 2px solid #F0F0F0;
        border-radius: 100%;
        text-decoration: none;
        text-transform: uppercase;
        color: #000;
        font-size: 0.888em;
        font-weight: 600;
        margin: 5px 3px;
        vertical-align: middle;
        letter-spacing: 1px;
    }
    
    .navigation.pagination .page-numbers.dots {
        border: none;
    }
    
    .navigation.pagination .page-numbers.prev,
    .navigation.pagination .page-numbers.next {
        width: auto;
        border-radius: 40px;
        padding-left: 30px;
        padding-right: 30px;
        font-size: 0.6666em;
        letter-spacing: 1px;
        float: left;
        position: relative;
    }
    
    .navigation.pagination .page-numbers.prev {
        padding-left: 55px;
    }
    
    .navigation.pagination .page-numbers.next {
        float: right;
        padding-right: 55px;
    }
    
    .navigation.pagination .page-numbers.prev::before,
    .navigation.pagination .page-numbers.next::before {
        content: "";
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"></path></svg>');
        background-repeat: no-repeat;
        width: 15px;
        height: 15px;
        position: absolute;
        top: 14px;
        left: 30px;
    }
    
    .navigation.pagination .page-numbers.next::before {
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg>');
        left: auto;
        right: 30px;
    }
    
    .navigation.pagination .page-numbers.prev:hover::before {
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23fff" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"></path></svg>');
    }
    
    .navigation.pagination .page-numbers.next:hover::before {
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23fff" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg>');
    }
    
    .navigation.pagination .page-numbers:not(.dots):hover,
    .navigation.pagination .page-numbers.current:not(.dots) {
        background: var(--primary-color);
        color: #fff;
        border-color: var(--primary-color);
    }
    
    .posts-navigation .nav-links a {
        display: inline-block;
        vertical-align: middle;
        border: 2px solid #f0f0f0;
        border-radius: 40px;
        padding: 12px 25px 12px 40px;
        font-size: 0.6666em;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1px;
        color: #000;
        position: relative;
        text-decoration: none;
    }
    
    .posts-navigation .nav-links .nav-next a {
        padding-left: 25px;
        padding-right: 40px;
    }
    
    .posts-navigation .nav-links a:hover {
        background: var(--primary-color);
        color: #fff;
        border-color: var(--primary-color);
    }
    
    .posts-navigation .nav-links a svg {
        position: absolute;
        top: 14px;
        left: 20px;
        font-size: 1.333em;
    }
    
    .posts-navigation .nav-links .nav-next a svg {
        left: auto;
        right: 20px;
    }
    
    #load-posts {
        text-align: center;
    }
    
    #load-posts a {
        display: inline-block;
        font-size: 0.666em;
        text-transform: uppercase;
        color: #262525;
        text-decoration: none;
        font-weight: 700;
        letter-spacing: 1px;
        border: 2px solid #f0f0f0;
        border-radius: 40px;
        padding: 15px 30px;
        text-align: center;
    }
    
    #load-posts a.loading,
    #load-posts a:hover {
        background: var(--primary-color);
        border-color: var(--primary-color);
        color: #fff;
        text-decoration: none;
    }
    
    #load-posts a svg {
        vertical-align: middle;
        margin-right: 10px;
    }
    
    #load-posts a.disabled {
        background: var(--primary-color);
        color: #fff;
        border-color: var(--primary-color);
        opacity: 0.6;
        cursor: not-allowed;
    }
    
    .post-navigation {
        border-top: 1px solid #F0F0F0;
        padding-top: 60px;
        margin-top: 60px;
        margin-bottom: 0;
    }
    
    .post-navigation .nav-links:before,
    .post-navigation .nav-links:after {
        content: "";
        display: table;
    }
    
    .post-navigation .nav-links:after {
        clear: both;
    }
    
    .post-navigation .nav-previous,
    .post-navigation .nav-next {
        position: relative;
    }
    
    .post-navigation .nav-previous a {
        display: block;
        position: relative;
        padding-left: 30px;
        text-decoration: none;
        color: #262525;
        font-family: 'Marcellus';
        font-size: 1em;
        font-weight: 400;
    }
    
    .post-navigation .nav-next a {
        position: relative;
        display: inline-block;
        padding-right: 30px;
        text-decoration: none;
        color: #262525;
        font-family: 'Marcellus';
        font-size: 1em;
        font-weight: 400;
    }
    
    .post-navigation .nav-links .post-img {
        position: absolute;
        bottom: calc(100% - 20px);
        left: 30px;
        background: #fff;
        border-radius: 5px;
        padding: 15px;
        box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
        width: 260px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .post-navigation .nav-links .nav-next .post-img {
        left: auto;
        right: 30px;
    }
    
    .post-navigation .nav-links a:hover+.post-img {
        bottom: 100%;
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
    
    .post-navigation a .meta-nav {
        display: block;
        font-size: 0.6666em;
        font-weight: 700;
        letter-spacing: 1px;
        color: #CCC6C8;
        font-family: var(--primary-font);
    }
    
    .post-navigation a .meta-nav svg {
        font-size: 1.333em;
        font-weight: 400;
        vertical-align: middle;
        margin-right: 10px;
        position: absolute;
        top: 7px;
        left: 0;
        width: 14px;
    }
    
    .post-navigation .nav-next a .meta-nav svg {
        margin-right: 0;
        margin-left: 10px;
        left: auto;
        right: 0;
    }
    
    .post-navigation a .post-title {
        font-size: 1em;
        font-weight: 400;
        margin-bottom: 0;
        /*width: 75%;*/
        display: block;
        line-height: 1.3;
        margin-top: 5px;
    }
    
    .post-navigation .nav-next a .post-title {
        float: right;
    }
    
    .post-navigation a:hover>.post-title {
        color: var(--primary-color);
    }
    
    
    /*=========================
    SIDEBARS
    =========================*/
    
    #primary {
        margin-bottom: 80px;
    }
    
    .centered #primary {
        max-width: 768px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .rightsidebar #primary {
        float: left;
        width: 71%;
        padding-right: 64px;
    }
    
    .leftsidebar #primary {
        float: right;
        width: 71%;
        padding-left: 64px;
    }
    
    #secondary {
        float: left;
        width: 29%;
        margin-bottom: 80px;
    }
    
    
    /*=============================
    BACK TO TOP BTN
    =============================*/
    
    .back-to-top {
        padding: 0;
        font-size: 1em;
        position: fixed;
        bottom: 20px;
        right: 0;
        width: 50px;
        height: 50px;
        line-height: 44px;
        background: #fff;
        text-align: center;
        border-radius: 100%;
        cursor: pointer;
        opacity: 0;
        visibility: hidden;
        z-index: 999;
        border: 3px solid rgba(var(--primary-color-rgb), 0.5);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        color: #000000;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .back-to-top.show {
        right: 20px;
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
    
    .back-to-top:hover {
        background: var(--primary-color);
        color: #fff;
        border-color: rgba(255, 255, 255, 0.5);
    }
    
    
    /*============================
    Header main section
    ============================*/
    
    /* !!! Rajouté par moi*/
    @font-face {
        font-family: 'Brittany Signature';
        src: url(/wp-content/themes/blossom-spa-pro-child/Fonts/BrittanySignature.woff2) format('woff2');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    .header-main {
        display: flex;
        flex: 1;
        flex-flow: row wrap;
        align-items: center;
        justify-content: flex-end;
        padding: 33px 0;
    }
    
    .header-main .site-branding {
        display: flex;
        flex: auto;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .site-header .header-main .second-custom-logo-link,
    .site-branding a+.site-title,
    .site-branding a+.site-title+.site-description,
    .sticky-header .site-branding .custom-logo-link {
        display: none;
    }
    
    .site-header .site-branding.has-logo-text {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
    }
    
    .site-header.header-six .site-branding.has-logo-text,
    .site-header.header-six .site-branding.has-logo-text {
        flex-direction: column;
        align-items: flex-start;
        text-align: center;
    }
    
    .site-header.header-six .site-branding.has-logo-text .custom-logo-link,
    .site-header.header-six .site-branding.has-logo-text .custom-logo-link {
        margin: 0 auto;
    }
    
    .site-header .site-branding.has-logo-text .site-title-wrap {
        padding-left: 15px;
    }
    
    .site-header.header-six .site-branding.has-logo-text .site-title-wrap,
    .site-header.header-seven .site-branding.has-logo-text .site-title-wrap {
        padding-left: 0;
    }
    
    .site-branding .site-title {
        /* !!! remplacé par moi : font-family: var(--secondary-font);*/
        font-family: "Brittany Signature" !important;
        font-style: italic !important;
        font-weight: 400;
        font-size: 1.6667em;
        margin: 0;
    }
    
    .site-branding .site-title a {
        text-decoration: none;
    }
    
    .site-branding .site-description {
        margin: 0;
        font-size: 0.8888em;
    }
    
    .header-contact {
        display: flex;
        flex: auto;
        flex-direction: row;
        white-space: nowrap;
        align-items: center;
    }
    
    .header-main .header-contact {
        justify-content: flex-end;
    }
    
    .header-contact .contact-block {
        position: relative;
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        padding-left: 75px;
        margin-left: 30px;
    }
    
    .header-contact .contact-block:first-child {
        border-left: none;
        margin-left: 0;
        padding-left: 45px;
    }
    
    .header-contact .contact-block a {
        color: var(--font-color);
    }
    
    .header-contact .contact-block>svg {
        width: 36px;
        position: absolute;
        top: 60%;
        left: 30px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .header-contact .contact-block:first-child>svg {
        left: 0;
    }
    
    .header-contact .contact-block .title {
        font-size: 0.6666em;
        font-weight: 600;
        color: #999596;
    }
    
    .header-contact .contact-block .content {
        margin: 0;
        font-size: 0.8888em;
        font-weight: 700;
        line-height: 1.3;
    }
    
    .site-header .cart a {
        font-size: 0.8888em;
        color: #fff;
        position: relative;
        width: 45px;
        height: 45px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .site-header .header-social+.cart a {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .site-header .cart a:hover {
        background: rgba(255, 255, 255, 0.1);
    }
    
    .site-header .cart a .count {
        position: absolute;
        top: 7px;
        right: 7px;
        width: 15px;
        height: 15px;
        background: #fff;
        color: initial;
        text-align: center;
        line-height: 14px;
        border-radius: 100%;
        font-size: 0.6666em;
        font-weight: 700;
        border: 1px solid var(--primary-color);
    }
    
    
    /*==============================
    NAV WRAP SECTION
    ==============================*/
    
    header.site-header>.container {
        position: relative;
        padding-bottom: 34px;
    }
    
    .nav-wrap {
        background: var(--primary-color);
        border-radius: 5px;
        padding: 10px;
        display: flex;
        flex: 1;
        flex-flow: row wrap;
        justify-content: flex-end;
        position: absolute;
        top: calc(100% - 34px);
        left: 0;
        right: 0;
        z-index: 999;
    }
    
    .nav-wrap .main-navigation {
        display: flex;
        flex: auto;
        align-items: center;
    }
    
    .main-navigation button.toggle-btn {
        display: none;
    }
    
    .nav-wrap ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    /* !!! Modofié par moi */
    .main-navigation ul li {
        display: inline-block;
        vertical-align: middle;
        font-size: 0.7em;             /* font-size: 0.778em; */
        text-transform: uppercase;
        font-weight: 600;
        position: relative;
        margin-right: 20px;
        margin-left: 20px;
    }
    
    .main-navigation ul li a {
        color: #fff;
        display: inline-block;
        border-bottom: 3px solid transparent;
        text-decoration: none;
    }
    
    .main-navigation ul li a:after {
        content: "";
        background: rgba(255, 255, 255, 0.5);
        width: 0%;
        height: 3px;
        position: absolute;
        top: 100%;
        left: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .main-navigation ul li:hover>a:after,
    .main-navigation ul li.current-menu-item>a:after,
    .main-navigation ul li.current_page_items a:after {
        width: 100%;
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
    
    .main-navigation ul li ul {
        position: absolute;
        top: calc(100% + 10px);
        left: 0;
        background: #fff;
        width: 230px;
        opacity: 0;
        clip: rect(1px, 1px, 1px, 1px);
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
        z-index: 9999;
    }
    
    .main-navigation ul li ul ul {
        left: 100%;
        top: 10px;
    }
    
    .main-navigation ul li:hover>ul,
    .main-navigation ul li.focused>ul {
        top: calc(100% + 3px);
        opacity: 1;
        filter: alpha(opacity=100);
        clip: unset;
    }
    
    .main-navigation ul ul li:hover>ul,
    .main-navigation ul ul li.focused>ul {
        top: 0;
    }
    
    .main-navigation ul ul li {
        font-size: 1em;
        font-weight: 700;
        display: block;
        margin-right: 0;
        margin-left: 0;
    }
    
    .main-navigation ul ul li a {
        padding: 15px 20px;
        margin: 0;
        border-bottom: 1px solid #E0E0E0;
        width: 100%;
        color: #262525;
    }
    
    .main-navigation ul ul li:last-child>a {
        border-bottom: none;
    }
    
    .main-navigation ul ul li:hover>a,
    .main-navigation ul ul li.current-menu-item>a,
    .main-navigation ul ul li.current_page_items a {
        background: var(--primary-color);
        color: #fff;
    }
    
    .main-navigation ul ul li a:after {
        display: none;
    }
    
    .main-navigation ul li.menu-item-has-children {
        padding-right: 15px;
    }
    
    .main-navigation ul ul li.menu-item-has-children {
        padding-right: 0;
    }
    
    .main-navigation ul ul li.menu-item-has-children>a {
        padding-right: 30px;
    }
    
    .main-navigation ul li span {
        position: absolute;
        top: 5px;
        right: 0;
        color: #fff;
        font-size: 0.6666em;
    }
    
    .main-navigation ul ul li span {
        color: #262525;
        font-size: 0.888em;
        top: 19px;
        width: 20px;
        display: block;
        text-align: center;
        height: 20px;
        line-height: 20px;
        right: 5px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    
    .main-navigation ul ul li:hover>span,
    .main-navigation ul ul li.current-menu-item>span,
    .main-navigation ul ul li.current_page_items span {
        color: #fff;
    }
    
    .social-list li {
        display: inline-block;
        vertical-align: middle;
        font-size: 0.8888em;
    }
    
    .header-social .social-list li a {
        color: var(--font-color);
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        display: inline-block;
        width: 45px;
        height: 45px;
        line-height: 45px;
        text-align: center;
    }
    
    .nav-wrap .header-social .social-list li a {
        color: #fff;
    }
    
    .nav-wrap .header-social .social-list li a:hover,
    .nav-wrap .header-search:hover {
        background: rgba(255, 255, 255, 0.1);
    }
    
    .header-search {
        display: inline-block;
        vertical-align: middle;
        line-height: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        background: none;
        border: none;
    }
    
    .nav-wrap .nav-right {
        display: flex;
        flex: 1;
        white-space: nowrap;
        justify-content: flex-end;
        align-items: center;
    }
    
    .header-search>svg {
        width: 45px;
        height: 45px;
        text-align: center;
        line-height: 35px;
        border-left: 1px solid rgba(255, 255, 255, 0.2);
        padding: 0px 15px;
        cursor: pointer;
    }
    
    .site-header {
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .search-active .site-header {
        margin-top: 55px;
    }
    
    .search-form-wrap {
        background: var(--primary-color);
        padding: 5px 0;
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }
    
    .site-header.header-three .search-form-wrap {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    
    .admin-bar.search-active .search-form-wrap {
        top: 32px;
    }
    
    .search-form-wrap .search-form-inner {
        max-width: 1170px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        padding-right: 40px;
    }
    
    .search-form-wrap .search-form input[type="search"] {
        background: none;
        border-radius: 0;
        border: none;
        color: #fff;
        text-transform: uppercase;
        font-size: 0.778em;
        font-weight: 700;
        letter-spacing: 1px;
    }
    
    .search-form-wrap .search-form input[type="search"]::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #fff;
    }
    
    .search-form-wrap .search-form input[type="search"]::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff;
    }
    
    .search-form-wrap .search-form input[type="search"]:-ms-input-placeholder {
        /* IE 10+ */
        color: #fff;
    }
    
    .search-form-wrap .search-form input[type="search"]:-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
    }
    
    .search-form-wrap .search-form input[type="submit"] {
        display: none;
    }
    
    .search-form-wrap .close {
        position: absolute;
        top: 15px;
        right: 0;
    }
    
    .close {
        display: inline-block;
        width: 15px;
        height: 15px;
        position: relative;
        cursor: pointer;
        background: none;
        border: none;
        border-radius: 0;
        box-shadow: none;
        padding: 0;
    }
    
    .close:before,
    .close:after {
        content: "";
        background: #fff;
        width: 100%;
        height: 2px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .close:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    
    .close:hover:before,
    .close:hover:after {
        background: #f00;
    }
    
    
    /*============================
    HEADER LAYOUT TWO
    ============================*/
    
    .header-two .header-t {
        border-bottom: 1px solid #F0F0F0;
        padding: 10px 0;
    }
    
    .header-two .header-t .container,
    .header-three .header-t .container,
    .header-four .header-t .container,
    .header-five .header-t .container {
        display: flex;
        flex: 1;
        flex-flow: row wrap;
        align-items: center;
    }
    
    .header-two .header-contact .contact-block svg,
    .header-three .header-contact .contact-block svg,
    .header-four .header-contact .contact-block svg,
    .header-five .header-contact .contact-block svg {
        position: static;
        width: 16px;
        float: left;
        margin-right: 7px;
        display: inline-block;
        vertical-align: middle;
        margin-top: 10px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    
    .header-two .header-contact .contact-block:first-child {
        padding-left: 0;
    }
    
    .header-two .header-contact .contact-block {
        padding-left: 30px;
        margin-left: 0;
        padding-right: 30px;
        display: inline-block;
        vertical-align: middle;
    }
    
    .header-two .header-contact .contact-block .title {
        font-size: 0.7222em;
        vertical-align: middle;
    }
    
    .header-two .header-contact .contact-block .content,
    .header-three .header-contact .contact-block .content {
        font-size: 0.7778em;
    }
    
    .header-two .header-contact .contact-block svg path.phb,
    .header-two .header-contact .contact-block svg path.emb,
    .header-two .header-contact .contact-block svg path.clkb {
        fill: var(--primary-color);
    }
    
    .header-two .header-contact {
        display: block;
        white-space: normal;
    }
    
    ul.social-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .header-two .header-social .social-list li,
    .header-three .header-social .social-list li,
    .header-four .header-social .social-list li,
    .header-five .header-social .social-list li {
        font-size: 0.888em;
    }
    
    .header-two .header-social .social-list li a,
    .header-three .header-social .social-list li a,
    .header-four .header-social .social-list li a,
    .header-five .header-social .social-list li a {
        width: auto;
        height: auto;
        line-height: normal;
        padding-left: 15px;
        border-left: none;
    }
    
    .header-two .header-social .social-list li a:hover {
        color: var(--primary-color);
    }
    
    .site-header.header-two .cart a {
        width: auto;
        height: auto;
        color: inherit;
        padding-top: 0px;
        padding-right: 10px;
        display: inline-block;
    }
    
    .site-header.header-two .header-social+.cart a {
        border-left-color: rgba(0, 0, 0, 0.1);
        padding-left: 10px;
        margin-left: 10px;
    }
    
    .site-header.header-two .cart a:hover {
        background: none;
        color: var(--primary-color);
    }
    
    .site-header.header-two .cart a .count {
        top: 0;
        right: 0;
    }
    
    .header-two .header-main .nav-wrap {
        position: static;
        background: none;
        border-radius: 0;
        padding: 0;
        flex: auto;
    }
    
    .header-two .header-main .container {
        display: flex;
        flex: 1;
        flex-flow: row wrap;
        justify-content: flex-end;
    }
    
    .header-two .nav-wrap .main-navigation {
        justify-content: flex-end;
    }
    
    .header-two .main-navigation ul.nav-menu>li:last-child ul,
    .header-two .main-navigation ul.nav-menu>li:nth-last-of-type(2) ul,
    .header-two .main-navigation ul.nav-menu>li:nth-last-of-type(3) ul {
        left: auto;
        right: 0;
    }
    
    .header-two .main-navigation ul.nav-menu>li:last-child ul ul,
    .header-two .main-navigation ul.nav-menu>li:nth-last-of-type(2) ul ul,
    .header-two .main-navigation ul.nav-menu>li:nth-last-of-type(3) ul ul {
        left: auto;
        right: 100%;
    }
    
    .header-two .main-navigation ul li a,
    .header-two .main-navigation ul li span {
        color: #262525;
    }
    
    .header-two .main-navigation ul li a:after {
        background: var(--primary-color);
        top: -47px;
    }
    
    .header-two .header-search>svg {
        border-left-color: rgba(0, 0, 0, 0.1);
        height: 30px;
        line-height: 30px;
    }
    
    .header-two .header-search>svg path.sea {
        fill: #262525;
    }
    
    
    /*============================
    HEADER LAYOUT THREE
    ============================*/
    
    .search-form-wrap.active+.header-three .header-t {
        border-top: 1px solid #fff;
    }
    
    .header-three .header-t {
        background: var(--primary-color);
        padding: 10px 0;
    }
    
    .header-three .header-contact .contact-block,
    .header-four .header-contact .contact-block,
    .header-five .header-contact .contact-block {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: left;
        justify-self: center;
        padding-left: 0;
        border-left: none;
    }
    
    .header-three .header-contact .contact-block a {
        color: #fff;
    }
    
    .header-three .header-contact .contact-block svg,
    .header-four .header-contact .contact-block svg {
        width: 20px;
        margin-top: 0;
    }
    
    .header-three .header-contact .contact-block svg path.phb,
    .header-three .header-contact .contact-block svg path.emb,
    .header-three .header-contact .contact-block svg path.clkb {
        fill: #fff;
    }
    
    .header-three .header-contact .contact-block .content,
    .header-four .header-contact .contact-block .content,
    .header-five .header-contact .contact-block .content {
        line-height: 1.8;
        color: #fff;
        font-weight: 400;
    }
    
    .header-three .header-social .social-list li a {
        color: #fff;
        border-left: none;
    }
    
    .header-three .header-social .social-list li a:hover {
        color: rgba(255, 255, 255, 0.65);
    }
    
    .site-header.header-three .cart a {
        width: auto;
        height: auto;
        padding-top: 0px;
        padding-right: 10px;
        display: inline-block;
    }
    
    .site-header.header-three .header-social+.cart a {
        padding-left: 10px;
        margin-left: 10px;
    }
    
    .site-header.header-three .cart a:hover {
        background: none;
        color: rgba(255, 255, 255, 0.65);
    }
    
    .site-header.header-three .cart a .count {
        top: 0;
        right: 0;
    }
    
    .site-header.header-three .cart a:hover .count {
        background: rgba(255, 255, 255, 0.7);
    }
    
    .header-three .header-main .site-branding {
        text-align: center;
    }
    
    .header-three .main-navigation ul li a:after {
        background: var(--primary-color);
        top: auto;
        bottom: 0;
    }
    
    .header-three .nav-wrap {
        position: static;
        padding: 0;
        border-radius: 0;
        background: none;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    
    .header-three .nav-wrap .container {
        text-align: center;
    }
    
    .header-three .nav-wrap .main-navigation,
    .header-three .nav-wrap .nav-right {
        display: inline-block;
    }
    
    .header-three .main-navigation ul.nav-menu>li:last-child ul,
    .header-three .main-navigation ul.nav-menu>li:nth-last-of-type(2) ul,
    .header-three .main-navigation ul.nav-menu>li:nth-last-of-type(3) ul {
        left: auto;
        right: 0;
    }
    
    .header-three .main-navigation ul.nav-menu>li:last-child ul ul,
    .header-three .main-navigation ul.nav-menu>li:nth-last-of-type(2) ul ul,
    .header-three .main-navigation ul.nav-menu>li:nth-last-of-type(3) ul ul {
        left: auto;
        right: 100%;
    }
    
    .header-three .main-navigation ul.nav-menu>li>a {
        color: #262525;
        padding: 20px 0;
    }
    
    .header-three .main-navigation ul li span {
        color: #262525;
        top: 24px;
    }
    
    .header-three .main-navigation ul ul li span {
        top: 20px;
    }
    
    .header-three .main-navigation ul li ul {
        top: 100%;
        text-align: left;
    }
    
    .header-three .header-search>svg {
        border-left-color: rgba(0, 0, 0, 0.1);
        padding: 0 14px;
    }
    
    .header-three .header-search:hover>svg path.sea {
        fill: var(--primary-color);
    }
    
    .header-three .header-search>svg path.sea {
        fill: #262525;
    }
    
    
    /*===========================
    HEADER LAYOUT FOUR
    ===========================*/
    
    .header-four .header-t,
    .header-five .header-t {
        background: #F0F0F0;
        padding: 10px 0;
    }
    
    .header-four .header-contact .contact-block .content {
        color: var(--font-color);
    }
    
    .header-four .header-contact .contact-block svg path.phb,
    .header-four .header-contact .contact-block svg path.emb,
    .header-four .header-contact .contact-block svg path.clkb,
    .header-five .header-contact .contact-block svg path.phb,
    .header-five .header-contact .contact-block svg path.emb,
    .header-five .header-contact .contact-block svg path.clkb {
        fill: var(--font-color);
    }
    
    .header-four .header-social .social-list li a:hover,
    .header-five .header-social .social-list li a:hover {
        color: var(--primary-color);
    }
    
    .site-header.header-four .cart a {
        width: auto;
        height: auto;
        display: inline-block;
        padding-right: 10px;
        color: inherit;
    }
    
    .site-header.header-four .header-social+.cart a {
        padding-left: 10px;
        margin-left: 10px;
        border-left-color: rgba(0, 0, 0, 0.1);
    }
    
    .site-header.header-four .cart a:hover {
        background: none;
        color: var(--primary-color);
    }
    
    .site-header.header-four .cart a .count {
        top: 0;
        right: 0;
        border-color: rgba(0, 0, 0, 0.3);
        background: #F0F0F0;
    }
    
    .header-four .header-main .container {
        display: flex;
        flex: 1;
        flex-flow: row wrap;
        justify-content: flex-end;
        align-items: center;
    }
    
    .header-four .header-main .nav-wrap {
        position: static;
        flex: auto;
        padding: 0;
        border-radius: 0;
        background: none;
    }
    
    .header-four .main-navigation ul li {
        margin-left: 15px;
        margin-right: 15px;
    }
    
    .header-four .main-navigation ul.nav-menu>li:last-child ul,
    .header-four .main-navigation ul.nav-menu>li:nth-last-of-type(2) ul,
    .header-four .main-navigation ul.nav-menu>li:nth-last-of-type(3) ul {
        left: auto;
        right: 0;
    }
    
    .header-four .main-navigation ul.nav-menu>li:last-child ul ul,
    .header-four .main-navigation ul.nav-menu>li:nth-last-of-type(2) ul ul,
    .header-four .main-navigation ul.nav-menu>li:nth-last-of-type(3) ul ul {
        left: auto;
        right: 100%;
    }
    
    .header-four .main-navigation ul ul li {
        margin-left: 0;
        margin-right: 0;
    }
    
    .header-four .main-navigation ul li a {
        color: #262525;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .header-four .main-navigation ul ul li a {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .header-four .main-navigation ul li a:after {
        background: rgba(0, 0, 0, 0.1);
        opacity: 1;
        visibility: visible;
        width: 100%;
    }
    
    .header-four .main-navigation ul li:hover>a:after,
    .header-four .main-navigation ul li.current-menu-item>a:after,
    .header-four .main-navigation ul li.current_page_items a:after {
        background: var(--primary-color);
    }
    
    .header-four .header-search>svg {
        border-left-color: rgba(0, 0, 0, 0.1);
        padding-left: 20px;
        padding-right: 0;
        line-height: 30px;
        height: 40px;
        width: 40px;
    }
    
    .header-four .header-search>svg path.sea {
        fill: #262525;
    }
    
    .header-four .header-search:hover>svg path.sea {
        fill: var(--primary-color);
    }
    
    .header-four .nav-wrap .main-navigation {
        justify-content: flex-end;
    }
    
    .header-four .main-navigation ul li span {
        color: #262525;
        font-size: 0.888em;
        line-height: 2;
        top: 0;
    }
    
    .header-four .main-navigation ul ul li span {
        top: 18px;
    }
    
    
    /*==========================
    HEADER LAYOUT FIVE
    ==========================*/
    
    .header-five .header-contact .contact-block {
        align-items: center;
    }
    
    .header-five .header-contact .contact-block svg {
        width: 20px;
        margin-top: 0;
    }
    
    .header-five .header-contact .contact-block .content {
        font-size: 0.7778em;
        font-weight: 600;
        color: var(--font-color);
    }
    
    .site-header.header-five .cart a {
        width: auto;
        height: auto;
        display: inline-block;
        padding-right: 10px;
        color: inherit;
    }
    
    .site-header.header-five .header-social+.cart a {
        padding-left: 10px;
        margin-left: 10px;
        border-left-color: rgba(0, 0, 0, 0.1);
    }
    
    .site-header.header-five .cart a:hover {
        background: none;
        color: var(--primary-color);
    }
    
    .site-header.header-five .cart a .count {
        top: 0;
        right: 0;
        border-color: rgba(0, 0, 0, 0.3);
        background: #F0F0F0;
    }
    
    .header-five .nav-wrap {
        position: static;
        border-radius: 0;
        padding: 0;
    }
    
    .header-five .nav-wrap .main-navigation {
        display: inline-block;
        vertical-align: middle;
    }
    
    .header-five .nav-wrap .nav-right {
        display: inline-block;
        vertical-align: middle;
    }
    
    .header-five .main-navigation ul li {
        margin-left: 10px;
        margin-right: 10px;
    }
    
    .header-five .main-navigation ul.nav-menu>li:last-child ul,
    .header-five .main-navigation ul.nav-menu>li:nth-last-of-type(2) ul,
    .header-five .main-navigation ul.nav-menu>li:nth-last-of-type(3) ul {
        left: auto;
        right: 0;
    }
    
    .header-five .main-navigation ul.nav-menu>li:last-child ul ul,
    .header-five .main-navigation ul.nav-menu>li:nth-last-of-type(2) ul ul,
    .header-five .main-navigation ul.nav-menu>li:nth-last-of-type(3) ul ul {
        left: auto;
        right: 100%;
    }
    
    .header-five .main-navigation ul li.menu-item-has-children {
        padding-right: 5px;
    }
    
    .header-five .main-navigation ul ul li.menu-item-has-children {
        padding-right: 0;
    }
    
    .header-five .main-navigation ul li a {
        height: 60px;
        text-align: center;
        display: flex;
        align-items: center;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .header-five .main-navigation ul li span {
        line-height: 60px;
        top: 0;
    }
    
    .header-five .main-navigation ul li:hover>ul {
        top: 100%;
    }
    
    .header-five .main-navigation ul ul li:hover>ul {
        top: 0;
    }
    
    .header-five .main-navigation ul ul li {
        margin-left: 0;
        margin-right: 0;
    }
    
    .header-five .main-navigation ul ul li span {
        line-height: 20px;
        top: 20px;
    }
    
    .header-five .main-navigation ul li a:after {
        top: auto;
        bottom: 0;
    }
    
    .header-five .nav-right .header-search:hover {
        background: none;
        opacity: 0.7;
        filter: alpha(opacity=70);
    }
    
    .header-five .nav-right .header-search>svg {
        height: 35px;
        padding-left: 27px;
        padding-right: 0;
    }
    
    
    /*============================
    HEADER LAYOUT SIX
    ============================*/
    
    .search-form-wrap.active+.header-six,
    .search-form-wrap.active+.header-seven {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    .header-six .header-t,
    .header-seven .header-t {
        background: var(--primary-color);
        padding: 10px 0;
    }
    
    .header-six .header-t .container,
    .header-seven .header-t .container {
        display: flex;
        flex: 1;
        flex-flow: row wrap;
        justify-content: flex-end;
    }
    
    .header-six .header-contact .contact-block,
    .header-seven .header-contact .contact-block {
        padding-left: 0;
        color: #FFF;
        border-left: none;
    }
    
    .header-six .header-contact .contact-block a,
    .header-seven .header-contact .contact-block a {
        color: #fff;
    }
    
    .header-six .header-contact .contact-block svg,
    .header-seven .header-contact .contact-block svg {
        position: static;
        transform: none;
        width: 25px;
        display: inline-block;
        vertical-align: middle;
    }
    
    .header-six .header-contact .contact-block svg .phb,
    .header-six .header-contact .contact-block svg .emb,
    .header-six .header-contact .contact-block svg .clkb,
    .header-seven .header-contact .contact-block svg .phb,
    .header-seven .header-contact .contact-block svg .emb,
    .header-seven .header-contact .contact-block svg .clkb {
        fill: rgba(255, 255, 255, 0.7);
    }
    
    .header-six .header-contact .contact-block .content,
    .header-seven .header-contact .contact-block .content {
        font-size: 0.7778em;
        font-weight: 400;
        display: inline-block;
        vertical-align: middle;
    }
    
    .header-six .header-t .nav-right,
    .header-seven .header-t .nav-right {
        display: flex;
        flex: auto;
        justify-content: flex-end;
    }
    
    .header-six .header-t .header-social,
    .header-seven .header-t .header-social {
        display: inline-block;
        vertical-align: middle;
    }
    
    .header-six .header-social .social-list li a,
    .header-seven .header-social .social-list li a {
        color: #fff;
        border-left: none;
        width: 40px;
        height: 25px;
        line-height: 25px;
    }
    
    .header-six .header-social .social-list li a:hover,
    .header-seven .header-social .social-list li a:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
    }
    
    .header-six .header-t .social-list li,
    .header-seven .header-t .social-list li {
        font-size: 0.8888em;
    }
    
    .header-six .header-t .header-search>svg,
    .header-seven .header-t .header-search>svg {
        height: 25px;
        line-height: 25px;
        padding-right: 0;
        padding-left: 15px;
        width: 33px;
    }
    
    .header-six .header-t .header-search:hover>svg,
    .header-seven .header-t .header-search:hover>svg {
        opacity: 0.7;
        filter: alpha(opacity=70);
    }
    
    .site-header.header-six .cart a {
        display: inline-block;
        width: auto;
        height: auto;
        padding-right: 10px;
    }
    
    .site-header.header-six .header-search-wrap+.cart a,
    .site-header.header-six .header-social+.cart a {
        border-left: 1px solid rgba(255, 255, 255, 0.2);
        padding-left: 15px;
        margin-left: 15px;
    }
    
    .site-header.header-six .cart a:hover {
        background: none;
        color: rgba(255, 255, 255, 0.7);
    }
    
    .site-header.header-six .cart a .count {
        top: 0;
        right: 0;
    }
    
    .site-header.header-six .cart a:hover .count {
        background: rgba(255, 255, 255, 0.7);
    }
    
    .header-six .header-main {
        position: relative;
        padding-bottom: 62px;
    }
    
    .header-six .header-main .nav-wrap {
        max-width: 1170px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        border-radius: 50px;
        padding: 0 30px;
        top: calc(100% - 31px);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    }
    
    .header-six .header-main .main-navigation {
        display: block;
        text-align: center;
    }
    
    .header-six .header-main .main-navigation a {
        height: 65px;
        display: flex;
        flex: 1;
        align-items: center;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .header-six .nav-wrap .main-navigation ul li a:after {
        display: none;
    }
    
    .header-six .main-navigation ul li {
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
    }
    
    .header-six .main-navigation ul.nav-menu>li:last-child ul,
    .header-six .main-navigation ul.nav-menu>li:nth-last-of-type(2) ul,
    .header-six .main-navigation ul.nav-menu>li:nth-last-of-type(3) ul {
        left: auto;
        right: 0;
    }
    
    .header-six .main-navigation ul.nav-menu>li:last-child ul ul,
    .header-six .main-navigation ul.nav-menu>li:nth-last-of-type(2) ul ul,
    .header-six .main-navigation ul.nav-menu>li:nth-last-of-type(3) ul ul {
        left: auto;
        right: 100%;
    }
    
    .header-six .main-navigation ul li span {
        line-height: 50px;
        right: 22px;
        font-size: 0.778em;
    }
    
    .header-six .header-main .main-navigation li.menu-item-has-children>a {
        padding-right: 40px;
    }
    
    .header-six .header-main .main-navigation li:hover>a,
    .header-six .header-main .main-navigation li.current-menu-item>a,
    .header-six .header-main .main-navigation li.current_page_item>a {
        background: #fff;
        color: #252626;
    }
    
    .header-six .header-main .main-navigation li:hover>span,
    .header-six .header-main .main-navigation li.current-menu-item>span,
    .header-six .header-main .main-navigation li.current_page_item>span {
        color: #252626;
    }
    
    .header-six .nav-wrap .main-navigation ul li ul {
        top: 100%;
    }
    
    .header-six .nav-wrap .main-navigation ul li ul ul {
        top: 0;
    }
    
    .header-six .main-navigation ul ul li>span {
        line-height: 20px;
        right: 0;
        top: 23px;
    }
    
    .header-six .header-main .main-navigation ul ul li:hover>a,
    .header-six .header-main .main-navigation ul ul li.current-menu-item>a,
    .header-six .header-main .main-navigation ul ul li.current_page_item>a {
        background: var(--primary-color);
        color: #fff;
    }
    
    .header-six .header-main .main-navigation ul ul li:hover>span,
    .header-six .header-main .main-navigation ul ul li.current-menu-item>span,
    .header-six .header-main .main-navigation ul ul li.current_page_item>span {
        color: #fff;
    }
    
    
    /*==============================
    HEADER LAYOUT SEVEN
    ==============================*/
    
    .site-header.header-seven .cart a {
        display: inline-block;
        width: auto;
        height: auto;
        padding-right: 10px;
    }
    
    .site-header.header-seven .header-search-wrap+.cart a,
    .site-header.header-seven .header-social+.cart a {
        border-left: 1px solid rgba(255, 255, 255, 0.2);
        padding-left: 15px;
        margin-left: 15px;
    }
    
    .site-header.header-seven .cart a:hover {
        background: none;
        color: rgba(255, 255, 255, 0.7);
    }
    
    .site-header.header-seven .cart a .count {
        top: 0;
        right: 0;
    }
    
    .site-header.header-seven .cart a:hover .count {
        background: rgba(255, 255, 255, 0.7);
    }
    
    .header-seven .header-main {
        display: block;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .header-seven .nav-wrap {
        background: none;
        border-radius: 0;
        padding: 0;
        position: static;
        flex: auto;
    }
    
    .header-seven .header-main .container {
        display: flex;
        flex: 1;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
    }
    
    .header-seven .header-main .site-branding {
        display: inline-block;
        vertical-align: middle;
        padding: 0 40px;
    }
    
    .header-seven .nav-wrap .main-navigation {
        display: block;
        text-align: center;
    }
    
    .header-seven .main-navigation ul li:last-child {
        margin-right: 0;
    }
    
    .header-seven .main-navigation ul.nav-menu>li:last-child ul,
    .header-seven .main-navigation ul.nav-menu>li:nth-last-of-type(2) ul,
    .header-seven .main-navigation ul.nav-menu>li:nth-last-of-type(3) ul {
        left: auto;
        right: 0;
    }
    
    .header-seven .main-navigation ul.nav-menu>li:last-child ul ul,
    .header-seven .main-navigation ul.nav-menu>li:nth-last-of-type(2) ul ul,
    .header-seven .main-navigation ul.nav-menu>li:nth-last-of-type(3) ul ul {
        left: auto;
        right: 100%;
    }
    
    .header-seven .nav-wrap .main-navigation ul li a {
        color: #252626;
    }
    
    .header-seven .main-navigation ul li a:after {
        background: var(--primary-color);
    }
    
    .header-seven .main-navigation ul ul {
        text-align: left;
    }
    
    .header-seven .main-navigation ul ul li:hover>a,
    .header-seven .main-navigation ul ul li.current-menu-item>a,
    .header-seven .main-navigation ul ul li.current_page_items a {
        color: #fff;
    }
    
    .header-seven .nav-wrap .main-navigation ul li span {
        color: #252626;
    }
    
    .header-seven .main-navigation ul ul li:hover>span,
    .header-seven .main-navigation ul ul li.current-menu-item>span,
    .header-seven .main-navigation ul ul li.current_page_items span {
        color: #fff;
    }
    
    
    /*=============================
    HEADER LAYOUT EIGHT
    =============================*/
    
    header.site-header.header-eight {
        background: var(--primary-color);
    }
    
    .header-eight .header-t {
        background: #fff;
        padding: 10px 0;
    }
    
    .header-eight .header-t .container {
        display: flex;
        flex: 1;
        flex-flow: row wrap;
        justify-content: flex-end;
        align-items: center;
    }
    
    .header-eight .header-t .header-social {
        display: flex;
        flex: auto;
    }
    
    .header-eight .header-t .social-list li {
        font-size: 0.8888em;
    }
    
    .header-eight .header-t .social-list li a {
        border-right: none;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: left;
    }
    
    .header-eight .header-t .social-list li a:hover {
        color: var(--primary-color);
    }
    
    .site-header.header-eight .cart+.header-social {
        padding-left: 10px;
        border-left: 1px solid rgba(0, 0, 0, 0.1);
    }
    
    .site-header.header-eight .cart a {
        width: auto;
        height: auto;
        display: inline-block;
        padding-right: 20px;
        color: inherit;
    }
    
    .site-header.header-eight .cart a:hover {
        background: none;
        color: var(--primary-color);
    }
    
    .site-header.header-eight .cart a .count {
        top: 0;
        right: 10px;
        border-color: rgba(0, 0, 0, 0.3);
    }
    
    .header-eight .header-t .header-search {
        display: flex;
        flex: auto;
        text-align: right;
        justify-content: flex-end;
    }
    
    .header-eight .header-t form.search-form {
        border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    }
    
    .header-eight .header-t form.search-form input.search-submit {
        width: 40px;
        padding: 0;
        height: 30px;
        line-height: 35px;
        float: left;
        border-radius: 0;
        border: none;
        background: url(images/search-blk.svg) no-repeat;
        text-indent: 40px;
        overflow: hidden;
        background-size: 16px;
        background-position: center right;
        box-shadow: none;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
    
    .header-eight .header-t form.search-form input.search-submit:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    .header-eight .header-t form.search-form label {
        width: calc(100% - 40px);
        float: left;
    }
    
    .header-eight .header-t form.search-form input.search-field {
        border: none;
        height: 30px;
        border-radius: 0;
        padding-left: 0;
    }
    
    .header-eight .header-main {
        padding-top: 30px;
        padding-bottom: 35px;
    }
    
    .header-eight .site-branding .site-title a {
        color: #fff;
    }
    
    .header-eight .site-branding .site-description {
        color: rgba(255, 255, 255, 0.75);
    }
    
    .header-eight .nav-wrap {
        background: none;
        padding: 0;
        top: calc(100% - 37px);
        border-radius: 0;
    }
    
    .header-eight .nav-wrap .main-navigation ul.nav-menu {
        display: flex;
        justify-content: center;
        flex: 1;
        flex-wrap: wrap;
    }
    
    .header-eight .nav-wrap .main-navigation ul li {
        margin: 0;
        font-weight: 700;
        padding-right: 0;
    }
    
    .header-eight .main-navigation ul.nav-menu>li:last-child ul,
    .header-eight .main-navigation ul.nav-menu>li:nth-last-of-type(2) ul,
    .header-eight .main-navigation ul.nav-menu>li:nth-last-of-type(3) ul {
        left: auto;
        right: 0;
    }
    
    .header-eight .main-navigation ul.nav-menu>li:last-child ul ul,
    .header-eight .main-navigation ul.nav-menu>li:nth-last-of-type(2) ul ul,
    .header-eight .main-navigation ul.nav-menu>li:nth-last-of-type(3) ul ul {
        left: auto;
        right: 100%;
    }
    
    .header-eight .nav-wrap .main-navigation ul.nav-menu>li>a {
        color: #252626;
        height: 75px;
        padding-left: 55px;
        padding-right: 55px;
        display: flex;
        flex: auto;
        align-items: center;
        justify-content: center;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        background: #fff;
        overflow: hidden;
        border-bottom: 5px solid transparent;
    }
    
    .header-eight .nav-wrap .main-navigation ul.nav-menu>li:first-child>a {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    
    .header-eight .nav-wrap .main-navigation ul.nav-menu>li:last-child>a {
        border-right: none;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    .header-eight .nav-wrap .main-navigation {
        display: block;
        text-align: center;
    }
    
    .header-eight .nav-wrap .main-navigation ul li span {
        color: #252626;
        line-height: 55px;
        right: 32px;
        font-size: 0.8888em;
    }
    
    .header-eight .nav-wrap .main-navigation ul ul li:hover>span,
    .header-eight .nav-wrap .main-navigation ul ul li.current-menu-item>span,
    .header-eight .nav-wrap .main-navigation ul ul li.current_page_items span {
        color: #fff;
    }
    
    .header-eight .nav-wrap .main-navigation ul li:hover>a,
    .header-eight .nav-wrap .main-navigation ul li.current-menu-item>a,
    .header-eight .nav-wrap .main-navigation ul li.current_page_item>a {
        background: #f0f0f0;
        border-bottom-color: var(--primary-color);
    }
    
    .header-eight .nav-wrap .main-navigation ul li a:after {
        display: none;
    }
    
    .header-eight .nav-wrap .main-navigation ul li ul {
        text-align: left;
    }
    
    .header-eight .nav-wrap .main-navigation ul ul li {
        float: none;
    }
    
    .header-eight .nav-wrap .main-navigation ul ul li a {
        height: auto;
        padding: 20px;
    }
    
    .header-eight .nav-wrap .main-navigation ul ul li:hover>a,
    .header-eight .nav-wrap .main-navigation ul ul li.current-menu-item>a,
    .header-eight .nav-wrap .main-navigation ul ul li.current_page_item>a {
        background: var(--primary-color);
        border-bottom-width: 1px;
    }
    
    .header-eight .main-navigation ul ul li>span {
        right: 5px;
        line-height: 20px;
        top: 22px;
    }
    
    .header-eight .nav-wrap .main-navigation ul li:hover>ul {
        top: 100%;
    }
    
    .header-eight .nav-wrap .main-navigation ul ul li:hover>ul {
        top: 0;
    }
    
    .header-eight .header-contact .contact-block {
        border-left-color: rgba(255, 255, 255, 0.2);
    }
    
    .header-eight .header-contact .contact-block a {
        color: #fff;
    }
    
    .header-eight .header-contact .contact-block svg path.phb,
    .header-eight .header-contact .contact-block svg path.emb,
    .header-eight .header-contact .contact-block svg path.clkb {
        fill: rgba(255, 255, 255, 0.7);
    }
    
    .header-eight .header-contact .contact-block .title {
        color: rgba(255, 255, 255, 0.7);
    }
    
    .header-eight .header-contact .contact-block .content {
        color: #fff;
    }
    
    
    /*===========================
    STICKY HEADER
    ===========================*/
    
    .customize-partial-edit-shortcut button svg {
        margin: auto !important;
    }
    
    .sticky-header {
        background: var(--primary-color);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
        flex-flow: row wrap;
        padding: 10px 5%;
        z-index: 9999;
        border-bottom: 1px solid #fff;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: hidden;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .search-active .sticky-header {
        padding-top: 65px;
    }
    
    .custom-background .sticky-header {
        width: 1300px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 2%;
        padding-right: 2%;
    }
    
    .header-sticky .search-form-wrap.active+.site-header .sticky-header {
        top: 61px;
    }
    
    .admin-bar .sticky-header {
        top: 32px;
    }
    
    .header-sticky .sticky-header {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
    }
    
    .header-sticky .search-form-wrap {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99999;
        border-bottom: 1px solid #fff;
    }
    
    .admin-bar.header-sticky .search-form-wrap {
        top: 32px;
    }
    
    .sticky-header .site-branding {
        /*width: 20%;*/
        display: flex;
        flex: 1;
    }
    
    .header-sticky .site-branding .site-title a {
        color: #fff;
    }
    
    .header-sticky .site-branding .site-description {
        color: rgba(255, 255, 255, 0.75);
    }
    
    .sticky-header .main-navigation {
        /*width: 60%;*/
        text-align: center;
        display: flex;
        flex: 2;
        justify-content: center;
    }
    
    .sticky-header .main-navigation ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .sticky-header .main-navigation ul li {
        line-height: 1.2;
    }
    
    .sticky-header .main-navigation ul li a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .sticky-header .main-navigation ul li span {
        line-height: 5;
        top: 0;
    }
    
    .sticky-header .main-navigation ul ul {
        text-align: left;
    }
    
    .sticky-header .main-navigation ul ul li {
        line-height: 1.8;
    }
    
    .sticky-header .main-navigation ul ul li span {
        line-height: 1.8;
        top: 19px;
    }
    
    .sticky-header .nav-right {
        /*width: 20%;*/
        text-align: right;
        display: flex;
        flex: 1;
        justify-content: flex-end;
    }
    
    .sticky-header .header-social,
    .sticky-header .header-search {
        display: inline-block;
        vertical-align: middle;
    }
    
    .sticky-header .header-social .social-list li a {
        color: #fff;
    }
    
    .sticky-header .header-social .social-list li a:hover,
    .sticky-header .header-search:hover {
        background: rgba(0, 0, 0, 0.05);
    }
    
    
    /*==========================
    HEADER LAYOUT TWO STICKY LAYOUT
    ==========================*/
    
    .header-two .sticky-header .main-navigation ul li a,
    .header-two .sticky-header .main-navigation ul li span,
    .header-four .sticky-header .main-navigation ul li a,
    .header-four .sticky-header .main-navigation ul li span {
        color: #fff;
    }
    
    
    /*.header-two .sticky-header .main-navigation ul li:hover > a, 
    .header-two .sticky-header .main-navigation ul li.current-menu-item > a, 
    .header-two .sticky-header .main-navigation ul li.current_page_item > a, 
    .header-three .sticky-header .main-navigation ul li:hover > a, 
    .header-three .sticky-header .main-navigation ul li.current-menu-item > a, 
    .header-three .sticky-header .main-navigation ul li.current_page_item > a, 
    .header-four .sticky-header .main-navigation ul li:hover > a, 
    .header-four .sticky-header .main-navigation ul li.current-menu-item > a, 
    .header-four .sticky-header .main-navigation ul li.current_page_item > a {
        border-bottom-color: rgba(255,255,255,0.75);
        }*/
    
    .header-two .sticky-header .main-navigation ul li a::after {
        background: rgba(255, 255, 255, 0.5);
        top: 100%;
    }
    
    .header-two .sticky-header .main-navigation ul ul li a,
    .header-two .sticky-header .main-navigation ul ul li span,
    .header-four .sticky-header .main-navigation ul ul li a,
    .header-four .sticky-header .main-navigation ul ul li span {
        color: #262525;
    }
    
    .header-two .sticky-header .main-navigation ul ul li:hover>a,
    .header-two .sticky-header .main-navigation ul ul li.current-menu-item>a,
    .header-two .sticky-header .main-navigation ul ul li.current_page_item>a,
    .header-two .sticky-header .main-navigation ul ul li:hover>span,
    .header-two .sticky-header .main-navigation ul ul li.current-menu-item>span,
    .header-two .sticky-header .main-navigation ul ul li.current_page_item>span,
    .header-three .sticky-header .main-navigation ul ul li:hover>span,
    .header-three .sticky-header .main-navigation ul ul li.current-menu-item>span,
    .header-three .sticky-header .main-navigation ul ul li.current_page_item>span,
    .header-four .sticky-header .main-navigation ul ul li:hover>a,
    .header-four .sticky-header .main-navigation ul ul li.current-menu-item>a,
    .header-four .sticky-header .main-navigation ul ul li.current_page_item>a,
    .header-four .sticky-header .main-navigation ul ul li:hover>span,
    .header-four .sticky-header .main-navigation ul ul li.current-menu-item>span,
    .header-four .sticky-header .main-navigation ul ul li.current_page_item>span {
        color: #fff;
    }
    
    .header-two .sticky-header .header-social .social-list li a,
    .header-three .sticky-header .header-social .social-list li a,
    .header-four .sticky-header .header-social .social-list li a,
    .header-five .sticky-header .header-social .social-list li a {
        width: 45px;
        height: 45px;
        line-height: 45px;
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        padding-left: 0;
    }
    
    .header-two .sticky-header .header-social .social-list li a:hover,
    .header-three .sticky-header .header-social .social-list li a:hover,
    .header-four .sticky-header .header-social .social-list li a:hover,
    .header-five .sticky-header .header-social .social-list li a:hover {
        color: #fff;
    }
    
    .header-two .sticky-header .header-search>svg {
        height: 45px;
        line-height: 35px;
        border-left-color: rgba(255, 255, 255, 0.1);
    }
    
    .header-two .sticky-header .header-search>svg path.sea {
        fill: #fff;
    }
    
    
    /*==================================
    HEADER LAYOUT THREE AND FOUR STICKY LAYOUT
    ===================================*/
    
    .header-three .sticky-header .main-navigation ul.nav-menu>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
        color: #fff;
    }
    
    .header-three .sticky-header .main-navigation ul li a::after {
        background: rgba(255, 255, 255, 0.5);
        top: 100%;
        bottom: auto;
    }
    
    .header-three .sticky-header .main-navigation ul li ul {
        top: calc(100% + 3px);
    }
    
    .header-three .sticky-header .main-navigation ul li span {
        color: #fff;
    }
    
    .header-three .sticky-header .main-navigation ul ul li span {
        color: #262525;
    }
    
    .header-three .sticky-header .header-search>svg {
        border-left-color: rgba(255, 255, 255, 0.1);
    }
    
    .header-three .sticky-header .header-search svg path.sea {
        fill: #fff !important;
    }
    
    
    /*================================
    HEADER LAYOUT FOUR STICKY LAYOUT
    ==================================*/
    
    .header-four .sticky-header .main-navigation ul li a {
        padding-left: 0;
        padding-right: 0;
    }
    
    .header-four .sticky-header .main-navigation ul li a::after {
        background: rgba(255, 255, 255, 0.5);
        opacity: 0;
        visibility: hidden;
        width: 0;
    }
    
    .header-four .sticky-header .main-navigation ul li:hover>a::after,
    .header-four .sticky-header .main-navigation ul li.current-menu-item>a::after,
    .header-four .sticky-header .main-navigation ul li.current_page_items a::after {
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
        width: 100%;
    }
    
    .header-four .sticky-header .main-navigation ul ul li a {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .header-four .sticky-header .main-navigation ul li span {
        line-height: 3.7;
    }
    
    .header-four .sticky-header .main-navigation ul ul li span {
        line-height: 1.8;
    }
    
    .header-four .sticky-header .header-search>svg {
        border-left-color: rgba(255, 255, 255, 0.1);
        width: 45px;
        height: 45px;
        line-height: 45px;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .header-four .sticky-header .header-search>svg path.sea {
        fill: #fff !important;
    }
    
    
    /*===============================
    HEADER LAYOUT FIVE STICKY LAYOUT
    =================================*/
    
    .header-five .sticky-header .main-navigation ul li a {
        height: auto;
    }
    
    .header-five .sticky-header .nav-right .header-search>svg {
        padding-left: 15px;
        padding-right: 15px;
        width: 45px;
    }
    
    
    /*===================================
    HEADER LAYOUT SIX STICKY LAYOUT
    ===================================*/
    
    .header-six .sticky-header .main-navigation ul li a {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    
    /*.header-six .sticky-header .main-navigation ul li:hover > a, 
    .header-six .sticky-header .main-navigation ul li.current-menu-item > a, 
    .header-six .sticky-header .main-navigation ul li.current_page_item > a {
        border-bottom-color: rgba(255,255,255,0.5);
        }*/
    
    .header-six .sticky-header .main-navigation ul li span {
        right: 5px;
        font-size: 0.6666em;
    }
    
    
    /*==================================
    HEADER LAYOUT SEVEN STICKY LAYOUT
    ===================================*/
    
    .header-six .sticky-header .header-social .social-list li a,
    .header-seven .sticky-header .header-social .social-list li a {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        height: 45px;
        line-height: 45px;
    }
    
    .header-seven .sticky-header .main-navigation ul li a::after {
        background: rgba(255, 255, 255, 0.5);
    }
    
    
    /*============================
    SITE BANNER SECTION
    ============================*/
    
    .site-banner .item {
        position: relative;
    }
    
    .custom-background .site-banner .item img {
        height: 650px;
        object-fit: cover;
    }
    
    .site-banner .banner-caption {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        display: flex;
        flex: 1;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .site-banner .banner-caption .container {
        max-width: 100%;
        width: 1170px;
    }
    
    .site-banner .banner-caption .banner-caption-inner {
        max-width: 570px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    
    .site-banner .banner-caption .title {
        font-size: 3.554em;
        font-family: var(--secondary-font);
        color: #fff;
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .site-banner .banner-caption .title a {
        color: #fff;
        text-decoration: none;
    }
    
    .site-banner .banner-caption .title a:hover {
        color: var(--primary-color);
    }
    
    .site-banner .banner-caption .description {
        font-size: 1.112em;
        color: #fff;
        margin-top: 20px;
        line-height: 1.8;
    }
    
    .site-banner .banner-caption .btn-wrap {
        margin-top: 30px;
    }
    
    .site-banner .banner-caption .btn-wrap a.btn.btn-transparent {
        border-color: #fff;
        color: #fff;
    }
    
    .site-banner .banner-caption .btn-wrap a.btn.btn-transparent:hover {
        background: #fff;
        color: var(--primary-color);
    }
    
    
    /*=============================
    SITE BANNER SLIDER
    =============================*/
    
    .site-banner .owl-carousel .owl-nav .owl-prev {
        left: 80px;
    }
    
    .site-banner .owl-carousel .owl-nav .owl-next {
        right: 80px;
    }
    
    .site-banner .owl-carousel .owl-dots {
        margin-top: 0;
        position: absolute;
        bottom: 60px;
        left: 0;
        right: 0;
        text-align: center;
        line-height: 1;
    }
    
    .site-banner .owl-carousel .owl-dots .owl-dot span {
        border-color: #fff;
    }
    
    .site-banner .owl-carousel .owl-dots .owl-dot.active span,
    .site-banner .owl-carousel .owl-dots .owl-dot:hover span {
        border-color: var(--primary-color);
    }
    
    
    /*=============================
    BANNER CAPTION LEFT ALIGNMENT
    =============================*/
    
    .site-banner .banner-caption.left .banner-caption-inner {
        margin-left: 0;
        text-align: left;
    }
    
    
    /*=============================
    BANNER CAPTION RIGHT ALIGNMENT
    =============================*/
    
    .site-banner .banner-caption.right .banner-caption-inner {
        margin-right: 0;
        text-align: left;
    }
    
    
    /*=======================
    VIDEO BANNER
    =======================*/
    
    .video-banner #wp-custom-header {
        position: relative;
        height: 0;
        padding-top: 56.25%;
    }
    
    .video-banner #wp-custom-header iframe {
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .video-banner #wp-custom-header .wp-custom-header-video-button {
        position: absolute;
        bottom: 30px;
        right: 0;
        padding: 0;
        width: 90px;
        height: 90px;
        left: 0;
        margin: auto;
        background: none;
        border: none;
        border-radius: 100%;
        box-shadow: none;
        text-indent: 100px;
        overflow: hidden;
        z-index: 99;
    }
    
    .video-banner #wp-custom-header .wp-custom-header-video-button::before {
        content: "";
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm-16 328c0 8.8-7.2 16-16 16h-48c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v160zm112 0c0 8.8-7.2 16-16 16h-48c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v160z"></path></svg>');
        background-repeat: no-repeat;
        position: absolute;
        width: 90px;
        height: 90px;
        top: 0;
        left: 0;
        opacity: 0.8;
        filter: alpha(opacity=80);
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .video-banner #wp-custom-header .wp-custom-header-video-pause::before {
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" ><path fill="%23fff" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z"></path></svg>');
    }
    
    .video-banner #wp-custom-header .wp-custom-header-video-button:hover::before {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    .site-banner.video-banner .banner-caption {
        background: url('images/overlay.png');
    }
    
    .site-banner.video-banner .banner-caption .banner-caption-inner {
        max-width: 770px;
    }
    
    
    /*===============================
    SITE BANNER WITH NEWSLETTER
    ===============================*/
    
    .banner-caption .blossomthemes-email-newsletter-wrapper {
        max-width: 480px;
        float: right;
        border-radius: 5px;
        overflow: hidden;
        padding: 40px;
        background: rgba(0, 0, 0, 0.65) !important;
    }
    
    .banner-caption .blossomthemes-email-newsletter-wrapper:after {
        display: none;
    }
    
    .banner-caption .blossomthemes-email-newsletter-wrapper .text-holder {
        margin-bottom: 30px;
    }
    
    .banner-caption .blossomthemes-email-newsletter-wrapper h3 {
        color: #fff;
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 1.6667em;
    }
    
    .banner-caption .blossomthemes-email-newsletter-wrapper span {
        color: rgba(255, 255, 255, 0.8);
        display: inline-block;
    }
    
    .banner-caption .blossomthemes-email-newsletter-wrapper form input[type="text"],
    .banner-caption .blossomthemes-email-newsletter-wrapper form input[type="email"] {
        background: rgba(255, 255, 255, 0.5);
        border-color: rgba(255, 255, 255, 0.5);
        height: 50px;
        margin-bottom: 15px;
    }
    
    .banner-caption .blossomthemes-email-newsletter-wrapper label {
        margin-bottom: 20px;
        display: block;
    }
    
    .banner-caption .blossomthemes-email-newsletter-wrapper label input[type="checkbox"] {
        vertical-align: middle;
    }
    
    .banner-caption .blossomthemes-email-newsletter-wrapper label span {
        margin-bottom: 0;
        font-size: 0.8888em;
        vertical-align: middle;
        padding-left: 5px;
    }
    
    .banner-caption .blossomthemes-email-newsletter-wrapper label:hover span {
        color: #fff;
    }
    
    .banner-caption .blossomthemes-email-newsletter-wrapper input[type="submit"] {
        border-radius: 5px;
    }
    
    
    /*=============================
    SERVICE STYLE ONE SECTION
    =============================*/
    
    section.service-section.style-1 {
        background: rgba(var(--primary-color-rgb), 0.1);
        padding: 80px 0;
        text-align: center;
    }
    
    section[class*="-section"] .grid {
        margin-top: 0;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 30px;
    }
    
    section[class*="-section"] .grid .widget {
        margin-bottom: 0;
    }
    
    section[class*="-section"] .grid .widget_text {
        grid-column: 1 / span 3;
    }
    
    section.service-section.style-1 .widget_bttk_icon_text_widget,
    .recent-post-section .grid article {
        background: #fff;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        border-bottom: 3px solid transparent;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
        margin-bottom: 25px;
        position: relative;
    }
    
    .service-section.style-1 .widget_bttk_icon_text_widget:hover,
    .recent-post-section .grid article:hover {
        border-bottom-color: rgba(var(--primary-color-rgb), 0.5);
    }
    
    .service-section.style-1 .widget_bttk_icon_text_widget .widget-title {
        font-size: 1.333em;
        margin: 30px;
    }
    
    .service-section.style-1 .widget_bttk_icon_text_widget .content,
    .recent-post-section .grid article .content-wrap {
        margin: 30px;
    }
    
    .service-section.style-1 .widget_bttk_icon_text_widget .rtc-itw-inner-holder {
        padding-bottom: 25px;
    }
    
    .service-section.style-1 .widget_bttk_icon_text_widget .rtc-itw-inner-holder a.btn-readmore,
    .recent-post-section .grid article a.btn-readmore,
    .page-template-service .site-main .widget_bttk_icon_text_widget a.btn-readmore,
    .shop-popular .product-image a.btn-readmore {
        position: absolute;
        bottom: -25px;
        left: 50%;
        margin: 0 auto;
        overflow: hidden;
        padding-left: 25px;
        padding-right: 25px;
        white-space: nowrap;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        text-indent: -100%;
        background: none;
        border-color: transparent;
        color: transparent;
    }
    
    .service-section.style-1 .widget_bttk_icon_text_widget .rtc-itw-inner-holder a.btn-readmore:hover,
    .recent-post-section .grid article a.btn-readmore:hover,
    .page-template-service .site-main .widget_bttk_icon_text_widget a.btn-readmore:hover,
    .shop-popular .product-image a.btn-readmore:hover,
    .service-section.style-1 .widget_bttk_icon_text_widget .rtc-itw-inner-holder a.btn-readmore:focus,
    .recent-post-section .grid article a.btn-readmore:focus,
    .page-template-service .site-main .widget_bttk_icon_text_widget a.btn-readmore:focus,
    .shop-popular .product-image a.btn-readmore:focus {
        padding-left: 30px;
        padding-right: 50px;
        background: var(--primary-color);
        color: #fff;
        text-indent: 0;
        border-color: var(--primary-color);
        color: #fff;
    }
    
    .service-section.style-1 .widget_bttk_icon_text_widget .rtc-itw-inner-holder a.btn-readmore::before,
    .recent-post-section .grid article a.btn-readmore::before,
    .page-template-service .site-main .widget_bttk_icon_text_widget a.btn-readmore:before,
    .shop-popular .product-image a.btn-readmore:before {
        width: 45px;
        height: 44px;
        line-height: 45px;
        background-color: var(--primary-color);
        background-size: 8px;
        background-position: center;
        border-radius: 100%;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 0;
        z-index: 1;
        text-indent: 0;
        color: #fff;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .service-section.style-1 .widget_bttk_icon_text_widget .rtc-itw-inner-holder a.btn-readmore:hover::before,
    .recent-post-section .grid article a.btn-readmore:hover::before,
    .page-template-service .site-main .widget_bttk_icon_text_widget a.btn-readmore:hover:before,
    .shop-popular .product-image a.btn-readmore:hover:before,
    .service-section.style-1 .widget_bttk_icon_text_widget .rtc-itw-inner-holder a.btn-readmore:focus::before,
    .recent-post-section .grid article a.btn-readmore:focus::before,
    .page-template-service .site-main .widget_bttk_icon_text_widget a.btn-readmore:focus:before,
    .shop-popular .product-image a.btn-readmore:focus:before {
        right: -50%;
        opacity: 0;
        visibility: hidden;
    }
    
    .service-section.style-1 .widget_bttk_icon_text_widget .rtc-itw-inner-holder a.btn-readmore::after,
    .recent-post-section .grid article a.btn-readmore::after,
    .page-template-service .site-main .widget_bttk_icon_text_widget a.btn-readmore:after,
    .shop-popular .product-image a.btn-readmore:after {
        right: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .service-section.style-1 .widget_bttk_icon_text_widget .rtc-itw-inner-holder a.btn-readmore:hover::after,
    .recent-post-section .grid article a.btn-readmore:hover::after,
    .page-template-service .site-main .widget_bttk_icon_text_widget a.btn-readmore:hover:after,
    .shop-popular .product-image a.btn-readmore:hover:after,
    .service-section.style-1 .widget_bttk_icon_text_widget .rtc-itw-inner-holder a.btn-readmore:focus::after,
    .recent-post-section .grid article a.btn-readmore:focus::after,
    .page-template-service .site-main .widget_bttk_icon_text_widget a.btn-readmore:focus:after,
    .shop-popular .product-image a.btn-readmore:focus:after {
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%23fff" d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z" class=""></path></svg>');
        right: 30px;
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
    
    
    /*===============================
    SERVICE STYLE TWO SECTION
    ===============================*/
    
    section.service-section.style-2 {
        background: rgba(var(--primary-color-rgb), 0.1);
        position: relative;
        overflow: hidden;
    }
    
    section.service-section.style-2 .grid {
        grid-template-columns: repeat(2, 1fr);
        padding-right: 44%;
        grid-gap: 0;
        margin-top: 0;
    }
    
    section.service-section.style-2 .widget_media_image {
        position: absolute;
        top: 0;
        right: 0;
        width: 44%;
        height: 100%;
    }
    
    .service-section.style-2 .widget_media_image figure.wp-caption {
        margin: 0;
        height: 100%;
    }
    
    section.service-section.style-2 .widget_media_image img {
        width: 100%;
        height: 100% !important;
        object-fit: cover;
    }
    
    .service-section.style-2 .widget_media_image .widget-title,
    .service-section.style-2 .widget_media_image figcaption {
        display: none;
    }
    
    .service-section.style-2 .widget_bttk_icon_text_widget {
        border-bottom: 1px dashed rgba(var(--primary-color-rgb), 0.2);
        border-right: 1px dashed rgba(var(--primary-color-rgb), 0.2);
        padding: 50px 40px;
        text-align: center;
    }
    
    .service-section.style-2 .widget_bttk_icon_text_widget .icon-holder {
        font-size: 1.5em;
        /*background: #fff;*/
        width: 80px;
        height: 80px;
        line-height: 80px; 
        border-radius: 100%;
        border: 3px solid rgba(var(--primary-color-rgb), 0.5);
        margin: 0 auto 20px auto;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        overflow: hidden;
    }
    
    .service-section.style-2 .widget_bttk_icon_text_widget .icon-holder img {
        display: inline-block;
        vertical-align: middle;
        /*margin-top: -5px;*/
    }
    
    
    /*==============================
    SERVICE STYLE THREE SECTION
    ==============================*/
    /*
    section.service-section.style-3 {
        background-size: cover;
        padding: 80px 0;
        text-align: center;
        position: relative;
        z-index: 1;
    }
    
    section.service-section.style-3:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }
    
    section.service-section.style-3 .grid {
        grid-template-columns: repeat(4, 1fr);
    }
    
    section.service-section.style-3 .widget_text {
        grid-column: 1 / span 4;
    }
    
    section.service-section.style-3 .widget_text .sub-title,
    section.service-section.style-3 .widget_text .widget-title,
    section.service-section.style-3 .widget_text .textwidget,
    .service-section.style-3 .widget_bttk_icon_text_widget .widget-title {
        color: #fff;
        padding-bottom: 0;
    }
    
    section.service-section.style-3 .widget_text .widget-title:after,
    .service-section.style-3 .widget_bttk_icon_text_widget .widget-title:after {
        display: none;
    }
    
    .service-section.style-3 .widget_bttk_icon_text_widget .icon-holder {
        width: 80px;
        height: 80px;
        text-align: center;
        line-height: 80px;
        border: 3px solid rgba(255, 255, 255, 0.5);
        border-radius: 100%;
        margin: 0 auto 20px auto;
        background: rgba(255, 255, 255, 0.1);
        position: relative;
        font-size: 2em;
        color: #fff;
        overflow: hidden;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .service-section.style-3 .widget_bttk_icon_text_widget:hover .icon-holder {
        background: var(--primary-color);
        border-color: var(--primary-color);
    }
    
    .service-section.style-3 .widget_bttk_icon_text_widget .icon-holder:before {
        content: "";
        border: 12px solid rgba(var(--primary-color-rgb), 0.15);
        position: absolute;
        top: -5px;
        right: -5px;
        bottom: -5px;
        left: -5px;
        border-radius: 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .service-section.style-3 .widget_bttk_icon_text_widget:hover .icon-holder:before {
        top: -25px;
        right: -25px;
        bottom: -25px;
        left: -25px;
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
    
    .service-section.style-3 .widget_bttk_icon_text_widget .icon-holder img {
        vertical-align: middle;
        margin-top: -15px;
    }
    
    .service-section.style-3 .widget_bttk_icon_text_widget .content {
        color: rgba(255, 255, 255, 0.8);
    }
    */
    section.service-section.style-3 {
        background: rgba(var(--primary-color-rgb), 0.05);        /*!!! TODO : rgba(var(--primary-color-rgb), 0.1) */
        padding: 80px 0;
        text-align: center;
        position: relative;
        z-index: 1;
    }
    
    section.service-section.style-3:before {
        content: "";
        background: rgba(0, 0, 0, 0);     /* !!!TODO: rgba(0, 0, 0, 0.5)*/
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }
    
    section.service-section.style-3 .grid {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 30px;
    }
    
    section.service-section.style-3 .widget_text {
        grid-column: 1 / span 3;
    }
    
    section.service-section.style-3 .widget_text .sub-title,
    section.service-section.style-3 .widget_text .widget-title,
    section.service-section.style-3 .widget_text .textwidget,
    .service-section.style-3 .widget_bttk_icon_text_widget .widget-title {
        color: #000;     /* !!!TODO:#fff */
        padding-bottom: 0;
    }
    
    :is(section.service-section, .service-section):is(.style-3) :is(.widget_text, .widget_bttk_icon_text_widget) :is(.sub-title, .widget-title, .textwidget) {
        color: #000;
        padding-bottom: 0;
    }

    section.service-section.style-3 .widget_text .widget-title:after,
    .service-section.style-3 .widget_bttk_icon_text_widget .widget-title:after {
        display: none;
    }
    
    .service-section.style-3 .widget_bttk_icon_text_widget .icon-holder {
        width: 300px;                   /*!!! TODO : width: 80px; */
        height: 300px;                  /*!!! TODO : 80px; */
        text-align: center;
        line-height: 80px;
        border: 3px solid rgba(255, 255, 255, 0.5);
        border-radius: 100%;
        margin: 0 auto 20px auto;
        background: rgba(255, 255, 255, 0.1);
        position: relative;
        font-size: 2em;
        /* color: #fff; */
        overflow: hidden;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    }
    

    .service-section.style-3 .widget_bttk_icon_text_widget:hover .icon-holder {
        background: #fff!important;               /* !!! var(--primary-color);*/
        border-color: #fff!important;             /* !!! var(--primary-color); */
    }
    
    
    .service-section.style-3 .widget_bttk_icon_text_widget .icon-holder:before {
        content: "";
        border: 12px solid rgba(var(--primary-color-rgb), 0.15);
        position: absolute;
        top: -5px;
        right: -5px;
        bottom: -5px;
        left: -5px;
        border-radius: 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    
    .service-section.style-3 .widget_bttk_icon_text_widget:hover .icon-holder:before {
        top: -25px;
        right: -25px;
        bottom: -25px;
        left: -25px;
        opacity:0;
        filter: alpha(opacity=100);
        visibility: hidden!important /* !!! visible; */
    }
    

    .service-section.style-3 .widget_bttk_icon_text_widget .icon-holder img {
        vertical-align: middle;
        margin-top: unset;              /* !!! -15px */
        height: 100%;                   /* !!! rajouté*/
        max-width: unset;               /* !!! rajouté*/
        object-fit: cover;              /* !!! */
    }
    
    .service-section.style-3 .widget_bttk_icon_text_widget .content {
        color: var(--secondary-color);
    }
    
    
    
    /*=================================
    ABOUT SECTION
    =================================*/
    
    .about-section .widget_blossomtheme_featured_page_widget {
        margin-bottom: 0;
    }
    
    .about-section .widget_blossomtheme_featured_page_widget .widget-featured-holder {
        position: relative;
        padding-left: calc(50% - 40px);
        z-index: 1;
        min-height: 635px;
        display: flex;
        flex: 1;
        flex-flow: column wrap;
        justify-content: center;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    .about-section .widget_blossomtheme_featured_page_widget .widget-featured-holder.right {
        padding-left: 0;
        padding-right: calc(50% - 40px);
    }
    
    .about-section .widget_blossomtheme_featured_page_widget .img-holder {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        z-index: -1;
        height: 100%;
    }
    
    .about-section .widget_blossomtheme_featured_page_widget .right .img-holder {
        left: auto;
        right: 0;
    }
    
    .about-section .widget_blossomtheme_featured_page_widget .img-holder img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .about-section .widget_blossomtheme_featured_page_widget .featured-holder-wrap {
        background: #fff;
        padding: 50px;
        border-radius: 5px;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    }
    
    .about-section .widget_blossomtheme_featured_page_widget .widget-title {
        margin-top: 5px;
        margin-bottom: 20px;
        padding-bottom: 0;
        font-family: var(--secondary-font);
        font-weight: 400;
        font-size: 2em;
    }
    
    .about-section .widget_blossomtheme_featured_page_widget .widget-title:after {
        display: none;
    }
    
    .about-section .widget_blossomtheme_featured_page_widget a.btn-readmore:focus {
        outline-color: #000;
    }
    
    
    /*=================================
    SERVICE PRICE SECTION
    =================================*/
    
    .service-price-section {
        background: rgba(var(--primary-color-rgb), 0.1);
        text-align: center;
        padding: 80px 0;
    }
    
    section.service-price-section .section-desc {
        margin-bottom: 60px;
    }
    
    .shop-popular {
        display: flex;
        flex: 1;
        flex-flow: row wrap;
        justify-content: center;
    }
    
    .shop-popular .item:nth-child(4n) {
        margin-right: 0;
    }
    
    .shop-popular .item {
        width: 23%;
        margin-right: 2.5%;
        margin-bottom: 30px;
    }
    
    .shop-popular .product-image {
        position: relative;
        padding-bottom: 10px;
    }
    
    .shop-popular .product-image a:not(.btn-readmore) {
        display: block;
        width: 230px;
        height: 230px;
        overflow: hidden;
        border-radius: 100%;
        margin: 0 auto;
        position: relative;
    }
    
    .shop-popular .product-image a:not(.btn-readmore)::before {
        content: "";
        border: 10px solid rgba(255, 255, 255, 0.5);
        border-radius: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    
    .shop-popular .product-image a.btn-readmore {
        bottom: 0;
    }
    
    .shop-popular .item h3 {
        font-size: 1.112em;
        font-family: var(--secondary-font);
        font-weight: 400;
        margin-top: 20px;
        margin-bottom: 0;
    }
    
    .shop-popular .item h3 a {
        color: #262525;
        text-decoration: none;
    }
    
    .shop-popular .item h3 a:hover {
        color: var(--primary-color)
    }
    
    .shop-popular .item .woocommerce-product-details__short-description {
        font-size: 0.8888em;
        color: #262525;
    }
    
    .shop-popular .item .woocommerce-product-details__short-description p {
        margin-top: 10px;
        margin-bottom: 0;
    }
    
    .shop-popular .item .price {
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 1.112em;
        font-weight: 700;
        color: var(--primary-color);
    }
    
    .shop-popular .item .price del {
        opacity: 0.7;
        filter: alpha(opacity=70);
    }
    
    .shop-popular .item .price ins {
        background: none;
        margin-left: 10px;
    }
    
    .service-price-section .btn-wrap {
        margin-top: 20px;
    }
    
    .service-price-section .btn-wrap .btn-readmore {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
    
    .single-product .site-content {
        margin-top: 100px;
    }
    
    
    /*================================
    SPECIAL PRICING SECTION
    ================================*/
    
    .special-pricing-section {
        margin-bottom: 80px;
    }
    
    .special-pricing-section .btn-wrap .btn-readmore:focus {
        outline-color: #000;
    }
    
    .special-pricing-section .header-wrap {
        background-size: cover;
        text-align: center;
        padding: 80px 0;
        position: relative;
        z-index: 1;
    }
    
    .special-pricing-section .header-wrap:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    
    .special-pricing-section .header-wrap .sub-title,
    .special-pricing-section .header-wrap .section-title,
    .special-pricing-section .header-wrap .section-desc {
        color: #fff;
    }
    
    .special-pricing-section .header-wrap .sub-title {
        margin-bottom: 5px;
    }
    
    .special-pricing-section .tab-btn-wrap {
        text-align: center;
        background: #fff;
        box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);
        border-radius: 50px;
        display: table;
        margin: 0 auto;
        position: relative;
        top: -32px;
        z-index: 1;
    }
    
    .special-pricing-section .tab-btn-wrap .tab-btn {
        background: none;
        color: #262525;
        border: none;
        font-size: 0.8888em;
        font-weight: 700;
        padding: 20px 40px;
        border-radius: 50px;
        line-height: 1.5;
        box-shadow: none;
        letter-spacing: 0;
        text-transform: none;
    }
    
    .special-pricing-section .tab-btn-wrap .tab-btn:hover,
    .special-pricing-section .tab-btn-wrap .tab-btn.active {
        background: var(--primary-color);
        color: #fff;
    }
    
    .tab-content-wrap .tab-content:not(.active) {
        display: none;
    }
    
    .tab-content-wrap {
        position: relative;
        margin-top: 30px;
    }
    
    .tab-content-wrap .tab-content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
    
    .tab-content-wrap .tab-content.active {
        position: relative;
    }
    
    .tab-content-wrap .tabs-product {
        display: flex;
        flex: 1;
        flex-flow: row wrap;
        align-items: flex-start;
    }
    
    .tab-content-wrap .tabs-product .item {
        width: 48.33%;
        margin-right: 3%;
        margin-bottom: 25px;
        border-bottom: 1.5px dashed rgba(0, 0, 0, 0.1);
        padding-bottom: 25px;
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start;
    }
    
    .tab-content-wrap .tabs-product .item:nth-child(2n) {
        margin-right: 0;
    }
    
    .tab-content-wrap .tabs-product .item:nth-last-of-type(1),
    .tab-content-wrap .tabs-product .item:nth-last-of-type(2) {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    
    .tab-content-wrap .tabs-product .product-image {
        border-radius: 100%;
        overflow: hidden;
        width: 90px;
        height: 90px;
    }
    
    .tab-content-wrap .tabs-product .product-content {
        padding-left: 25px;
        width: calc(100% - 290px);
    }
    
    .tab-content-wrap .tabs-product .item h3 {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 1.112em;
        font-weight: 700;
    }
    
    .tab-content-wrap .tabs-product .item h3 a {
        color: #262525;
        text-decoration: none;
    }
    
    .tab-content-wrap .tabs-product .item h3 a:hover {
        color: var(--primary-color);
    }
    
    .tab-content-wrap .tabs-product .item .woocommerce-product-details__short-description {
        font-size: 0.8888em;
    }
    
    .tab-content-wrap .tabs-product .item p {
        margin: 0;
    }
    
    .tab-content-wrap .tabs-product .item p.price {
        width: 200px;
        text-align: right;
        font-size: 1em;
        font-weight: 700;
        color: var(--primary-color);
    }
    
    .tab-content-wrap .tabs-product .item p.price del {
        opacity: 0.7;
        filter: alpha(opacity=70);
    }
    
    .tab-content-wrap .tabs-product .item p.price ins {
        background: none;
        padding-left: 10px;
    }
    
    .special-pricing-section .btn-wrap {
        text-align: center;
        margin-top: 60px;
    }
    
    .tab-content-wrap .tab-content:not(.active).loading {
        display: block;
        position: relative;
    }
    
    .tab-content-wrap .tab-content:not(.active).loading:before {
        content: "";
        background: rgba(255, 255, 255, 0.75);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .tab-content-wrap .tab-content:not(.active).loading:after {
        content: "";
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z"></path></svg>');
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 50px;
        margin: auto;
        right: 0;
        bottom: 0;
        -webkit-animation-name: loader-rotate;
        animation-name: loader-rotate;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    
    @-webkit-keyframes loader-rotate {
        from {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    
        to {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @keyframes loader-rotate {
        from {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    
        to {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    
    /*===============================
    PRICING TBL SECTION
    ===============================*/
    
    section.pricing-tbl-section {
        margin-top: 80px;
        margin-bottom: 80px;
        text-align: center;
    }
    
    .pricing-tbl-wrap {
        margin-top: 0;
        display: flex;
        flex: 1;
        flex-flow: row wrap;
        padding-bottom: 0;
        padding-top: 0;
    }
    
    .pricing-tbl-wrap .widget_bsp_pt_widget {
        width: 33.33%;
        display: flex;
    }
    
    .pricing-tbl-wrap .widget_text {
        width: 100%;
    }
    
    .pricing-tbl-block {
        background: #fff;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        overflow: hidden;
        display: flex;
        flex: 1;
        flex-flow: column wrap;
        text-align: center;
        z-index: 1;
        margin: 10px            /* !!! TODO : rajouté par moi */
    }
    
    .pricing-tbl-block.featured {
        position: relative;
        margin-top: -20px;
        margin-bottom: -20px;
        z-index: 999;
    }
    
    .pricing-tbl-header {
        padding: 30px 50px 10px 50px;
    }
    
    .featured .pricing-tbl-header {
        background: var(--primary-color);
    }
    
    .pricing-tbl-tag {
        color: #262525;
        font-size: 0.7778em;
        font-weight: 700;
        /* background: #fff; */
        /* padding: 0px 15px 0 25px; */
        position: absolute;
        top: 20px;
        right: 0;
        height: 24px;
        line-height: 25px;
        display: inline-block;
    }
    
    .pricing-tbl-tag:before {
        content: "";
        border-left: 12px solid var(--primary-color);
        border-bottom: 12px solid transparent;
        position: absolute;
        top: 0;
        left: 0;
        border-top: 12px solid transparent;
        z-index: 2;
    }
    
    .pricing-tbl-tag:after {
        content: "";
        background: -webkit-radial-gradient(rgba(0, 0, 0, 0.4), transparent 75%);
        background: -moz-radial-gradient(rgba(0, 0, 0, 0.4), transparent 75%);
        background: -ms-radial-gradient(rgba(0, 0, 0, 0.4), transparent 75%);
        background: -o-radial-gradient(rgba(0, 0, 0, 0.4), transparent 75%);
        background: radial-gradient(rgba(0, 0, 0, 0.4), transparent 75%);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 5px;
        left: -5px;
        border-radius: 100%;
        -webkit-transform: rotate(-13deg);
        -moz-transform: rotate(-13deg);
        transform: rotate(-13deg);
    }
    
    .pricing-tbl-tag span {
        position: relative;
        z-index: 1;
        background: #fff;
        display: block;
        width: 100%;
        padding: 0px 15px 0 25px;
    }
    
    .pricing-tbl-header .title {
        font-size: 1.667em;
        font-family: var(--secondary-font);
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 10px;
    }
    
    .featured .pricing-tbl-header .title {
        color: #fff;
        margin-top: 20px;
    }
    
    .price-wrap {
        font-size: 1em;
        font-weight: 700;
        color: #262525;
        display: inline-block;
        position: relative;
        padding-right: 16px;
    }
    
    .featured .pricing-tbl-header .price-wrap {
        color: #fff;
    }
    
    .price-wrap>sup {
        font-size: 0.778em;
        top: -2em;
    }
    
    .price-wrap .pricing-tbl-amt {
        font-size: 3.335em;
        display: inline-block;
        line-height: 1.2;
    }
    
    .price-wrap .pricing-tbl-amt sup {
        font-size: 0.3em;
        top: -1.6em;
    }
    
    .price-wrap .pricing-tbl-type {
        position: absolute;
        top: 2.5em;
        right: 0;
        font-size: 0.6666em;
        font-weight: 400;
        display: inline-block;
    }
    
    .pricing-tbl-img {
        position: relative;
    }
    
    .pricing-tbl-img span {
        position: absolute;
        top: -1px;
        left: -1px;
        right: -1px;
        z-index: 1;
        line-height: 0;
        /*width: 101%;*/
    }
    
    .pricing-tbl-img span.lower-overlay {
        top: auto;
        bottom: -1px;
    }
    
    .featured .pricing-tbl-img span.upper-overlay path.upb {
        fill: var(--primary-color);
    }
    
    .pricing-tbl-feature {
        padding: 30px 50px;
        display: flex;
        justify-content: flex-start;
        flex: 1;
        flex-direction: column;
    }
    
    .pricing-tbl-feature ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .pricing-tbl-feature ul li {
        border-bottom: 1px solid #F0F0F0;
        font-size: 0.8888em;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    
    .pricing-tbl-block .btn-wrap {
        padding: 0 40px 40px 40px;
    }
    
    .featured .btn-wrap {
        padding-top: 20px;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    
    .pricing-tbl-block .btn-wrap .btn-readmore:focus,
    .featured .btn-wrap .btn-readmore:focus {
        outline-color: #000;
    }
    
    
    /*===============================
    CAT TAB SECTION
    ===============================*/
    
    section.cat-tab-section {
        text-align: center;
        margin-top: 80px;
    }
    
    
    /*==============================
    TEAM SECTION
    ==============================*/
    
    section.team-section {
        background: rgba(var(--primary-color-rgb), 0.1);
        padding: 80px 0;
        text-align: center;
    }
    
    section.team-section .grid {
        margin-top: 30px;
        display: block;
    }
    
    .team-section .owl-carousel .owl-stage-outer {
        padding: 30px 0;
    }
    
    .owl-carousel .owl-nav [class*="owl-"] {
        position: absolute;
        top: 50%;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        background: rgba(var(--primary-color-rgb), 0.3);
        border-radius: 100%;
        color: #fff;
        overflow: hidden;
        font-size: 1.112em;
        text-indent: 60px;
        left: -100px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
        white-space: nowrap;
    }
    
    .team-section .owl-carousel .owl-nav .owl-prev,
    .wc-product-section .owl-carousel .owl-nav .owl-prev {
        left: -60px;
    }
    
    .owl-carousel .owl-nav .owl-next {
        left: auto;
        right: -100px;
    }
    
    .team-section .owl-carousel .owl-nav .owl-next,
    .wc-product-section .owl-carousel .owl-nav .owl-next {
        right: -60px;
    }
    
    .owl-carousel .owl-nav [class*="owl-"]:hover {
        background: rgba(var(--primary-color-rgb), 0.5);
    }
    
    .owl-carousel .owl-nav [class*="owl-"].disabled {
        cursor: not-allowed;
        background: rgba(var(--primary-color-rgb), 0.3);
    }
    
    .owl-carousel .owl-nav [class*="owl-"]::before {
        content: "";
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%23fff" d="M4.2 247.5L151 99.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17L69.3 256l118.5 119.7c4.7 4.7 4.7 12.3 0 17L168 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 264.5c-4.7-4.7-4.7-12.3 0-17z"></path></svg>');
        background-repeat: no-repeat;
        background-position: center;
        width: 20px;
        height: 25px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        text-indent: 0px;
        bottom: 0;
        margin: auto;
    }
    
    .owl-carousel .owl-nav .owl-next::before {
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%23fff" d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z" class=""></path></svg>');
    }
    
    .owl-carousel .owl-dots {
        margin-top: 20px;
    }
    
    .owl-carousel .owl-dots .owl-dot {
        display: inline-block;
        margin: 5px;
    }
    
    .owl-carousel .owl-dots .owl-dot span {
        display: inline-block;
        vertical-align: middle;
        width: 7px;
        height: 7px;
        border: 1px solid var(--primary-color);
        border-radius: 100%;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .owl-carousel .owl-dots .owl-dot:hover span {
        background: #9cbe91;
    }
    
    .owl-carousel .owl-dots .owl-dot.active span {
        background: #9cbe91;
        width: 11px;
        height: 11px;
    }
    
    
    /*==============================
    RECENT POST SECTION
    =============================*/
    
    .recent-post-section {
        margin: 80px 0;
        text-align: center;
    }
    
    section.recent-post-section .grid {
        margin-top: 60px;
    }
    
    .post-thumbnail {
        position: relative;
        margin: 0;
        display: block;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        overflow: hidden
    }
    
    .post-thumbnail .category {
        position: absolute;
        top: 10px;
        left: 10px;
        font-size: 0.6666em;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    
    span.category a {
        display: inline-block;
        padding: 3px 10px;
        background: #262525;
        border-radius: 3px;
        color: #fff;
        margin-right: 2px;
        margin-bottom: 5px;
        text-decoration: none;
    }
    
    span.category a:hover {
        background: var(--primary-color);
    }
    
    .recent-post-section .grid article .content-wrap {
        margin: 40px;
        text-align: left;
    }
    
    .recent-post-section .grid article .content-wrap .entry-title {
        margin: 0;
        font-family: var(--secondary-font);
        font-weight: 400;
        font-size: 1.333em;
    }
    
    .recent-post-section .grid article .content-wrap .entry-title a {
        color: #262525;
        text-decoration: none;
    }
    
    .recent-post-section .grid article .content-wrap .entry-title a:hover {
        color: var(--primary-color);
    }
    
    .recent-post-section .btn-wrap {
        margin-top: 60px;
    }
    
    .recent-post-section .btn-wrap .btn-readmore:focus {
        outline-color: #000;
    }
    
    .recent-post-section .grid article a.btn-readmore {
        text-align: center;
    }
    
    
    /*=============================
    GALLERY SECTION
    ============================*/
    
    .gallery-section {
        text-align: center;
        padding: 80px 0;
        background: rgba(var(--primary-color-rgb), 0.1);
    }
    
    .gallery-section .btn-readmore:focus {
        outline-color: #000;
    }
    
    .gallery-section .widget_media_gallery .widget-title {
        display: none;
    }
    
    .gallery-section .widget_media_gallery .gallery {
        margin-bottom: 0;
    }
    
    .gallery-section .widget_media_gallery .gallery-item {
        position: relative;
        border-radius: 5px;
        overflow: hidden;
        margin-top: 0;
        margin-bottom: 0;
        padding: 15px;
    }
    
    .gallery-section .widget_media_gallery .gallery-item img {
        border-radius: 5px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .gallery-section .widget_media_gallery .gallery-item a {
        position: relative;
        display: block;
    }
    
    .gallery-section .widget_media_gallery .gallery-item a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 5px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .gallery-section .widget_media_gallery .gallery-item a:hover::before,
    .gallery-section .widget_media_gallery .gallery-item a:focus::before {
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
    
    .gallery-section .widget_media_gallery .gallery-item a::after {
        content: "";
        position: absolute;
        top: 20px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        text-align: center;
        background-color: #fff;
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%239cbe9c" d="M368 224H224V80c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v144H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h144v144c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V288h144c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"></path></svg>');
        background-repeat: no-repeat;
        background-size: 17px;
        background-position: center;
        border-radius: 100%;
        width: 40px;
        height: 40px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .gallery-section .widget_media_gallery .gallery-item a:hover::after,
    .gallery-section .widget_media_gallery .gallery-item a:focus::after {
        top: 0;
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
    
    .gallery-img .text-holder .gallery {
        display: inline-block;
        position: absolute;
        top: 47%;
        width: 40px;
        text-align: center;
        height: 40px;
        line-height: 40px;
        left: 0;
        background: #fff;
        border-radius: 100%;
        right: 0;
        margin: 0 auto;
        font-size: 0.888em;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0;
        visibility: hidden;
    }
    
    .gallery-img:hover .text-holder .gallery {
        top: 37%;
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
        -webkit-transition-delay: 0.15s;
        -moz-transition-delay: 0.15s;
        transition-delay: 0.15s;
    }
    
    .gallery-img .text-holder .gallery:hover {
        background: var(--primary-color);
        color: #fff;
    }
    
    .gallery-section .widget_media_gallery .gallery-item figcaption {
        position: absolute;
        bottom: 15px;
        left: 15px;
        right: 15px;
        font-size: 1.112em;
        font-family: var(--secondary-font);
        color: #fff;
        margin-top: 0;
        margin-bottom: 0;
        font-weight: 400;
        background: rgba(0, 0, 0, 0.5);
        padding: 0 20px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .gallery-section .widget_media_gallery .gallery-item:hover figcaption {
        padding-top: 10px;
        padding-bottom: 10px;
        opacity: 1;
        visibility: visible;
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
    
    .gallery-section .grid+a.btn-readmore {
        margin-top: 60px;
    }
    
    
    /*==============================
    TESTIMONIAL SECTION
    ==============================*/
    
    .testimonial-section {
        text-align: center;
        margin: 80px 0;
    }
    
    section.testimonial-section .grid {
        display: block;
        max-width: 770px;
        margin-top: 60px;
        margin-left: auto;
        margin-right: auto;
    }
    
    
    /*=============================
    WC PRODUCT SECTION
    =============================*/
    
    .wc-product-section {
        text-align: center;
        padding: 80px 0;
        background: rgba(var(--primary-color-rgb), 0.1);
    }
    
    section.wc-product-section .grid {
        display: block;
    }
    
    .wc-product-section .wc-product-slider .item {
        border-radius: 5px;
        overflow: hidden;
        background: #fff;
        position: relative;
        padding-bottom: 20px;
    }
    
    .wc-product-section .wc-product-slider .item::after {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .wc-product-section .wc-product-slider .item:hover::after {
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
    
    .wc-product-section .wc-product-slider .item .onsale {
        position: absolute;
        top: 15px;
        left: 15px;
        background: var(--primary-color);
        color: #fff;
        border-radius: 3px;
        text-transform: uppercase;
        font-size: 0.6666em;
        font-weight: 700;
        letter-spacing: 1px;
        padding: 3px 15px;
    }
    
    .wc-product-section .wc-product-slider .item .btn-add-to-cart {
        position: absolute;
        top: 130px;
        left: -60px;
        right: 0;
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22"><path fill="%239cbe9c" d="M15.55,13a1.991,1.991,0,0,0,1.75-1.03l3.58-6.49A1,1,0,0,0,20.01,4H5.21L4.27,2H1V4H3l3.6,7.59L5.25,14.03A2,2,0,0,0,7,17H19V15H7l1.1-2ZM6.16,6H18.31l-2.76,5H8.53Z"/><path fill="%239cbe9c" d="M7,18a2,2,0,1,0,2,2A2,2,0,0,0,7,18Z"/><path fill="%239cbe9c" d="M17,18a2,2,0,1,0,2,2A2,2,0,0,0,17,18Z"/></svg>');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20px;
        background-color: #fff;
        width: 48px;
        height: 48px;
        overflow: hidden;
        border-radius: 100%;
        margin: auto;
        text-indent: 50px;
        white-space: nowrap;
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .wc-product-section .wc-product-slider .item .btn-add-to-cart.btn-view-detail {
        left: 0;
        right: -60px;
        background-image: none !important;
        text-indent: 0;
        line-height: 50px;
    }
    
    .wc-product-section .wc-product-slider .item .btn-add-to-cart.btn-view-detail:hover {
        color: #fff;
    }
    
    .wc-product-section .wc-product-slider .item:hover .btn-add-to-cart {
        top: 150px;
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
    
    .wc-product-section .wc-product-slider .item:focus-within .btn-add-to-cart {
        top: 150px;
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
    
    .wc-product-section .wc-product-slider .item .btn-add-to-cart:hover {
        background-color: var(--primary-color);
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22"><path fill="%23fff" d="M15.55,13a1.991,1.991,0,0,0,1.75-1.03l3.58-6.49A1,1,0,0,0,20.01,4H5.21L4.27,2H1V4H3l3.6,7.59L5.25,14.03A2,2,0,0,0,7,17H19V15H7l1.1-2ZM6.16,6H18.31l-2.76,5H8.53Z"/><path fill="%23fff" d="M7,18a2,2,0,1,0,2,2A2,2,0,0,0,7,18Z"/><path fill="%23fff" d="M17,18a2,2,0,1,0,2,2A2,2,0,0,0,17,18Z"/></svg>');
    }
    
    .wc-product-section .wc-product-slider .item .product-image {
        margin-bottom: 20px;
    }
    
    .wc-product-section .wc-product-slider .item h3 {
        margin-top: 0;
        font-size: 0.8888em;
        font-weight: 400;
        font-family: var(--secondary-font);
        margin-bottom: 0;
        padding: 0 20px;
    }
    
    .wc-product-section .wc-product-slider .item h3 a {
        color: #262525;
        text-decoration: none;
    }
    
    .wc-product-section .wc-product-slider .item .price {
        margin-top: 10px;
        margin-bottom: 0;
        padding: 0 20px;
        font-size: 1.112em;
        font-weight: 700;
        color: var(--primary-color);
    }
    
    .wc-product-section .wc-product-slider .item .price del {
        opacity: 0.7;
        filter: alpha(opacity=70);
        margin-right: 10px;
    }
    
    .wc-product-section .wc-product-slider .item .price ins {
        background: none;
    }
    
    .wc-product-section .item .woocommerce-product-rating {
        padding: 0 20px;
    }
    
    .wc-product-section .item .woocommerce-product-rating .star-rating {
        display: block;
        overflow: hidden;
        position: relative;
        height: 1em;
        line-height: 1;
        font-size: 16px;
        margin: 0 auto;
        color: #F68E56;
        width: 5.4em;
        font-family: star;
    }
    
    .wc-product-section .item .woocommerce-product-rating .star-rating::before {
        content: '\73\73\73\73\73';
        color: #ffc733;
        float: left;
        top: 0;
        left: 0;
        position: absolute;
    }
    
    .wc-product-section .item .woocommerce-product-rating .star-rating span {
        overflow: hidden;
        float: left;
        top: 0;
        left: 0;
        position: absolute;
        padding-top: 1.5em;
        color: #F68E56;
    }
    
    .wc-product-section .item .woocommerce-product-rating .star-rating span::before {
        content: '\53\53\53\53\53';
        top: 0;
        position: absolute;
        left: 0;
    }
    
    .wc-product-section .item .woocommerce-product-rating .woocommerce-review-link {
        font-size: 0.7778em;
        font-style: italic;
    }
    
    .wc-product-section .item .woocommerce-product-rating .woocommerce-review-link {
        display: none;
    }
    
    
    /*=============================
    CONTACT SECTION
    ============================*/
    
    .contact-section {
        display: flex;
        flex: 1;
        flex-flow: row wrap;
        position: relative;
    }
    
    .contact-section .widget_text {
        width: 50%;
        margin-bottom: 0;
        display: flex;
        flex: auto;
        flex-direction: column;
        flex-wrap: wrap;
    }
    
    .contact-section .widget_custom_html {
        padding-right: 60px;
    }
    
    .contact-section .widget_custom_html+.widget_text {
        padding-left: 60px;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    section.contact-section .widget_custom_html .widget-title {
        display: none;
    }
    
    section.contact-section .widget_text .textwidget {
        max-width: 100%;
        margin-top: 0;
    }
    
    .contact-section .widget_text .textwidget {
        display: flex;
        flex: 1;
        width: 100%;
        flex-direction: column;
    }
    
    section.contact-section .widget_custom_html .textwidget {
        min-height: 600px;
    }
    
    section.contact-section .widget_text .textwidget .wpcf7 {
        width: 100%;
    }
    
    iframe {
        border: 0;
        width: 100%;
    }
    
    .contact-section iframe {
        height: 100%;
    }
    
    .contact-details-wrap {
        background: #fff;
        border: 10px solid var(--primary-color);
        line-height: initial;
        box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
        padding: 50px;
    }
    
    .contact-section .widget+.contact-details-wrap {
        max-width: 485px;
        position: absolute;
        top: 50%;
        right: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .contact-section .contact-details-wrap::after {
        content: "";
        background: #fff;
        position: absolute;
        top: 50px;
        bottom: 50px;
        width: 10px;
        right: -10px;
        height: calc(100% - 100px);
    }
    
    .contact-details-wrap .widget {
        margin-bottom: 30px;
        width: 100%;
        display: block;
    }
    
    .contact-section .widget_text form label {
        font-size: 12px;
        text-transform: uppercase;
    }
    
    .contact-section .widget_text form label span {
        font-size: 16px;
        text-transform: none;
    }
    
    .contact-details-wrap .widget:last-child,
    .contact-details-wrap .widget table {
        margin-bottom: 0;
    }
    
    .contact-details-wrap .widget .widget-title,
    section.contact-section .contact-details-wrap .widget .widget-title {
        font-weight: 400;
        font-size: 1.112em;
        color: var(--primary-color);
        font-family: var(--secondary-font);
        position: relative;
        margin-top: 0;
        margin-bottom: 20px;
        display: inline-block;
        padding-bottom: 5px;
    }
    
    .contact-details-wrap .widget .widget-title:after,
    section.contact-section .contact-details-wrap .widget .widget-title:after {
        content: "";
        background: -webkit-linear-gradient(to right, var(--primary-color), transparent);
        background: -moz-linear-gradient(to right, var(--primary-color), transparent);
        background: -ms-linear-gradient(to right, var(--primary-color), transparent);
        background: -o-linear-gradient(to right, var(--primary-color), transparent);
        background: linear-gradient(to right, var(--primary-color), transparent);
        width: 100%;
        height: 2px;
        position: absolute;
        top: 100%;
        left: 0;
        display: block;
    }
    
    .widget_bttk_contact_social_links p {
        font-size: 0.8888em;
        margin-top: 0;
        margin-bottom: 20px;
        line-height: 1.8;
    }
    
    .site-footer .widget_bttk_contact_social_links p {
        color: #fff;
    }
    
    .contact-info ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .contact-list+ul.social-networks {
        margin-top: 20px;
    }
    
    .contact-info ul.contact-list li {
        position: relative;
        margin-bottom: 15px;
        padding-left: 35px;
        font-size: 0.8888em;
    }
    
    .contact-info ul.contact-list li svg {
        width: 15px;
        position: absolute;
        top: 5px;
        left: 0;
        height: 15px;
        color: #999596;
    }
    
    .contact-info ul.contact-list li a {
        color: var(--font-color);
    }
    
    .contact-info ul.contact-list li a:hover {
        color: var(--primary-color);
    }
    
    ul.social-networks li {
        float: none;
        margin: 5px 3px;
        display: inline-block;
        font-size: 0.8888em;
    }
    
    ul.social-networks li a {
        display: inline-block;
        width: 40px;
        text-align: center;
        height: 40px;
        line-height: 36px;
        border: 2px solid #F0F0F0;
        border-radius: 100%;
        color: #252626;
        background: none;
    }
    
    ul.social-networks li a:hover {
        background: var(--primary-color);
        border-color: var(--primary-color);
        color: #fff !important;
    }
    
    section.contact-section .contact-details-wrap .widget .textwidget {
        margin-top: 0;
    }
    
    .contact-details-wrap table {
        border: none;
        border-collapse: collapse;
        border-radius: 0;
        margin-bottom: 0;
        font-size: 0.9em;
    }
    
    .contact-details-wrap table tbody tr:nth-child(2n+1) {
        background: none;
    }
    
    .contact-details-wrap table tr td {
        border-bottom: none;
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .contact-details-wrap table tr td:nth-child(2n) {
        text-align: right;
        color: var(--primary-color);
        font-weight: 700;
        padding-right: 0;
    }
    
    
    /*=========================
    INSTAGRAM SECTION
    =========================*/
    
    .instagram-section {
        margin-top: 80px;
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: center;
        position: relative;
    }
    
    body:not(.home) .instagram-section {
        margin-top: 0;
    }
    
    .instagram-section {
        position: relative;
    }
    
    body.page-template-blossom-portfolio .instagram-section,
    .single-blossom-portfolio .instagram-section {
        margin-top: 80px;
    }
    
    .instagram-section .popup-gallery {
        margin: 0;
        padding: 0;
        list-style: none;
        order: 2;
        display: flex;
        flex: 1;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }
    
    .instagram-section .popup-gallery li {
        position: relative;
        display: inline-block;
    }
    
    .instagram-section .popup-gallery .instagram-meta {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
        background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
        background: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
        background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
        font-size: 0.8888em;
        text-align: center;
        padding: 60px 10px 10px 10px;
    }
    
    .instagram-section .popup-gallery .instagram-meta>span {
        display: inline-block;
        margin-right: 20px;
        color: rgba(255, 255, 255, 0.75);
    }
    
    .instagram-section .popup-gallery .instagram-meta>span:last-child {
        margin-right: 0;
    }
    
    .instagram-section .popup-gallery .instagram-meta>span svg {
        margin-right: 5px;
    }
    
    .instagram-section .profile-link {
        display: flex;
        align-self: center;
        margin-bottom: 20px;
        font-family: 'Marcellus';
        font-size: 1.112em;
        position: absolute;
        top: 0;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 333;
        padding: 8px 28px;
        border: 1px solid;
        background: #ffffffc7;
        border-radius: 50px;
    }
    
    @media(max-width:768px) {
        .instagram-section .profile-link {
            left: 50%;
            top: unset;
            bottom: 0;
            transform: translate(-50%, 0);
            min-width: fit-content;
        }
    }
    
    .instagram-section .profile-link .insta-icon {
        margin-right: 10px;
        display: inline-block;
    }
    
    
    /*==========================
    SITE FOOTER SECTION
    ==========================*/
    
    .site-footer {
        background: #262525;
    }
    
    .site-footer .footer-block-wrap .container {
        background: #1e1e1e;
        display: flex;
        flex: 1;
        flex-flow: row wrap;
        align-items: center;
        padding: 25px 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    .site-footer .footer-block-wrap .footer-contact-block {
        width: 32.33%;
        border-right: 2px solid rgba(255, 255, 255, 0.2);
        padding: 0 25px;
        position: relative;
        text-align: center;
    }
    
    .site-footer .footer-block-wrap .footer-contact-block:last-child {
        border-right: none;
    }
    
    .site-footer .widget_blossomtheme_featured_page_widget .featured_page_content {
        color: #fff;
    }
    
    .footer-contact-block-inner {
        display: inline-block;
        position: relative;
        text-align: left;
        padding-left: 65px;
    }
    
    .site-footer .footer-block-wrap .footer-contact-block-inner>svg {
        width: 48px;
        height: 48px;
        position: absolute;
        top: 3px;
        left: 0;
    }
    
    .site-footer .footer-block-wrap .footer-contact-block .title {
        font-size: 0.7778em;
        color: #fff;
        font-weight: 600;
    }
    
    .site-footer .footer-block-wrap .footer-contact-block .description {
        margin: 0;
        color: #999596;
        font-size: 0.8888em;
        font-weight: 600;
    }
    
    .site-footer .footer-block-wrap .footer-contact-block .description a {
        color: #999596;
    }
    
    .site-footer .footer-t {
        padding-top: 80px;
        padding-bottom: 20px;
    }
    
    .site-footer .footer-block-wrap+.footer-t {
        padding-top: 60px;
        padding-bottom: 0;
    }
    
    .footer-t .grid:not(.column-1) {
        display: flex;
        flex: 1;
        flex-flow: row wrap;
    }
    
    .footer-t .grid.column-4 .col {
        width: 22.66%;
        margin-right: 3%;
    }
    
    .footer-t .grid.column-3 .col {
        width: 31.33%;
        margin-right: 3%;
    }
    
    .footer-t .grid.column-2 .col {
        width: 48.33%;
        margin-right: 3%;
    }
    
    .footer-t .grid .col:last-child {
        margin-right: 0 !important;
    }
    
    .site-footer .widget .widget-title {
        color: #fff;
    }
    
    .site-footer .widget .widget-title::after {
        background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0.5), transparent);
        background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0.5), transparent);
        background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0.5), transparent);
        background: -o-linear-gradient(to right, rgba(255, 255, 255, 0.5), transparent);
        background: linear-gradient(to right, rgba(255, 255, 255, 0.5), transparent);
    }
    
    .site-footer .widget_text .textwidget {
        color: #fff;
    }
    
    .site-footer .footer-b {
        background: #1E1E1E;
        padding: 25px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.05);
    }
    
    .footer-b .container {
        display: flex;
        flex: 1;
        flex-flow: row wrap;
        align-items: center;
    }
    
    .footer-b .copyright {
        width: 50%;
        font-size: 0.8888em;
        color: rgba(255, 255, 255, 0.7);
    }
    
    .footer-b .copyright a {
        color: rgba(255, 255, 255, 0.7);
    }
    
    .footer-b .copyright a:hover {
        color: var(--primary-color);
    }
    
    .footer-b .footer-social {
        width: 50%;
        text-align: right;
    }
    
    .footer-social ul.social-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .footer-social ul.social-list li a {
        display: inline-block;
        vertical-align: middle;
        width: 36px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        background: rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        color: #fff;
    }
    
    .footer-social ul.social-list li a:hover {
        background: var(--primary-color);
    }
    
    .site-footer .widget ul li,
    .site-footer .widget ul li a {
        color: #fff;
    }
    
    .widget ul li {
        margin-bottom: 15px;
    }
    
    .widget ul li:last-child {
        margin-bottom: 0;
    }
    
    .site-footer .widget ul li a:hover {
        color: var(--primary-color);
    }
    
    
    /*=================================
    WIDGET COMMON CSS
    =================================*/
    
    .widget_archive ul li,
    .widget_categories ul li,
    .widget_pages ul li,
    .widget_meta ul li,
    .widget_recent_comments ul li {
        display: block;
        margin-bottom: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        font-size: 0.7778em;
        text-transform: uppercase;
        font-weight: 700;
    }
    
    .widget_recent_comments ul li {
        text-transform: none;
        font-weight: normal;
        font-size: 1em;
    }
    
    .site-footer .widget_archive ul li,
    .site-footer .widget_categories ul li,
    .site-footer .widget_pages ul li,
    .site-footer .widget_meta ul li,
    .site-footer .widget_recent_comments ul li {
        border-bottom-color: rgba(255, 255, 255, 0.1);
    }
    
    .widget_archive ul li:last-child,
    .widget_categories ul li:last-child,
    .widget_pages ul li:last-child,
    .widget_meta ul li:last-child,
    .widget_recent_comments ul li:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    .widget_pages ul li.current_page_item>a,
    .widget_pages ul li.current-menu-item>a {
        color: var(--primary-color);
    }
    
    
    /*========================
    WIDGET RECENT POSTS
    ========================*/
    
    .widget_recent_entries ul {
        counter-reset: my-counter;
    }
    
    .widget_recent_entries ul li {
        counter-increment: my-counter;
        position: relative;
        padding-left: 40px;
        font-size: 1em;
        font-family: 'Marcellus';
    }
    
    .widget_recent_entries ul li::before {
        content: counter(my-counter)".";
        position: absolute;
        top: 0;
        left: 0;
        font-family: 'Marcellus';
        color: var(--primary-color);
        font-size: 2em;
        line-height: 1;
    }
    
    .widget_recent_entries ul li a {
        color: #000;
    }
    
    .widget_recent_entries ul li a:hover {
        color: var(--primary-color);
    }
    
    
    /*=========================
    WIDGET SEARCH
    =========================*/
    
    .widget_search .search-form:before,
    .widget_search .search-form:after {
        content: "";
        display: table;
    }
    
    .widget_search .search-form:after {
        clear: both;
    }
    
    .widget_search .search-form label {
        float: left;
        width: calc(100% - 50px);
    }
    
    .widget_search .search-form .search-field {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        height: 50px;
    }
    
    .widget_search .search-form .search-submit {
        width: 50px;
        border-radius: 0 5px 5px 0px;
        padding: 0;
        height: 50px;
        background-color: #000;
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg>');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20px;
        border: none;
        box-shadow: none;
        text-indent: 55px;
    }
    
    .widget_search .search-form .search-submit:hover {
        background-color: var(--primary-color);
    }
    
    
    /*==========================
    WIDGET ARCHIVE
    ==========================*/
    
    .widget_archive ul li {
        display: flex;
        flex: 1;
        flex-flow: row wrap;
        justify-content: flex-end;
    }
    
    .widget_archive ul li a {
        display: flex;
        flex: 1;
    }
    
    
    /*==========================
    WIDGET CALENDAR
    ==========================*/
    
    .widget_calendar table {
        margin-bottom: 0;
    }
    
    .widget_calendar table caption {
        background: var(--primary-color);
        color: #fff;
        padding: 10px;
    }
    
    .widget_calendar table th {
        color: var(--primary-color);
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
    
    .widget_calendar .calendar_wrap .wp-calendar-nav .wp-calendar-nav-next {
        float: right;
    }
    
    .widget_calendar table tr td {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
    
    .site-footer .widget_calendar table tr td {
        color: #fff;
    }
    
    .widget_calendar table tr td a {
        color: var(--primary-color)
    }
    
    .widget_calendar table tr td#today {
        background: rgba(0, 0, 0, 0.15);
    }
    
    .widget_calendar .wp-calendar-nav-next {
        float: right;
    }
    
    
    /*===========================
    WIDGET TAG CLOUD
    ===========================*/
    
    .widget .tagcloud a {
        display: inline-block;
        font-size: 0.8888em !important;
        color: #fff;
        text-decoration: none;
        background: var(--primary-color);
        margin: 3px 1px;
        padding: 5px 15px;
        border-radius: 5px;
        font-weight: 600;
        border: 1px solid var(--primary-color);
    }
    
    .widget .tagcloud a:hover {
        background: none;
        color: var(--primary-color);
    }
    
    .widget-area .widget .tagcloud a:focus {
        outline-color: #000;
    }
    
    
    /*==============================
    WIDGET TESTIMONIAL
    ==============================*/
    
    .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder {
        display: flex;
        flex: 1;
        flex-direction: column;
        position: relative;
        padding-top: 100px;
        padding-bottom: 0;
    }
    
    .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder::before {
        content: "";
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 24"><path fill="%239cbe9c" d="M33.54,28.5a8,8,0,1,1-8.04,8,16,16,0,0,1,16-16A15.724,15.724,0,0,0,33.54,28.5Zm-12.04,8a8,8,0,0,1-16,0h0a16,16,0,0,1,16-16,15.724,15.724,0,0,0-7.96,8A7.989,7.989,0,0,1,21.5,36.5Z" transform="translate(-5.5 -20.5)"/></svg>');
        background-repeat: no-repeat;
        background-size: 36px;
        background-position: center;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 80px;
        height: 80px;
        border: 3px solid var(--primary-color);
        border-radius: 100%;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        margin: 0 auto;
    }
    
    .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder img {
        width: auto;
    }
    
    .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .img-holder {
        order: 2;
        padding-right: 10px;
    }
    
    .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .img-holder img {
        width: 60px;
        height: 60px;
        border-radius: 100%;
        object-fit: cover;
    }
    
    .widget_bttk_testimonial_widget .text-holder {
        display: flex;
        flex: auto;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    #secondary .widget_bttk_testimonial_widget .text-holder,
    .site-footer .widget_bttk_testimonial_widget .text-holder {
        text-align: center;
    }
    
    .widget_bttk_testimonial_widget .testimonial-meta {
        order: 2;
        text-align: left;
        font-size: 0.8888em;
        padding-left: 10px;
    }
    
    .widget_bttk_testimonial_widget .testimonial-meta .name {
        display: block;
        font-weight: 700;
        color: #262525;
        text-transform: capitalize;
    }
    
    .widget_bttk_testimonial_widget .testimonial-meta .designation {
        color: #999596;
    }
    
    .widget_bttk_testimonial_widget .testimonial-content {
        color: #262525;
        font-size: 1.333em;
        line-height: 1.8;
        margin-bottom: 25px;
        width: 100%;
    }
    
    #secondary .widget_bttk_testimonial_widget .testimonial-content,
    .site-footer .widget_bttk_testimonial_widget .testimonial-content {
        font-size: 1.112em;
    }
    
    .widget_bttk_testimonial_widget .testimonial-content p {
        margin-top: 0;
        margin-bottom: 20px;
    }
    
    .site-footer .widget_bttk_testimonial_widget .testimonial-meta .name,
    .site-footer .widget_bttk_testimonial_widget .testimonial-content {
        color: #fff;
    }
    
    
    /*===============================
    WIDGET TEAM
    ===============================*/
    
    .widget_bttk_description_widget {
        background: #fff;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
        position: relative;
    }
    
    .widget_bttk_description_widget .image-holder img {
        width: 100%;
    }
    
    .widget_bttk_description_widget .bttk-team-holder .description,
    .widget_bttk_description_widget .bttk-team-holder .social-profile,
    .widget_bttk_description_widget .bttk-team-holder-modal .image-holder {
        display: none;
    }
    
    .widget_bttk_description_widget .bttk-team-holder .text-holder {
        padding: 20px;
    }
    
    .widget_bttk_description_widget .name {
        font-size: 1.112em;
        line-height: 1.4;
        font-family: var(--secondary-font);
        font-weight: 400;
        color: #262525;
        display: block;
    }
    
    .widget_bttk_description_widget .designation {
        display: block;
        font-size: 0.888em;
    }
    
    .widget_bttk_description_widget .bttk-team-holder-modal .designation {
        font-weight: 700;
    }
    
    .widget_bttk_description_widget .bttk-team-holder-modal {
        position: absolute;
        background: var(--primary-color);
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        flex: 1;
        flex-flow: column wrap;
        align-items: center;
        padding: 60px 30px 30px 30px;
        text-align: left;
        height: 100%;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .widget_bttk_description_widget:hover .bttk-team-holder-modal {
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
        padding-top: 30px;
    }
    
    .widget_bttk_description_widget:focus-within .bttk-team-holder-modal {
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
        padding-top: 30px;
    }
    
    .widget_bttk_description_widget .bttk-team-holder-modal .name,
    .widget_bttk_description_widget .bttk-team-holder-modal .designation,
    .widget_bttk_description_widget .bttk-team-holder-modal .description {
        color: #fff;
    }
    
    .widget_bttk_description_widget .bttk-team-holder-modal .description {
        font-size: 0.8888em;
        font-weight: 300;
        line-height: 1.5;
        margin-top: 30px;
        margin-bottom: 0;
        height: 150px;
        overflow: hidden;
    }
    
    .widget_bttk_description_widget .bttk-team-holder-modal .description p {
        margin: 0;
    }
    
    .widget_bttk_description_widget .bttk-team-holder-modal .social-profile {
        margin: 30px 0 0 0;
        padding: 0;
        list-style: none;
    }
    
    .widget_bttk_description_widget .bttk-team-holder-modal .social-profile li {
        display: inline-block;
        vertical-align: middle;
        font-size: 0.778em;
        margin: 4px 2px;
    }
    
    .widget_bttk_description_widget .social-profile li a {
        width: 30px;
        height: 30px;
        background: #fff;
        color: var(--primary-color);
        display: inline-block;
        text-align: center;
        line-height: 30px;
        border-radius: 100%;
        box-shadow: 3px 1px 3px rgba(0, 0, 0, 0.1);
    }
    
    .widget_bttk_description_widget .social-profile li a:hover {
        background: #61C5EC;
        color: #fff;
    }
    
    .widget_bttk_description_widget .social-profile li a:focus {
        outline-color: #000;
    }
    
    .widget_bttk_description_widget .social-profile li a[href*="facebook.com"]:hover {
        background: #3b5998;
    }
    
    .widget_bttk_description_widget .social-profile li a[href*="twitter.com"]:hover {
        background: #00aced;
    }
    
    .widget_bttk_description_widget .social-profile li a[href*="instagram.com"]:hover {
        background: #3f729b;
    }
    
    .widget_bttk_description_widget .social-profile li a[href*="plus.google.com"]:hover {
        background: #dd4b39;
    }
    
    .widget_bttk_description_widget .social-profile li a[href*="pinterest.com"]:hover {
        background: #cb2128;
    }
    
    .widget_bttk_description_widget .social-profile li a[href*="linkedin.com"]:hover {
        background: #007fb1;
    }
    
    .widget_bttk_description_widget .social-profile li a[href*="youtube.com"]:hover {
        background: #ff3333;
    }
    
    .widget_bttk_description_widget .social-profile li a[href*="vimeo.com"]:hover {
        background: #1ab7ea;
    }
    
    .widget_bttk_description_widget .social-profile li a[href*="dribbble.com"]:hover {
        background: #ea4c89;
    }
    
    .widget_bttk_description_widget .social-profile li a[href*="foursquare.com"]:hover {
        background: #0072b1;
    }
    
    .widget_bttk_description_widget .social-profile li a[href*="flickr.com"]:hover {
        background: #0063db;
    }
    
    .widget_bttk_description_widget .social-profile li a[href*="reddit.com"]:hover {
        background: #000000;
    }
    
    .widget_bttk_description_widget .social-profile li a[href*="skype.com"]:hover {
        background: #26ade3;
    }
    
    .widget_bttk_description_widget .social-profile li a[href*="stumbleupon.com"]:hover {
        background: #ea4b24;
    }
    
    .widget_bttk_description_widget .social-profile li a[href*="tumblr.com"]:hover {
        background: #2c4762;
    }
    
    .widget_bttk_description_widget .social-profile li a[href*="ok.ru"]:hover {
        background: #f38231;
    }
    
    .widget_bttk_description_widget .social-profile li a[href*="vk.com"]:hover {
        background: #4e76a1;
    }
    
    .widget_bttk_description_widget .social-profile li a[href*="xing.com"]:hover {
        background: #006565;
    }
    
    .widget_bttk_description_widget .bttk-team-holder-modal a.close_popup {
        display: none;
    }
    
    
    /*================================
    WIDGET INSTAGRAM
    ================================*/
    
    .widget_btif_instagram_widget ul li {
        margin: 0;
        padding: 3px;
    }
    
    .widget_btif_instagram_widget .profile-link {
        margin-top: 10px;
        display: block;
        text-align: center;
        background: #222;
        color: #fff;
        font-size: 0.8888em;
        padding: 5px 10px;
        border: 1px solid #222;
        text-decoration: none;
    }
    
    .widget_btif_instagram_widget .profile-link:hover {
        background: none;
        color: #222;
    }
    
    .widget_btif_instagram_widget .profile-link .insta-icon {
        margin-right: 7px;
    }
    
    
    /*================================
    WIDGET ICON TEXT
    ================================*/
    
    .widget_bttk_icon_text_widget .rtc-itw-inner-holder {
        display: flex;
        flex: 1; 
        flex-direction: column;
    }
    
    #secondary .widget_bttk_icon_text_widget .rtc-itw-inner-holder,
    #secondary .widget_bttk_icon_text_widget .widget-title,
    .site-footer .widget_bttk_icon_text_widget .rtc-itw-inner-holder,
    .site-footer .widget_bttk_icon_text_widget .widget-title {
        text-align: center;
    }
    
    .widget_bttk_icon_text_widget .rtc-itw-inner-holder .text-holder {
        order: 2;
    }
    
    .widget_bttk_icon_text_widget .widget-title {
        margin-top: 0;
        margin-bottom: 10px;
        padding-bottom: 0;
        font-size: 1.112em;
        font-family: var(--secondary-font);
        font-weight: 400;
    }
    
    .widget_bttk_icon_text_widget .widget-title:after {
        display: none;
    }
    
    .widget_bttk_icon_text_widget .content {
        font-size: 0.888em;
        line-height: 1.8;
    }
    
    .site-footer .widget_bttk_icon_text_widget .content {
        color: #fff;
    }
    
    .widget_bttk_icon_text_widget .content p {
        margin: 0;
    }
    
    .widget_bttk_icon_text_widget .icon-holder {
        font-size: 3em;
        line-height: 1;
        color: var(--primary-color);
    }
    
    #secondary .widget_bttk_icon_text_widget .icon-holder,
    .site-footer .widget_bttk_icon_text_widget .icon-holder {
        width: 80px;
        height: 80px;
        border: 3px solid var(--primary-color);
        border-radius: 100%;
        overflow: hidden;
        text-align: center;
        line-height: 80px;
        font-size: 2.5em;
        margin: 0 auto 30px auto;
    }
    
    #secondary .widget_bttk_icon_text_widget .icon-holder img,
    .site-footer .widget_bttk_icon_text_widget .icon-holder img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .widget_bttk_icon_text_widget a.btn-readmore {
        margin-top: 20px;
    }
    
    
    /*==================================
    WIDGET CALL TO ACTION
    =================================*/
    
    .widget_blossomtheme_companion_cta_widget .bttk-cta-bg,
    .widget_blossomtheme_companion_cta_widget .text {
        /* Modifié par moi */
        padding: 10px;                                    /* padding: 80px 0;*/
        position: relative;
        z-index: 1;
    }
    
    #secondary .widget_blossomtheme_companion_cta_widget .bttk-cta-bg,
    #secondary .widget_blossomtheme_companion_cta_widget .text,
    .site-footer .widget_blossomtheme_companion_cta_widget .bttk-cta-bg,
    .site-footer .widget_blossomtheme_companion_cta_widget .text {
        padding: 40px;
    }
    
    .widget_blossomtheme_companion_cta_widget .bttk-cta-bg:after {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    
    .cta-section .widget_blossomtheme_companion_cta_widget {
        margin-bottom: 0;
    }
    
    .widget_blossomtheme_companion_cta_widget .centered {
        text-align: center;
    }
    
    .widget_blossomtheme_companion_cta_widget .left .widget-title,
    .widget_blossomtheme_companion_cta_widget .left .text-holder {
        max-width: 750px;
    }
    
    .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container {
        max-width: 1170px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .widget_blossomtheme_companion_cta_widget .centered .blossomtheme-cta-container {
        max-width: 770px;
    }
    
    .widget_blossomtheme_companion_cta_widget .right .blossomtheme-cta-container {
        text-align: right;
    }
    
    .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .widget-title {
        font-size: 2.223em;
        color: #fff;
        margin-top: 0;
        padding-bottom: 0;
        font-family: var(--secondary-font);
        font-weight: 400;
        margin-bottom: 20px;
        line-height: 1.3;
    }
    
    .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .widget-title {
        font-size: 2em;
    }
    
    #secondary .widget_blossomtheme_companion_cta_widget .right .widget-title,
    .site-footer .widget_blossomtheme_companion_cta_widget .right .widget-title {
        text-align: right;
    }
    
    .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .widget-title:after {
        display: none;
    }
    
    .widget_blossomtheme_companion_cta_widget .left .blossomtheme-cta-container .widget-title,
    .widget_blossomtheme_companion_cta_widget .left .text-holder {
        max-width: 768px;
    }
    
    .widget_blossomtheme_companion_cta_widget .right .blossomtheme-cta-container .widget-title,
    .widget_blossomtheme_companion_cta_widget .right .text-holder {
        max-width: 768px;
        margin-left: auto;
    }
    
    .widget_blossomtheme_companion_cta_widget .text-holder p {
        font-size: 1.112em;
        font-weight: 400;
        color: #fff;
        margin-top: 0;
        margin-bottom: 0;
        text-align: justify;    /* !!! Ajouté par moi */
    }
    
    .widget_blossomtheme_companion_cta_widget .button-wrap {
        /* Modifié par moi */
        margin-top: 10px;                                       /* margin-top: 40px; */
    }
    
    .widget_blossomtheme_companion_cta_widget .text a.btn-cta {
        background: #fff;
        color: var(--primary-color);
        border-color: #fff;
    }
    
    .widget_blossomtheme_companion_cta_widget .text a.btn-cta:hover {
        color: #fff;
        background: none;
    }
    
    .widget_blossomtheme_companion_cta_widget .text a.btn-cta:after {
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%239cbe9c" d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z" class=""></path></svg>');
    }
    
    .widget_blossomtheme_companion_cta_widget .text a.btn-cta:hover:after {
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%23fff" d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z" class=""></path></svg>');
    }
    
    .widget_blossomtheme_companion_cta_widget a.btn-cta+a.btn-cta {
        margin-left: 20px;
    }
    
    #secondary .widget_blossomtheme_companion_cta_widget .button-wrap .btn-cta,
    .site-footer .widget_blossomtheme_companion_cta_widget .button-wrap .btn-cta {
        display: block;
        text-align: center;
        margin-bottom: 10px;
        padding-right: 30px;
    }
    
    #secondary .widget_blossomtheme_companion_cta_widget .button-wrap .btn-cta::before,
    .site-footer .widget_blossomtheme_companion_cta_widget .button-wrap .btn-cta::before {
        display: none;
    }
    
    #secondary .widget_blossomtheme_companion_cta_widget .button-wrap .btn-cta::after,
    .site-footer .widget_blossomtheme_companion_cta_widget .button-wrap .btn-cta::after {
        position: static;
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
    }
    
    #secondary .widget_blossomtheme_companion_cta_widget .button-wrap .btn-cta+.btn-cta,
    .site-footer .widget_blossomtheme_companion_cta_widget .button-wrap .btn-cta+.btn-cta {
        margin-left: 0;
        margin-bottom: 0;
    }
    
    
    /*=========================
    WIDGET GALLERY
    =========================*/
    
    .widget-area .widget_media_gallery .gallery-item,
    .site-footer .widget_media_gallery .gallery-item {
        margin: 0;
        padding: 3px;
    }
    
    .widget-area .widget_media_gallery .gallery-caption,
    .site-footer .widget_media_gallery .gallery-caption {
        display: none;
    }
    
    .widget-area .widget_media_gallery .gallery-item a,
    .site-footer .widget_media_gallery .gallery-item a {
        display: inline-block;
        position: relative;
        z-index: 1;
    }
    
    .widget-area .widget_media_gallery .gallery-item a::before,
    .site-footer .widget_media_gallery .gallery-item a::before {
        content: "";
        background: rgba(0, 0, 0, 0.2);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 5px;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .widget-area .widget_media_gallery .gallery-item a:hover::before,
    .site-footer .widget_media_gallery .gallery-item a:hover::before {
        background: transparent;
    }
    
    .widget-area .widget_media_gallery .gallery-item img,
    .site-footer .widget_media_gallery .gallery-item img {
        border-radius: 5px;
        width: 100%;
        height: 80px;
        object-fit: cover;
    }
    
    
    /*=========================
    CLASSIC LAYOUT
    =========================*/
    
    .site-main article {
        box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
        margin-bottom: 80px;
        border-radius: 5px;
    }
    
    .page-template .site-main article,
    body:not(.search) .site-main article.page {
        box-shadow: none;
        margin-bottom: 0;
        border-radius: 0;
    }
    
    .site-main article .category {
        top: 15px;
        left: 15px;
    }
    
    .author-like-wrap {
        display: flex;
        flex: 1;
        flex-flow: row wrap;
        justify-content: flex-end;
        align-items: center;
    }
    
    .post-thumbnail .author-like-wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.6));
        background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.6));
        background: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.6));
        background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.6));
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
        padding: 0 20px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    article:hover .post-thumbnail .author-like-wrap {
        padding-top: 10px;
        padding-bottom: 10px;
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
    
    article:focus-within .post-thumbnail .author-like-wrap {
        padding-top: 10px;
        padding-bottom: 10px;
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
    
    .byline svg {
        width: 18px;
        vertical-align: middle;
    }
    
    .byline svg .autb {
        fill: #fff;
    }
    
    .author-like-wrap>span,
    .author-like-wrap .bsp_ajax_like {
        display: flex;
        flex: 1;
        align-items: center;
        font-size: 0.666em;
        letter-spacing: 1px;
        color: #fff;
    }
    
    .author-like-wrap>span a,
    .author-like-wrap .bsp_ajax_like a {
        color: #fff;
    }
    
    .author-like-wrap>span a:hover,
    .author-like-wrap .bsp_ajax_like a:hover {
        color: var(--primary-color);
    }
    
    span.byline a {
        text-transform: capitalize;
    }
    
    .author-like-wrap .bsp_ajax_like {
        justify-content: flex-end;
    }
    
    .author-like-wrap>span svg,
    .author-like-wrap .bsp_ajax_like svg {
        margin-right: 7px;
    }
    
    .author-like-wrap>span svg,
    .author-like-wrap .bsp_ajax_like svg {
        font-size: 1.1667em;
    }
    
    .site-main article .content-wrap {
        padding: 40px 50px 60px 50px;
        position: relative;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom: 3px solid transparent;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .site-main article:hover .content-wrap {
        border-bottom-color: rgba(var(--primary-color-rgb), 0.5);
    }
    
    .site-main article .content-wrap .entry-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 1.6667em;
        font-weight: 400;
        font-family: 'Marcellus';
    }
    
    .entry-title a {
        color: #262525;
        text-decoration: none;
    }
    
    .entry-title a:hover {
        color: var(--primary-color);
    }
    
    .site-main article .content-wrap .entry-meta {
        margin-top: 20px;
    }
    
    .site-main article .content-wrap a.btn-readmore {
        position: absolute;
        bottom: -25px;
        left: 50%;
        margin: 0 auto;
        overflow: hidden;
        padding-left: 25px;
        padding-right: 25px;
        white-space: nowrap;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        text-indent: -100%;
        background: none;
        border-color: transparent;
        color: transparent;
    }
    
    .site-main article .content-wrap a.btn-readmore:hover {
        padding-left: 30px;
        padding-right: 50px;
        background: var(--primary-color);
        color: #fff;
        text-indent: 0;
        border-color: var(--primary-color);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
    
    .site-main article .content-wrap a.btn-readmore:focus-within {
        padding-left: 30px;
        padding-right: 50px;
        background: var(--primary-color);
        color: #fff;
        text-indent: 0;
        border-color: var(--primary-color);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
    
    .site-main article .content-wrap a.btn-readmore::before {
        width: 45px;
        height: 44px;
        line-height: 45px;
        background-color: var(--primary-color);
        background-size: 7px;
        border-radius: 100%;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 1px;
        z-index: 1;
        text-indent: 0;
        color: #fff;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .site-main article .content-wrap a.btn-readmore:hover::before {
        right: -50%;
        opacity: 0;
        visibility: hidden;
    }
    
    .site-main article .content-wrap a.btn-readmore:focus-within::before {
        right: -50%;
        opacity: 0;
        visibility: hidden;
    }
    
    .site-main article .content-wrap a.btn-readmore::after {
        background-size: 0;
        right: 0;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .site-main article .content-wrap a.btn-readmore:hover::after {
        background-size: 7px;
        right: 30px;
    }
    
    .site-main article .content-wrap a.btn-readmore:focus-within::after {
        background-size: 7px;
        right: 30px;
    }
    
    .blog .site-main article a.btn-readmore:hover::after,
    .search .site-main article a.btn-readmore:hover::after,
    .archive .site-main article a.btn-readmore:hover::after {
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%23fff" d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z" class=""></path></svg>');
    }
    
    .blog .site-main article a.btn-readmore:focus-within::after,
    .search .site-main article a.btn-readmore:focus-within::after,
    .archive .site-main article a.btn-readmore:focus-within::after {
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%23fff" d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z" class=""></path></svg>');
    }
    
    
    /*=======================
    GRID LAYOUT
    =======================*/
    
    .grid-layout .site-main {
        display: flex;
        flex: 1;
        flex-flow: row wrap;
    }
    
    .grid-layout .site-main article {
        display: flex;
        /*flex: auto;*/
        flex-direction: column;
    }
    
    .grid-layout.rightsidebar .site-main article,
    .grid-layout.leftsidebar .site-main article {
        width: 48%;
        margin-right: 4%;
    }
    
    .grid-layout.rightsidebar .site-main article:nth-child(2n),
    .grid-layout.leftsidebar .site-main article:nth-child(2n) {
        margin-right: 0;
    }
    
    .grid-layout.full-width .site-main article {
        width: 31.33%;
        margin-right: 3%;
    }
    
    .grid-layout.full-width .site-main article:nth-child(3n) {
        margin-right: 0;
    }
    
    .grid-layout .site-main article .content-wrap {
        padding: 25px 40px 60px 40px;
        display: flex;
        flex: 1;
        flex-direction: column;
    }
    
    .grid-layout .site-main article .content-wrap .entry-title {
        font-size: 1.3333em;
    }
    
    
    /*=========================
    MASONRY LAYOUT
    =========================*/
    
    .masonry-layout.full-width .site-main article {
        width: 31%;
        margin-right: 1%;
        margin-left: 1%;
    }
    
    .masonry-layout.rightsidebar .site-main article,
    .masonry-layout.leftsidebar .site-main article {
        width: 47%;
        margin-right: 1.5%;
        margin-left: 1.5%;
    }
    
    .masonry-layout .site-main article .content-wrap {
        padding: 25px 40px 60px 40px;
    }
    
    .masonry-layout .site-main article .content-wrap .entry-title {
        font-size: 1.3333em;
    }
    
    
    /*=====================================
    LIST and  LIST FEATURED POST LAYOUT
    =====================================*/
    
    .list-layout .site-main article,
    .list-with-feat-post-layout .site-main article:not(.featured-post) {
        display: flex;
        flex: 1;
        flex-flow: row wrap;
    }
    
    .list-layout .site-main article .post-thumbnail,
    .list-with-feat-post-layout .site-main article:not(.featured-post) .post-thumbnail {
        width: 45%;
        border-top-right-radius: 0;
        border-bottom-left-radius: 5px;
    }
    
    .list-layout .site-main article .post-thumbnail img,
    .list-with-feat-post-layout .site-main article:not(.featured-post) .post-thumbnail img,
    .list-layout .site-main article .post-thumbnail .svg-holder,
    .list-with-feat-post-layout .site-main article:not(.featured-post) .post-thumbnail .svg-holder,
    .list-layout .site-main article .post-thumbnail .fallback-svg,
    .list-with-feat-post-layout .site-main article:not(.featured-post) .post-thumbnail .fallback-svg {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .list-layout .site-main article .content-wrap,
    .list-with-feat-post-layout .site-main article:not(.featured-post) .content-wrap {
        width: 55%;
        padding: 30px 40px 50px 40px;
        border-bottom-left-radius: 0;
    }
    
    .archive.list-layout .site-main article .post-thumbnail,
    .archive.list-layout .site-main article .content-wrap {
        width: 50%;
    }
    
    .list-layout .site-main article .entry-title,
    .list-with-feat-post-layout .site-main article:not(.featured-post) .entry-title {
        font-size: 1.3333em;
    }
    
    .list-layout .site-main article .entry-meta,
    .list-with-feat-post-layout .site-main article:not(.featured-post) .entry-meta {
        margin-top: 10px;
    }
    
    .list-layout .site-main article .entry-content,
    .list-with-feat-post-layout .site-main article:not(.featured-post) .entry-content {
        margin-top: 15px;
    }
    
    /*========================
    PAGE TEMPLATE DEFAULT

    !!! rajouté par moi
    ========================*/

    .bdt-ep-title-text {
        font-family: var(--secondary-font)!important;
        font-weight: normal!important;
        font-size: 1.2em!important;
    }

    /* Titres divers */

    .titre,
    .titre-souligne,
    .titre-accordeon {
        margin-top: 0;
        color:#262525;
        font-size: 1.2em;
        font-family: var(--secondary-font);
        font-weight: 400;
        position: relative;
        padding-bottom: 10px;
    }

    .titre,
    .titre-souligne {        
        margin-bottom: 10px;
    }

    .titre-accordeon{
        flex: auto;
        text-decoration: underline;
    }

    .titre-accordeon::after,
    .titre-souligne::after {
        content: "";
        background: -webkit-linear-gradient(to right, rgba(var(--primary-color-rgb), 0.5), transparent 50%);
        background: -moz-linear-gradient(to right, rgba(var(--primary-color-rgb), 0.5), transparent 50%);
        background: -ms-linear-gradient(to right, rgba(var(--primary-color-rgb), 0.5), transparent 50%);
        background: -o-linear-gradient(to right, rgba(var(--primary-color-rgb), 0.5), transparent 50%);
        background: linear-gradient(to right, rgba(var(--primary-color-rgb), 0.5), transparent 50%);
        height: 2px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .titre-accordeon-container{
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    #secondary .titre,
    #secondary .titre-souligne {
        text-align: left;
    }
    
    /* Logo dans la barre du haut*/

    .header-social .social-list{
        display: flex;
        align-items: center;
    }

    /* !!! à remettre pour voir le logo derrière les liens sociaux, dans la barre du haut de pages */
    .header-social .social-list::after{
        content: url("https://www.milea-beaute.fr/wp-content/uploads/Logo-Planity-43x32-1.png") ;
        display: inline-flex;
        margin-left: 20px;
    }
    /**/
    
    /* séparateur */

    .separateur{
        border-top: 1px solid;
        color:rgba(var(--primary-color-rgb));
    }

    /* texte justifié */

    .texte-justifie{
        text-align: justify;
    }

    /********************************/
    /*          Recherche           */
    /********************************/

    /* Boite de saisie */

    .search-form .search-field{
        font-size: 18px!important;
        border-color: rgba(var(--primary-color-rgb));
    }

    /*  bouton */
    form.search-form {
        display: flex;
    }

    form.search-form button.search-submit {
        position: unset;
        margin-left: 10px;
        padding: 10px 20px 10px 20px;
        background-image: unset;
    }

    form.search-form button.search-submit::after {
        content: "Rechercher";
    }

    form.search-form button.search-submit svg {
        display:none;
    }

    /***************/
    /* image ronde */
    /***************/

    .image-ronde{
        border-radius: 50%;
        height: 100%;
        padding: 0;
        width: 100%;
    }

    .bdt-member-photo img{
        border-style: solid!important;
        border-width: 2px 2px 2px 2px!important;
        border-color: var( --e-global-color-primary_color )!important;
        border-radius: 100% 100% 100% 100%!important;
        box-shadow: 3px 3px 10px 5px rgba(0, 0, 0, 0.2) !important;
    }
    .bdt-member-photo{
        padding: 15px!important;
        border-style: none!important;
        border-width: unset!important;
        border-color: unset!important;
        border-radius: unset!important;
    }
    /*========================
    PAGE TEMPLATE TEAM
    ========================*/
    
    .page-template-team #primary {
        margin-bottom: 20px;
    }
    
    .page-template-team .site-main {
        display: flex;
        flex: 1;
        flex-flow: row wrap;
    }
    
    .page-template-team .site-main .widget_bttk_description_widget {
        margin-right: 3%;
        width: 22.66%;
    }
    
    .page-template-team .site-main .widget_bttk_description_widget:nth-child(4n) {
        margin-right: 0;
    }
    
    .page-template-team .site-main .bttk-team-inner-holder {
        text-align: center;
    }
    
    
    /*=========================
    PAGE TEMPLATE CONTACT
    =========================*/
    
    .page-template-contact .content-area {
        margin-bottom: 80px;
    }
    
    .map-block .widget .widget-title {
        display: none;
    }
    
    .page-template-contact .map-block .custom-html-widget {
        height: 450px;
    }
    
    .page-template-contact .site-main .contact-details-wrap {
        display: inline-block;
        vertical-align: middle;
        width: 39%;
    }
    
    .page-template-contact .site-main .form-block {
        display: inline-block;
        vertical-align: middle;
        width: 60%;
        padding-left: 115px;
    }
    
    .page-template-contact .site-main .form-block .widget {
        margin-bottom: 0;
    }
    
    .form-block .widget-title {
        display: inline-block;
        padding-bottom: 5px;
        position: relative;
        font-size: 2em;
    }
    
    .contact-section .form-block .widget-title {
        padding-bottom: 0;
    }
    
    .form-block .section-title:after {
        content: "";
        background: -webkit-linear-gradient(to right, var(--primary-color), transparent 50%);
        background: -moz-linear-gradient(to right, var(--primary-color), transparent 50%);
        background: -ms-linear-gradient(to right, var(--primary-color), transparent 50%);
        background: -o-linear-gradient(to right, var(--primary-color), transparent 50%);
        background: linear-gradient(to right, var(--primary-color), transparent 50%);
        width: 100%;
        height: 2px;
        position: absolute;
        top: 100%;
        left: 0;
        display: block;
    }
    
    .contact-section .form-block .section-title:after {
        display: none;
    }
    
    .form-block .section-desc {
        font-size: 1.1112em;
    }
    
    .form-block .wpcf7-form {
        display: flex;
        flex: 1;
        flex-flow: row wrap;
        margin-left: -1.5%;
        margin-right: -1.5%;
    }
    
    .form-block .wpcf7-form p {
        width: 47%;
        margin: 0 1.5% 20px 1.5%;
    }
    
    .form-block .wpcf7-form p:nth-last-of-type(1),
    .form-block .wpcf7-form p:nth-last-of-type(2),
    .form-block .wpcf7-form .wpcf7-response-output {
        width: 100%;
    }
    
    .form-block .wpcf7-form p label {
        font-size: 0.6666em;
        text-transform: uppercase;
        color: #262525;
        font-weight: 700;
        letter-spacing: 1px;
    }
    
    .form-block .wpcf7-form p .wpcf7-form-control-wrap {
        font-size: 18px;
        color: var(--font-color);
        display: block;
        margin-top: 5px;
    }
    
    
    /*==========================
    PAGE TEMPLATE SERVICE
    ==========================*/
    
    .page-template-service #primary {
        margin-bottom: 20px;
    }

    .page-template-service .site-main {
        display: flex;
        flex: 1;
        flex-flow: row wrap;
    }

    .page-template-service .site-main .widget_bttk_icon_text_widget {
        width: 31.33%;
        margin-right: 3%;
        margin-bottom: 80px;
        box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
        text-align: center;
    }

    .page-template-service .site-main .widget_bttk_icon_text_widget:nth-child(3n) {
        margin-right: 0;
    }

    .page-template-service .site-main .widget_bttk_icon_text_widget .icon-holder {
        display: inline-block;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        overflow: hidden;
    }

    .page-template-service .site-main .widget_bttk_icon_text_widget .rtc-itw-inner-holder .text-holder {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        position: relative;
        padding: 40px 40px 50px 40px;
        border-bottom: 3px solid transparent;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }

    .page-template-service .site-main .widget_bttk_icon_text_widget:hover .rtc-itw-inner-holder .text-holder {
        border-bottom-color: rgba(var(--primary-color-rgb), 0.5);
    }

    .page-template-service .site-main .widget_bttk_icon_text_widget .widget-title {
        font-size: 1.3333em;
    }

    .page-template-service .site-main .widget_bttk_icon_text_widget a.btn-readmore {
        box-shadow: 0 0 10 rgba(0, 0, 0, 0.2);
    }


    /*===========================
    PAGE TEMPLATE PRICE
    ===========================*/
    
    .page-template-pricing .pricing-tbl-wrap {
        padding-bottom: 40px;
        margin-top: 20px;
    }
    
    .page-template-pricing .pricing-tbl-wrap+.faq-text-section {
        margin-top: 20px;
    }
    
    
    /*=========================
    PAGE TEMPLATE GALLERY 
    =========================*/
    
    .page-template-gallery .gallery-section {
        padding: 0;
        background: none;
    }
    
    .page-template-gallery .gallery-section .widget:last-child {
        margin-bottom: 0;
    }
    
    
    /*===========================
    PAGE TEMPLATE PORTFOLIO
    ===========================*/
    
    .portfolio-holder .portfolio-sorting {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        display: table;
        border-radius: 40px;
        padding: 0 30px;
        margin: 0 auto 40px;
    }
    
    .portfolio-sorting .button {
        margin: 0 1px;
        box-shadow: none;
        padding: 15px 30px;
        font-size: 0.8888em;
        text-transform: none;
        font-weight: 700;
        letter-spacing: 0;
        border-radius: 0;
        color: #262525;
    }
    
    .portfolio-sorting .button.is-checked,
    .portfolio-sorting .button:hover {
        background: var(--primary-color);
        color: #fff;
    }
    
    .portfolio-item .portfolio-text-holder {
        font-size: 1em;
        background: rgba(0, 0, 0, 0.75);
    }
    
    .portfolio-item a:hover,
    .entry-header .portfolio-cat a:hover {
        color: var(--primary-color);
    }
    
    .portfolio-item .portfolio-cat a {
        font-size: 0.7778em;
        line-height: 1.2;
    }
    
    .portfolio-item .portfolio-cat a:after,
    .entry-header .portfolio-cat a {
        content: ",";
    }
    
    .portfolio-item .portfolio-cat a:last-child:after,
    .entry-header .portfolio-cat a:last-child:after {
        display: none;
    }
    
    .portfolio-text-holder .portfolio-img-title {
        font-family: 'Marcellus';
        font-weight: 400;
        line-height: 1.3;
        font-size: 1.1112em;
    }
    
    .portfolio-holder .post-thumbnail {
        border-radius: 5px;
    }
    
    .portfolio-holder .entry-header .entry-title {
        font-size: 2.2223em;
        font-family: 'Marcellus';
        font-weight: 400;
    }
    
    .related-portfolio-title {
        margin-top: 0;
        font-size: 1em;
        font-weight: 400;
        font-family: 'Marcellus';
        text-transform: uppercase;
    }
    
    
    /*========================
    FAQ TEXT SECTION
    ========================*/
    
    .page-template-pricing #primary {
        margin-bottom: 20px;
    }
    
    .faq-text-section {
        margin-top: 80px;
        margin-bottom: 40px;
    }
    
    section.faq-text-section .widget_text {
        display: inline-block;
        vertical-align: top;
        width: 46%;
        margin-right: 1.5%;
        margin-left: 1.5%;
    }
    
    section.faq-text-section .widget_text:first-child {
        width: 100%;
        margin-bottom: 20px;
    }
    
    section.faq-text-section .widget_text .widget-title {
        margin-top: 0;
        font-size: 1.112em;
        font-family: var(--primary-font);
        font-weight: 700;
        margin-bottom: 15px;
    }
    
    section.faq-text-section .widget_text:first-child .widget-title {
        font-size: 2em;
        text-align: center;
        margin-top: 0;
        margin-bottom: 30px;
    }
    
    section.faq-text-section .widget_text .textwidget p {
        margin-top: 0;
        margin-bottom: 20px;
    }
    
    section.faq-text-section .widget_text .textwidget p:last-child {
        margin-bottom: 0;
    }
    
    
    /*==============================
    SEARCH PAGE
    ==============================*/
    
    .search .page-header .container {
        max-width: 770px;
    }
    
    .search .page-header .page-title {
        font-size: 0.778em;
        text-transform: uppercase;
        font-weight: 700;
        text-align: left;
        font-family: var(--primary-font);
        letter-spacing: 1px;
        margin-bottom: 0;
    }
    
    .search .site-content .page-header .search-form {
        border-bottom: 2px solid rgba(255, 255, 255, 0.5);
        display: flex;
        flex: 1;
        align-items: center;
        margin-top: 15px;
    }
    
    .search .site-content .page-header .search-form label {
        width: calc(100% - 70px);
    }
    
    .search .site-content .page-header .search-form .search-field {
        height: 70px;
        border-radius: 0;
        background: none;
        border: none;
        color: #fff;
        padding-left: 0;
        font-size: 2.6665em;
        font-family: 'Marcellus';
        font-weight: 400;
    }
    
    .search .site-content .page-header .search-form .search-submit {
        width: 70px;
        padding: 0;
        height: 70px;
        border-radius: 0;
        border: none;
        background: url(images/search-icon.svg) no-repeat;
        background-size: 20px;
        background-position: center right;
        text-indent: 80px;
        overflow: hidden;
        box-shadow: none;
    }
    
    .search-no-results .site-main .entry-title {
        font-size: 2.1665em;
        margin-top: 0;
        margin-bottom: 10px;
    }
    
    .search-no-results .site-main .page-content {
        margin-top: 0;
        font-size: 1.112em;
    }
    
    .search-no-results .site-main .page-content p {
        margin: 0;
    }
    
    
    /*=======================
    ERROR 404 PAGE
    =======================*/
    
    .error404 .site-main {
        max-width: 776px;
        margin: 0 auto;
    }
    
    .error404 .error-404 {
        text-align: center;
    }
    
    .error404 .error-404 .page-content {
        margin: 0;
    }
    
    .error404 .error-404 .error-text {
        margin: 0 auto 30px auto;
        font-size: 1.3888em;
        max-width: 586px;
    }
    
    .error404 .error-404 .error-num {
        font-size: 22.2222em;
        font-weight: 700;
        line-height: 1.3;
        color: var(--primary-color);
        text-shadow: 0 -10px 0 rgba(0, 0, 0, 0.1);
    }
    
    .error404 .error-404 .bttn {
        display: inline-block;
        background: var(--primary-color);
        color: #fff;
        text-transform: uppercase;
        font-size: 0.6666em;
        font-weight: 700;
        letter-spacing: 1px;
        padding: 18px 60px;
        border-radius: 40px;
        text-decoration: none;
        margin-bottom: 80px;
        border: 1px solid var(--primary-color);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
    
    .error404 .error-404 .bttn:hover {
        background: none;
        color: var(--primary-color);
    }
    
    .error404 .error-404 .search-form {
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        display: flex;
        flex: 1;
        align-items: center;
        max-width: 630px;
        margin: 0 auto;
    }
    
    .error404 .error-404 .search-form label {
        width: calc(100% - 50px);
    }
    
    .error404 .error-404 .search-form .search-field {
        height: 50px;
        border: none;
    }
    
    .error404 .error-404 .search-form .search-submit {
        width: 50px;
        padding: 0;
        height: 50px;
        border-radius: 0 5px 5px 0px;
        background: #333 url(images/search-icon.svg) no-repeat;
        background-position: center;
        background-size: 20px;
        border: none;
        text-indent: 60px;
        font-size: 0;
    }
    
    .error404 .error-404 .search-form .search-submit:hover {
        background-color: var(--primary-color);
    }
    
    
    /*===========================
    ADDITIONAL POST SECTION
    ===========================*/
    
    .additional-post {
        margin-top: 80px;
        padding-top: 80px;
        border-top: 1px solid #EBEBEB;
    }
    
    .single .additional-post {
        margin-top: 60px;
        padding-top: 60px;
    }
    
    .additional-post .post-title {
        margin-top: 0;
        margin-bottom: 30px;
        font-family: 'Marcellus';
        font-weight: 400;
        text-transform: uppercase;
        font-size: 1.112em;
    }
    
    .additional-post .post-title span {
        display: inline-block;
        position: relative;
        padding-bottom: 10px;
    }
    
    .additional-post .post-title span::after {
        content: "";
        background: -webkit-linear-gradient(to right, rgba(var(--primary-color-rgb), 0.5), transparent);
        background: -moz-linear-gradient(to right, rgba(var(--primary-color-rgb), 0.5), transparent);
        background: -ms-linear-gradient(to right, rgba(var(--primary-color-rgb), 0.5), transparent);
        background: -o-linear-gradient(to right, rgba(var(--primary-color-rgb), 0.5), transparent);
        background: linear-gradient(to right, rgba(var(--primary-color-rgb), 0.5), transparent);
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    
    .additional-post article {
        box-shadow: none;
        border-bottom: 1px solid #ebebeb;
        border-radius: 0;
        padding-bottom: 25px;
        margin-bottom: 25px;
        display: flex;
        flex: 1;
        justify-content: flex-end;
    }
    
    .additional-post article:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
    
    .additional-post article .post-thumbnail {
        order: 2;
        width: 110px;
        height: 83px;
        border-radius: 5px;
    }
    
    .additional-post article .entry-header {
        display: flex;
        flex: 1;
        padding-right: 20px;
        width: calc(100% - 110px);
    }
    
    .additional-post article .entry-meta {
        width: 200px;
        margin-top: 0;
    }
    
    .additional-post article .entry-title {
        margin-top: 0;
        font-size: 1em;
        font-weight: 400;
        font-family: 'Marcellus';
        width: calc(100% - 200px);
    }
    
    
    /*============================
    AUTHOR SECTION
    ============================*/
    
    .author .page-header .author-section {
        max-width: 770px;
        margin: 0 auto;
    }
    
    .single .content-area .author-section {
        border-top: 1px solid #f0f0f0;
        padding-top: 60px;
        margin-top: 60px;
    }
    
    .author-section .author-img {
        width: 120px;
        height: 120px;
        overflow: hidden;
        border-radius: 100%;
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 0;
    }
    
    .author-section .author-img::after {
        content: "";
        border: 5px solid rgba(255, 255, 255, 0.5);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 100%;
    }
    
    .author-section .author-content-wrap {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 130px);
        text-align: left;
        padding-left: 20px;
    }
    
    .author-section .author-content-wrap .author-name {
        margin-top: 0;
        color: #262525;
        font-size: 1.112em;
        font-weight: 400;
        font-family: 'Marcellus';
        margin-bottom: 20px;
        text-transform: capitalize;
    }
    
    .page-header .author-section .author-content-wrap .author-name {
        color: #fff;
        text-transform: none;
    }
    
    .author-section .author-content-wrap .author-name span {
        position: relative;
        display: inline-block;
        padding-bottom: 10px;
    }
    
    .author-section .author-content-wrap .author-name span::after {
        content: "";
        background: -webkit-linear-gradient(to right, rgba(156, 192, 156, 0.5), transparent);
        background: -moz-linear-gradient(to right, rgba(156, 192, 156, 0.5), transparent);
        background: -ms-linear-gradient(to right, rgba(156, 192, 156, 0.5), transparent);
        background: -o-linear-gradient(to right, rgba(156, 192, 156, 0.5), transparent);
        background: linear-gradient(to right, rgba(156, 192, 156, 0.5), transparent);
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    
    .page-header .author-section .author-content-wrap .author-name span::after {
        background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0.5), transparent);
        background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0.5), transparent);
        background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0.5), transparent);
        background: -o-linear-gradient(to right, rgba(255, 255, 255, 0.5), transparent);
        background: linear-gradient(to right, rgba(255, 255, 255, 0.5), transparent);
    }
    
    .author-section .author-content {
        font-size: 0.888em;
    }
    
    .page-header .author-section .author-content {
        color: #fff;
    }
    
    .author-section .author-social {
        margin-top: 15px;
    }
    
    .author-section .author-social ul li {
        margin-right: 18px;
        font-size: 0.8888em;
        margin-bottom: 10px;
    }
    
    .author-section .author-social ul li:last-child {
        margin-right: 0;
    }
    
    .author-section .author-social ul li a {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        color: #999596;
        text-transform: capitalize;
        text-decoration: none;
    }
    
    .page-header .author-section .author-social ul li a {
        color: #fff;
    }
    
    .author-section .author-social ul li a::after {
        content: "" attr(title)"";
        margin-left: 5px;
        display: inline-block;
        vertical-align: middle;
    }
    
    .author-section .author-social ul li a span {
        display: inline-block;
        vertical-align: middle;
        width: 32px;
        height: 32px;
        text-align: center;
        line-height: 28px;
        background: #fff;
        border: 2px solid #F0F0F0;
        color: #262525;
        border-radius: 100%;
        font-size: 0.8888em;
        -webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    .page-header .author-section .author-social ul li a span {
        border: none;
        line-height: 32px;
    }
    
    .author-section .author-social ul li a:hover span {
        background: var(--primary-color);
        border-color: var(--primary-color);
        color: #fff;
    }
    
    
    /*========================
    SINGLE POST
    ========================*/
    
    .single header.page-header {
        min-height: 600px;
        display: flex;
        flex: 1;
        justify-content: center;
        align-items: flex-end;
    }
    
    .single header.page-header .container {
        max-width: 770px;
    }
    
    .single .site-main article {
        box-shadow: none;
        border-radius: 0;
        margin-bottom: 0;
    }
    
    .single header.page-header .category {
        font-size: 0.6666em;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1px;
    }
    
    .single .page-header .page-title {
        margin-bottom: 0;
    }
    
    .single .page-header .entry-meta {
        margin-top: 20px;
    }
    
    .single .page-header .byline svg .autb {
        fill: #ccc6c8;
    }
    
    .single .page-header .entry-meta>span a {
        color: #ccc6c8;
    }
    
    .single .page-header .entry-meta>span a:hover {
        color: var(--primary-color);
    }
    
    .single .page-header .entry-meta>span::after {
        opacity: 0.25;
        filter: alpha(opacity=25);
        top: 8px;
    }
    
    .single .site-content .page-header .breadcrumb-wrapper {
        margin-top: 20px;
    }
    
    .sticky-social .article-meta {
        position: sticky;
        width: 100px;
        display: inline-block;
        vertical-align: top;
        top: 40px;
        text-align: center;
    }
    
    .single.style2 .content-area .article-meta>span {
        font-size: 0.6666em;
        line-height: 1;
        font-weight: 700;
        display: block;
    }
    
    .single.style2 .content-area .article-meta>span span.author-img {
        position: relative;
        display: block;
        width: 80px;
        height: 80px;
        overflow: hidden;
        border-radius: 100%;
        margin: 0 auto;
    }
    
    .single.style2 .content-area .article-meta>span span.author-img::before {
        content: "";
        border: 5px solid rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
    }
    
    .single.style2 .content-area .article-meta .byline img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .single.style2 .content-area .article-meta .byline .author {
        display: block;
        margin-top: 20px;
        color: #999596;
    }
    
    .single.style2 .content-area .article-meta .byline .author a {
        display: block;
        margin-top: 5px;
        margin-left: 5px;
        color: #262525;
    }
    
    .single.style2 .content-area .article-meta .byline .author a:hover {
        color: var(--primary-color);
    }
    
    .single.style2 .content-area .article-meta>span.posted-on {
        display: block;
        margin-top: 30px;
    }
    
    .single.style2 .content-area .article-meta>span.posted-on a {
        display: block;
        margin-top: 5px;
        color: #262525;
    }
    
    .single.style2 .content-area .article-meta>span.posted-on a:hover {
        color: var(--primary-color);
    }
    
    .single.style2 .content-area .article-meta span.comment-box {
        display: block;
        margin-top: 30px;
        /*margin-bottom: 50px;*/
        text-transform: uppercase;
        line-height: 1.3;
    }
    
    .single.style2 .content-area .article-meta span.comment-box a {
        color: #353535;
    }
    
    .single.style2 .content-area .article-meta span.comment-box a:hover {
        color: var(--primary-color);
    }
    
    .style2 .site-main .bsp_single_ajax_like {
        margin-top: 50px;
    }
    
    .single .content-area .favourite .fav-count {
        display: block;
        font-size: 0.6666em;
        font-weight: 700;
        letter-spacing: 1px;
    }
    
    .single .content-area .favourite a,
    .single .content-area .favourite .liked-icon {
        display: inline-block;
        margin-top: 5px;
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 60px;
        border: 3px solid rgba(var(--primary-color-rgb), 0.5);
        border-radius: 100%;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        font-size: 1.112em;
        color: #DA222E;
    }
    
    .single .content-area .favourite a:hover {
        background: var(--primary-color);
        border-color: var(--primary-color);
        color: #fff;
    }
    
    .single .content-area .article-share ul li {
        margin-top: 8px;
        font-size: 0.8888em;
        display: block;
    }
    
    .single .content-area .article-share ul li a {
        display: block;
        width: 50px;
        height: 50px;
        line-height: 46px;
        border: 2px solid #f0f0f0;
        border-radius: 100%;
        margin: 0 auto;
        color: #262525;
    }
    
    .single .content-area .article-share ul li a:hover {
        background: var(--primary-color);
        border-color: var(--primary-color);
        color: #fff;
    }
    
    .single .site-main .entry-content {
        margin-top: 0;
    }
    
    .sticky-social .entry-content {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 110px);
        padding-left: 40px;
    }
    
    .entry-content a,
    .page-content a,
    .comment-content a {
        text-decoration: underline;
    }
    
    .entry-content a:hover,
    .page-content a:hover,
    .comment-content a:hover {
        text-decoration: none;
    }
    
    .dropcap {
        display: inline-block;
        float: left;
        font-size: 3.5554em;
        line-height: 1;
        font-weight: 700;
        margin-right: 7px;
        color: #262525;
    }
    
    .single-post .site-main .entry-content figure img {
        border-radius: 5px;
    }
    
    .sticky-social .entry-footer {
        padding-left: 120px;
    }
    
    
    /*=============================
    RARATHEME AUTHOR BIO WIDGET
    =============================*/
    
    .widget_bttk_author_bio .widget-title {
        text-align: left;
    }
    
    .widget_bttk_author_bio .image-holder {
        width: 270px;
        height: 270px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 100%;
        overflow: hidden;
        position: relative;
    }
    
    .widget_bttk_author_bio .image-holder::before {
        content: "";
        border: 10px solid rgba(255, 255, 255, 0.5);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        border-radius: 100%;
    }
    
    .widget_bttk_author_bio .image-holder img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .widget_bttk_author_bio .title-holder {
        font-family: 'Marcellus';
        font-weight: 400;
        font-size: 1.3333em;
        color: #262525;
    }
    
    .site-footer .widget_bttk_author_bio .title-holder,
    .site-footer .widget_bttk_author_bio .author-bio-content {
        color: #fff;
    }
    
    .widget_bttk_author_bio .author-bio-content {
        font-size: 0.8888em;
    }
    
    .widget_bttk_author_bio .text-signature {
        margin-bottom: 30px;
        color: #777;
    }
    
    .widget_bttk_author_bio .readmore {
        font-size: 0.6666em;
        font-weight: 700;
        background: var(--primary-color);
        color: #fff;
        border-radius: 50px;
        padding: 12px 50px 12px 30px;
        display: inline-block;
        letter-spacing: 1px;
        text-decoration: none;
        position: relative;
        text-transform: uppercase;
        border: 2px solid var(--primary-color);
        text-align: center;
    }
    
    .widget_bttk_author_bio .readmore:hover {
        background-color: transparent;
        color: var(--primary-color);
    }
    
    .widget_bttk_author_bio .readmore::after {
        content: "";
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%23fff" d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z" class=""></path></svg>');
        background-repeat: no-repeat;
        width: 13px;
        height: 20px;
        position: absolute;
        right: 30px;
        top: 13px;
        vertical-align: middle;
        background-position: center;
    }
    
    .widget_bttk_author_bio .readmore:hover::after {
        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%239cbe9c" d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z" class=""></path></svg>');
    }
    
    .widget_bttk_author_bio ul li a {
        width: 40px;
        height: 40px;
        line-height: 36px;
        text-align: center;
        display: inline-block;
        border: 2px solid;
        border-radius: 100%;
    }
    
    .widget_bttk_author_bio ul li a:hover {
        background: var(--primary-color);
        border-color: var(--primary-color);
        color: #fff !important;
    }
    
    
    /*=====================================
    RARATHEME WIDGET CLIENT LOGO WIDGET
    =====================================*/
    
    .widget_blossom_client_logo_widget .blossom-inner-wrap {
        display: flex;
        flex: 1;
        flex-flow: row wrap;
        align-items: center;
        margin-left: -20px;
        margin-right: -20px;
    }
    
    .widget_blossom_client_logo_widget .blossom-inner-wrap .image-holder {
        padding: 10px;
        width: 50%;
    }
    
    .widget_blossom_client_logo_widget .blossom-inner-wrap .image-holder:not(.black-white) a:hover {
        opacity: 0.75;
        filter: alpha(opacity=75);
    }
    
    .widget_blossom_client_logo_widget .blossom-inner-wrap .image-holder.black-white a {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }
    
    .widget_blossom_client_logo_widget .blossom-inner-wrap .image-holder.black-white:hover a {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }
    
    
    /*==================================
    RARATHEME CUSTOM CATEGORY WIDGET
    ==================================*/
    
    .widget_bttk_custom_categories ul li {
        border-radius: 5px;
        overflow: hidden;
        background-size: cover !important;
    }
    
    .widget_bttk_custom_categories ul li:last-child {
        margin-bottom: 0;
    }
    
    .widget_bttk_custom_categories ul li a {
        padding-left: 20px;
        display: flex;
        flex: 1;
        flex-direction: row;
    }
    
    .widget_bttk_custom_categories ul li .cat-title {
        color: #fff;
        font-weight: 700;
        letter-spacing: 1px;
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: center;
    }
    
    .widget_bttk_custom_categories ul li .post-count {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
        color: #fff;
        letter-spacing: 0.5px;
        background: rgba(0, 0, 0, 0.5);
    }
    
    .widget_bttk_custom_categories ul li a:hover .post-count {
        background: var(--primary-color);
    }
    
    .widget_bttk_custom_categories ul li a:hover .post-count,
    .widget_bttk_custom_categories ul li a:hover:focus .post-count {
        width: 115px;
    }
    
    
    /*================================
    RARATHEME IMAGE TEXT WIDGET
    ================================*/
    
    .widget_bttk_image_text_widget ul li img {
        width: 100%;
    }
    
    .widget_bttk_image_text_widget ul li .btn-readmore {
        width: 75%;
        border: none;
        background: rgba(0, 0, 0, 0.75);
        padding: 15px 20px;
    }
    
    .widget_bttk_image_text_widget ul li .btn-readmore:hover {
        background: var(--primary-color);
        color: #fff !important;
    }
    
    .widget_bttk_image_text_widget ul li .btn-readmore:before,
    .widget_bttk_image_text_widget ul li .btn-readmore:after {
        display: none;
    }
    
    
    /*==============================================
    RARATHEME RECENT AND POPULAR POST WIDGET
    ==============================================*/
    
    .widget_bttk_popular_post ul li,
    .widget_bttk_pro_recent_post ul li {
        margin-bottom: 30px;
    }
    
    .widget_bttk_popular_post ul li:last-child,
    .widget_bttk_pro_recent_post ul li:last-child {
        margin-bottom: 0;
    }
    
    .widget_bttk_popular_post ul li .post-thumbnail,
    .widget_bttk_pro_recent_post ul li .post-thumbnail {
        border-radius: 5px;
    }
    
    .widget_bttk_popular_post ul li .entry-header .entry-title,
    .widget_bttk_pro_recent_post ul li .entry-header .entry-title {
        font-family: 'Marcellus';
        font-weight: 400;
    }
    
    .widget_bttk_popular_post ul li .entry-header .entry-title a,
    .widget_bttk_pro_recent_post ul li .entry-header .entry-title a {
        color: #000;
    }
    
    .site-footer .widget_bttk_popular_post ul li .entry-header .entry-title a,
    .site-footer .widget_bttk_pro_recent_post ul li .entry-header .entry-title a {
        color: #fff;
    }
    
    .widget_bttk_popular_post ul li .entry-header .entry-title a:hover,
    .widget_bttk_pro_recent_post ul li .entry-header .entry-title a:hover {
        color: var(--primary-color);
    }
    
    .widget_bttk_popular_post ul li .entry-header .entry-meta,
    .widget_bttk_pro_recent_post ul li .entry-header .entry-meta {
        font-size: 12px;
        margin-top: 0;
    }
    
    .widget_bttk_popular_post ul li .entry-header .entry-meta a,
    .widget_bttk_pro_recent_post ul li .entry-header .entry-meta a {
        color: #999596;
    }
    
    .widget_bttk_popular_post ul li .entry-header .entry-meta a:hover,
    .widget_bttk_pro_recent_post ul li .entry-header .entry-meta a:hover {
        color: var(--primary-color);
    }
    
    
    /*==================================
    RARATHEME CATEGORY SLIDER WIDGET
    ==================================*/
    
    .widget_bttk_posts_category_slider_widget .item {
        position: relative;
    }
    
    .widget_bttk_posts_category_slider_widget .post-thumbnail {
        border-radius: 5px;
    }
    
    .widget_bttk_posts_category_slider_widget .carousel-title .cat-links {
        position: absolute;
        top: 10px;
        left: 10px;
        font-size: 12px;
        font-weight: 700;
    }
    
    .widget_bttk_posts_category_slider_widget .carousel-title .cat-links a {
        text-transform: uppercase;
        color: #fff;
        background: #262525;
        padding: 5px 10px;
        border-radius: 3px;
        letter-spacing: 0.5px;
        text-decoration: none;
    }
    
    .widget_bttk_posts_category_slider_widget .carousel-title .cat-links a:hover {
        background: var(--primary-color);
        color: #fff;
    }
    
    .widget_bttk_posts_category_slider_widget .carousel-title .title {
        font-size: 1em;
        font-family: 'Marcellus';
        margin-bottom: 0;
        margin-top: 0;
    }
    
    .widget_bttk_posts_category_slider_widget .carousel-title .title a {
        color: #000;
    }
    
    .site-footer .widget_bttk_posts_category_slider_widget .carousel-title .title a {
        color: #fff;
    }
    
    .widget_bttk_posts_category_slider_widget .carousel-title .title a:hover {
        color: var(--primary-color);
    }
    
    .widget_bttk_posts_category_slider_widget .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px;
    }
    
    .widget_bttk_posts_category_slider_widget .owl-theme .owl-dots .owl-dot span {
        background: none;
        width: 7px;
        height: 7px;
    }
    
    .widget_bttk_posts_category_slider_widget .owl-theme .owl-dots .owl-dot span:hover,
    .widget_bttk_posts_category_slider_widget .owl-theme .owl-dots .owl-dot.active span {
        background: var(--primary-color);
        width: 10px;
        height: 10px;
    }
    
    .widget_bttk_posts_category_slider_widget .owl-theme .owl-nav [class*="owl-"] {
        width: 30px;
        height: 30px;
        line-height: 30px;
        background: var(--primary-color);
        border-radius: 100%;
        top: 35%;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
    
    .widget_bttk_posts_category_slider_widget .owl-theme .owl-nav .owl-prev {
        left: 15px;
    }
    
    .widget_bttk_posts_category_slider_widget .owl-theme .owl-nav .owl-next {
        right: 15px;
    }
    
    .widget_bttk_posts_category_slider_widget .owl-theme .owl-nav [class*="owl-"]:hover {
        background: var(--primary-color);
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    .widget_bttk_posts_category_slider_widget .owl-theme .owl-nav [class*="owl-"]::before {
        width: 15px;
        height: 15px;
    }
    
    .widget_bttk_posts_category_slider_widget .owl-theme .owl-nav [class*="owl-"]:after {
        display: none;
    }
    
    
    /*================================
    RARATHEME STAT COUNTER WIDGET
    ================================*/
    
    .footer-t .grid .widget .col {
        width: 100%;
        margin-right: 0;
    }
    
    .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder {
        display: flex;
        flex: 1;
        flex-direction: column;
        text-align: center;
        border: 1px solid #f0f0f0;
        padding: 30px;
    }
    
    .site-footer .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder {
        border-color: rgba(255, 255, 255, 0.2);
    }
    
    .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder .widget-title,
    #secondary .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder .widget-title {
        order: 2;
        text-align: center;
        padding-bottom: 0;
    }
    
    .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder .widget-title:after {
        display: none;
    }
    
    .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder .icon-holder {
        font-size: 3em;
        width: 80px;
        height: 80px;
        line-height: 80px;
        margin: 0 auto 10px auto;
    }
    
    .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder .hs-counter {
        order: 3;
        font-size: 2.5em;
        line-height: 1;
        font-weight: 700;
    }
    
    .site-footer .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder .hs-counter {
        color: #fff;
    }
    
    
    /*=================================
    BLOSSOMTHEME NEWSLETTER WIDGET
    =================================*/
    
    .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper {
        padding: 40px 20px;
    }
    
    .widget_blossomthemes_email_newsletter_widget .img-holder {
        width: 80px;
        margin: 0 auto 20px auto;
    }
    
    .widget_blossomthemes_email_newsletter_widget .text-holder h3 {
        margin-top: 0;
        margin-bottom: 20px;
        font-size: 1.3333em;
        font-family: 'Marcellus';
        font-weight: 400;
        text-align: center;
    }
    
    .widget_blossomthemes_email_newsletter_widget .text-holder span {
        text-align: center;
        display: block;
        margin-bottom: 20px;
    }
    
    .widget_blossomthemes_email_newsletter_widget form input[type="text"],
    .widget_blossomthemes_email_newsletter_widget form input[type="email"] {
        background: rgba(255, 255, 255, 0.5);
    }
    
    .widget_blossomthemes_email_newsletter_widget form label {
        margin-top: 10px;
        display: block;
        font-size: 0.8888em;
        position: relative;
        padding-left: 25px;
        margin-bottom: 20px;
        cursor: pointer;
    }
    
    .widget_blossomthemes_email_newsletter_widget form label input[type="checkbox"] {
        position: absolute;
        top: 9px;
        left: 0;
    }
    
    .blossomthemes-email-newsletter-wrapper form label .check-mark {
        margin-top: 6px;
    }
    
    .blossomthemes-email-newsletter-wrapper form label input[type="checkbox"]:checked+.check-mark {
        background-color: #fff;
    }
    
    .widget_blossomthemes_email_newsletter_widget form input[type="submit"]:hover {
        border-color: #fff;
        background: #fff;
    }
    
    
    /*=========================
    INSTAGRAM WIDGET
    =========================*/
    
    .widget_btif_instagram_widget ul li .instagram-meta span {
        display: table;
        text-align: center;
        clear: both;
        margin: 5px auto 0 auto;
        font-size: 0.8888em;
    }
    
    .widget_btif_instagram_widget ul li .instagram-meta svg {
        margin-right: 5px;
    }
    
    .widget_btif_instagram_widget ul li .instagram-meta .fa-comment {
        float: none;
    }
    
    
    /*=============================
    RESPONSIVE STYLESHEET
    =============================*/
    
    @media screen and (max-width: 1640px) {
    
        /*========================
        STICKY HEADER
        ========================*/
        .sticky-header {
            padding-left: 3%;
            padding-right: 3%;
        }
    
        .sticky-header .header-social .social-list li a,
        .header-two .sticky-header .header-social .social-list li a,
        .header-three .sticky-header .header-social .social-list li a,
        .header-four .sticky-header .header-social .social-list li a,
        .header-five .sticky-header .header-social .social-list li a {
            width: 39px;
            height: 40px;
            line-height: 40px;
        }
    
        .sticky-header .header-search>svg,
        .header-two .sticky-header .header-search>svg,
        .header-four .sticky-header .header-search>svg {
            width: 35px;
            height: 40px;
            padding-left: 10px;
            padding-right: 10px;
        }
    
        .header-five .sticky-header .nav-right .header-search>svg {
            padding-left: 10px;
            padding-right: 10px;
            width: 35px;
        }
    }
    
    @media screen and (max-width: 1370px) {
        .owl-carousel .owl-nav [class*="owl-"] {
            left: 0;
        }
    
        .owl-carousel .owl-nav .owl-next {
            right: 0;
            left: auto;
        }
    
        .back-to-top {
            bottom: 80px;
        }
    
        body.custom-background #page,
        .custom-background .sticky-header {
            max-width: 1200px;
        }
    
        /*========================
        STICKY T BAR
        ========================*/
        .sticky-t-bar .blossomthemes-email-newsletter-wrapper {
            padding-left: 5%;
            padding-right: 5%;
        }
    
        .sticky-t-bar .blossomthemes-email-newsletter-wrapper form {
            flex: 2;
        }
    
        /*========================
        STICKY HEADER
        ========================*/
        .sticky-header {
            padding-left: 3%;
            padding-right: 3%;
        }
    
        .sticky-header .site-branding {
            width: auto;
            display: flex;
            flex: auto;
        }
    
        .sticky-header .main-navigation {
            width: auto;
            text-align: center;
            flex: auto;
            display: flex;
        }
    
        .sticky-header .nav-right {
            width: auto;
            text-align: right;
            display: flex;
            flex: auto;
            justify-content: flex-end;
        }
    
        .sticky-header .main-navigation ul li {
            margin-left: 15px;
            margin-right: 15px;
        }
    
        .sticky-header .main-navigation ul.nav-menu>li:last-child ul,
        .sticky-header .main-navigation ul.nav-menu>li:nth-last-of-type(2) ul,
        .sticky-header .main-navigation ul.nav-menu>li:nth-last-of-type(3) ul {
            left: auto;
            right: 0;
        }
    
        .sticky-header .main-navigation ul.nav-menu>li:last-child ul ul,
        .sticky-header .main-navigation ul.nav-menu>li:nth-last-of-type(2) ul ul,
        .sticky-header .main-navigation ul.nav-menu>li:nth-last-of-type(3) ul ul {
            left: auto;
            right: 100%;
        }
    
        .sticky-header .main-navigation ul ul li {
            margin-left: 0;
            margin-right: 0;
        }
    
        .sticky-header .header-social .social-list li a,
        .header-two .sticky-header .header-social .social-list li a,
        .header-three .sticky-header .header-social .social-list li a,
        .header-four .sticky-header .header-social .social-list li a,
        .header-five .sticky-header .header-social .social-list li a {
            width: 30px;
            height: 35px;
            line-height: 35px;
        }
    
        .header-five .sticky-header .main-navigation ul li,
        .header-six .sticky-header .main-navigation ul li {
            margin-left: 0;
            margin-right: 0;
        }
    
        .header-six .sticky-header .main-navigation ul li.menu-item-has-children {
            padding-right: 5px;
        }
    
        .header-six .sticky-header .main-navigation ul ul li.menu-item-has-children {
            padding-right: 0;
        }
    
        .header-six .sticky-header .main-navigation ul li a {
            padding-left: 15px;
            padding-right: 15px;
        }
    
        .sticky-header .header-search>svg,
        .header-two .sticky-header .header-search>svg,
        .header-four .sticky-header .header-search>svg {
            width: 30px;
            height: 35px;
            padding: 0 7px;
        }
    
        .site-banner .item img {
            height: 550px;
            object-fit: cover;
            width: 100%;
        }
    
        .team-section .owl-carousel .owl-nav .owl-prev,
        .wc-product-section .owl-carousel .owl-nav .owl-prev {
            left: 0;
        }
    
        .team-section .owl-carousel .owl-nav .owl-next,
        .wc-product-section .owl-carousel .owl-nav .owl-next {
            right: 0;
        }
    
        .testimonial-section .widget_bttk_testimonial_widget {
            max-width: 80%;
            margin: 0 auto;
        }
    }
    
    @media screen and (max-width: 1199px) {
    
        body.custom-background #page,
        .custom-background .sticky-header {
            max-width: 95%;
        }
    
        .container,
        .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container {
            max-width: 1000px;
            padding-left: 15px;
            padding-right: 15px;
        }
    
        .site-banner .banner-caption .container {
            width: auto;
            max-width: 1000px;
        }
    
        .header-six .header-main .nav-wrap {
            max-width: 1000px;
        }
    
        .search-form-wrap .close {
            right: 15px;
        }
    
        .main-navigation ul li {
            margin-left: 15px;
            margin-right: 15px;
        }
    
        .service-section.style-2 .widget_bttk_icon_text_widget {
            padding: 30px 20px;
        }
    
        .header-four .main-navigation ul li a {
            padding-left: 0;
            padding-right: 0;
        }
    
        .header-eight .nav-wrap .main-navigation ul.nav-menu>li>a {
            padding-left: 40px;
            padding-right: 40px;
        }
    
        .header-eight .nav-wrap .main-navigation ul.nav-menu>li.menu-item-has-children>a {
            padding-right: 50px;
        }
    
        .header-contact .contact-block {
            margin-left: 20px;
            padding-left: 65px;
        }
    
        .header-contact .contact-block>svg {
            left: 20px;
        }
    
        /*=======================
        STICKY HEADER
        =======================*/
        .sticky-header {
            padding-left: 2%;
            padding-right: 2%;
        }
    
        .site-branding .site-title {
            font-size: 1.2223em;
        }
    
        .sticky-header .main-navigation ul li {
            margin-left: 10px;
            margin-right: 10px;
        }
    
        .sticky-header .header-social .social-list li a,
        .header-two .sticky-header .header-social .social-list li a,
        .header-three .sticky-header .header-social .social-list li a,
        .header-four .sticky-header .header-social .social-list li a,
        .header-five .sticky-header .header-social .social-list li a,
        .header-six .sticky-header .header-social .social-list li a,
        .header-seven .sticky-header .header-social .social-list li a {
            width: 28px;
            height: 35px;
            line-height: 35px;
            border-left: none;
        }
    
        .sticky-header .header-search>svg,
        .header-two .sticky-header .header-search>svg,
        .header-four .sticky-header .header-search>svg {
            width: 28px;
            height: 35px;
            line-height: 35px;
            padding: 0 7px;
            border-left: none;
        }
    
        .header-six .sticky-header .main-navigation ul li a {
            padding-left: 10px;
            padding-right: 10px;
        }
    
        .header-six .sticky-header .main-navigation ul li.menu-item-has-children {
            padding-right: 8px;
        }
    
        /*===========================
        SITE BANNER 
        ===========================*/
        .site-banner .banner-caption .title {
            font-size: 2.5em;
        }
    
        /*==============================
        PRICING TBL SECTION
        ==============================*/
        .pricing-tbl-header,
        .pricing-tbl-feature {
            padding-left: 30px;
            padding-right: 30px;
        }
    
        .pricing-tbl-block .btn-wrap {
            padding-left: 20px;
            padding-right: 20px;
        }
    
        /*===============================
        SPECIAL PRICING SECTION
        ===============================*/
        .tab-content-wrap .tabs-product .item {
            display: inline-block;
        }
    
        .tab-content-wrap .tabs-product .product-image {
            float: left;
        }
    
        .tab-content-wrap .tabs-product .product-content {
            width: calc(100% - 90px);
            float: left;
        }
    
        .tab-content-wrap .tabs-product .item p.price {
            width: 100%;
            text-align: left;
            padding-left: 115px;
        }
    
        /*===========================
        RECENT POST SECTION
        ===========================*/
        .recent-post-section .grid article .content-wrap {
            margin: 20px;
        }
    
        /*=========================
        FOOTER B SECTION
        =========================*/
        .footer-b .copyright {
            display: inline-block;
            flex: inherit;
        }
    
        .footer-b .footer-social {
            display: inline-block;
        }
    
        /*========================
        ARCHIVE AUTHOR
        ========================*/
        .list-layout .site-main .entry-meta>span {
            margin-right: 16px;
        }
    
        .list-layout .site-main .entry-meta>span:last-child {
            margin-right: 0;
        }
    
        .list-layout .site-main .entry-meta>span::after {
            display: none;
        }
    
        /*============================
        PAGE TEMPLATE CONTACT
        ============================*/
        .page-template-contact .site-main .form-block {
            padding-left: 50px;
            width: 55%;
        }
    
        /*=============================
        PAGE TEMPLATE TEAM
        =============================*/
        .page-template-team .site-main .widget_bttk_description_widget {
            width: 31.33%;
        }
    
        .page-template-team .site-main .widget_bttk_description_widget:nth-child(4n) {
            margin-right: 3%;
        }
    
        .page-template-team .site-main .widget_bttk_description_widget:nth-child(3n) {
            margin-right: 0;
        }
    
        /*===============================
        BLOSSOMTHEME CTA WIDGET
        ===============================*/
        #secondary .widget_blossomtheme_companion_cta_widget .bttk-cta-bg,
        #secondary .widget_blossomtheme_companion_cta_widget .text,
        .site-footer .widget_blossomtheme_companion_cta_widget .bttk-cta-bg,
        .site-footer .widget_blossomtheme_companion_cta_widget .text {
            padding: 30px;
        }
    }
    
    @media screen and (min-width: 1025px) {
    
        .header-six .nav-wrap .nav-right,
        .header-seven .nav-wrap .nav-right,
        .header-eight .nav-wrap .nav-right {
            display: none;
        }
    }
    
    @media screen and (max-width: 1024px) {
    
        .container,
        .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container {
            max-width: 768px;
        }
    
        .site-banner .banner-caption .container,
        .header-six .header-main .nav-wrap {
            max-width: 768px;
        }
    
        section[class*="-section"] .grid {
            grid-template-columns: repeat(2, 1fr);
            justify-items: center;
        }
    
        section[class*="-section"] .grid .widget_text {
            grid-column: 1 / span 2;
        }
    
        .single header.page-header {
            min-height: 350px;
        }
    
        .custom-background .site-banner .item img {
            height: 450px;
        }
    
        /*========================
        STICKY T BAR
        ========================*/
        .sticky-t-bar .blossomthemes-email-newsletter-wrapper {
            flex-direction: column;
        }
    
        .sticky-t-bar .blossomthemes-email-newsletter-wrapper .text-holder {
            text-align: center;
            padding-right: 0;
            margin-bottom: 20px;
        }
    
        .sticky-t-bar .blossomthemes-email-newsletter-wrapper form,
        .blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap {
            justify-content: center;
        }
    
        /*=========================
        SIDEBARS
        =========================*/
        .rightsidebar #primary,
        .leftsidebar #primary {
            float: none;
            width: 100%;
            padding-right: 0;
            padding-left: 0;
        }
    
        #secondary {
            float: none;
            width: 100%;
        }
    
        /*============================
        SITE HEADER SECTION
        ============================*/
        .header-main .site-branding {
            justify-content: center;
            text-align: center;
        }
    
        .site-branding .site-title {
            font-size: 1.6667em;
        }
    
        .site-header .header-contact,
        .site-header .nav-wrap ul,
        .site-header .header-social {
            display: none;
        }
    
        .nav-wrap {
            padding: 5px 10px;
            left: 15px;
            right: 15px;
        }
    
        .main-navigation button.toggle-btn {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            padding: 0 20px 0 50px;
            box-shadow: none;
            background: transparent;
            font-size: 0.7778em;
            height: 45px;
            border-radius: 0;
        }
    
        .main-navigation button.toggle-btn:hover {
            background: rgba(255, 255, 255, 0.1);
            color: #fff;
        }
    
        .nav-wrap .main-navigation button.toggle-btn::after {
            text-transform: uppercase;
        }
    
        .main-navigation button.toggle-btn .toggle-bar {
            background: #fff;
            width: 20px;
            height: 2px;
            position: absolute;
            top: 0;
            left: 20px;
            bottom: 0;
            margin: auto;
            -webkit-transition: all ease 0.35s;
            -moz-transition: all ease 0.35s;
            transition: all ease 0.35s;
        }
    
        .nav-wrap .main-navigation button.toggle-btn .toggle-bar:first-child {
            top: -10px;
        }
    
        .nav-wrap .main-navigation button.toggle-btn .toggle-bar:last-child {
            bottom: -10px;
        }
    
        .header-search>svg {
            border-left: none;
        }
    
        /*==============================
        HEADER LAYOUT TWO AND LAYOUT FOUR
        ==============================*/
        .header-two .header-t,
        .header-four .header-t {
            display: none;
        }
    
        .header-two .header-main .container,
        .header-four .header-main .container {
            position: relative;
            padding-bottom: 34px;
        }
    
        .header-two .header-main .nav-wrap,
        .header-four .header-main .nav-wrap {
            position: absolute;
            background: var(--primary-color);
            border-radius: 5px;
            padding: 5px 10px;
            top: 100%;
        }
    
        .header-two .nav-wrap .main-navigation,
        .header-four .nav-wrap .main-navigation {
            justify-content: flex-start;
        }
    
        .header-two .header-search>svg,
        .header-four .header-search>svg {
            height: 45px;
            line-height: 45px;
        }
    
        .header-two .header-search>svg path.sea,
        .header-four .header-search>svg path.sea {
            fill: #fff;
        }
    
        .header-four .header-search>svg {
            padding-left: 15px;
            padding-right: 15px;
            width: 47px;
        }
    
        .header-four .header-search:hover>svg path.sea {
            fill: #fff;
        }
    
        .header-two .header-search {
            padding-top: 0;
        }
    
        /*==========================
        HEADER LAYOUT THREE
        ==========================*/
        .header-three .header-t,
        .header-five .header-t {
            display: none;
        }
    
        .header-three .nav-wrap,
        .header-five .nav-wrap {
            border-top: none;
            position: relative;
            top: 0;
            left: 0;
            right: 0;
            padding-bottom: 24px;
        }
    
        .header-three .nav-wrap .container,
        .header-five .nav-wrap .container {
            background: var(--primary-color);
            border-radius: 5px;
            width: calc(100% - 30px);
            text-align: left;
            padding: 5px 10px;
            top: 0;
            position: absolute;
            left: 0;
            right: 0;
            display: flex;
            flex: 1;
        }
    
        .header-three .nav-wrap .nav-right,
        .header-five .nav-wrap .nav-right {
            display: flex;
        }
    
        .header-three .header-search>svg path.sea,
        .header-three .header-search:hover>svg path.sea {
            fill: #fff;
        }
    
        .header-five .nav-wrap {
            background: none;
            padding: 0 0 34px 0;
        }
    
        .header-five .nav-right .header-search:hover {
            opacity: 1;
            filter: alpha(opacity=100);
            background: rgba(255, 255, 255, 0.1);
        }
    
        .header-five .nav-right .header-search>svg {
            height: 45px;
            line-height: 45px;
            padding-left: 15px;
            padding-right: 15px;
        }
    
        /*==============================
        HEADER LAYOUT SIX
        ==============================*/
        .header-six .header-t,
        .header-seven .header-t {
            display: none;
        }
    
        .header-six .header-main .nav-wrap {
            border-radius: 5px;
            padding: 5px 10px;
            display: flex;
            flex: 1;
            flex-flow: row wrap;
            align-items: center;
        }
    
        .header-six .header-main .main-navigation {
            text-align: left;
        }
    
        .nav-wrap .nav-right {
            display: flex;
            flex: 1;
            white-space: nowrap;
            justify-content: flex-end;
            align-items: center;
        }
    
        /*==============================
        HEADER LAYOUT SEVEN
        ==============================*/
        .header-seven .header-main {
            padding-top: 33px;
            padding-bottom: 0px;
        }
    
        .header-seven .header-main .container {
            position: relative;
            padding-bottom: 50px;
        }
    
        .header-seven .header-main .site-branding {
            padding: 0;
        }
    
        .header-seven .nav-wrap {
            position: absolute;
            background: var(--primary-color);
            padding: 5px 10px;
            border-radius: 5px;
            top: calc(100% - 25px);
        }
    
        .header-seven .nav-wrap .main-navigation {
            text-align: left;
        }
    
        /*==========================
        HEADER LAYOUT EIGHT
        ==========================*/
        .header-eight .header-t,
        .header-eight .nav-wrap .main-navigation ul.nav-menu {
            display: none;
        }
    
        .header-eight .header-main {
            padding-top: 35px;
        }
    
        .header-eight .nav-wrap {
            background: #fff;
            padding: 5px 10px;
            border-radius: 5px;
            top: calc(100% - 30px);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
    
        .header-eight .nav-wrap .main-navigation {
            text-align: left;
        }
    
        .header-eight .nav-wrap .main-navigation .toggle-btn {
            border: none;
            color: #1c1d1d;
        }
    
        .header-eight .nav-wrap .main-navigation .toggle-btn .toggle-bar {
            background: #1c1d1d;
        }
    
        .search-form-wrap.active+header.site-header.header-eight {
            border-top: 1px solid #fff;
        }
    
        .nav-wrap .header-search:hover,
        .header-eight .nav-wrap .main-navigation .toggle-btn:hover {
            background: rgba(var(--primary-color-rgb), 0.15);
        }
    
        .header-eight .nav-wrap .header-search svg .sea {
            fill: #1c1d1d;
        }
    
        /*===========================
        STICKY HEADER
        ===========================*/
        .sticky-header {
            display: none;
        }
    
        .header-sticky .nav-wrap,
        .header-sticky .header-two .header-main .nav-wrap,
        .header-sticky .header-four .header-main .nav-wrap {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            border-radius: 0;
            border-bottom: 1px solid #fff;
            z-index: 9999;
        }
    
        .header-sticky .header-three .nav-wrap,
        .header-sticky .header-five .nav-wrap {
            background: var(--primary-color);
            padding: 5px 10px;
        }
    
        .header-sticky .header-three .nav-wrap .container,
        .header-sticky .header-five .nav-wrap .container {
            position: static;
            padding: 0;
            width: auto;
            max-width: 100%;
        }
    
        .header-sticky .header-six .header-main .nav-wrap {
            top: 0;
            border-radius: 0;
            max-width: 100%;
        }
    
        .header-sticky .header-eight .nav-wrap {
            background: var(--primary-color);
        }
    
        .header-sticky .header-eight .nav-wrap .toggle-btn {
            color: #fff;
        }
    
        .header-sticky .header-eight .nav-wrap .toggle-btn .toggle-bar {
            background: #fff;
        }
    
        .header-sticky .header-eight .nav-wrap .header-search:hover,
        .header-sticky .header-eight .nav-wrap .main-navigation .toggle-btn:hover {
            background: rgba(255, 255, 255, 0.1);
        }
    
        .header-sticky .header-eight .nav-wrap .header-search svg .sea {
            fill: #fff;
        }
    
        /*=========================
        RESPONSIVE NAV
        =========================*/
        .responsive-nav {
            position: fixed;
            display: block;
            width: 50%;
            height: 100%;
            top: 0;
            left: 0;
            background: var(--primary-color);
            z-index: 999999;
            overflow: auto;
            visibility: hidden;
            -webkit-transform: translateX(-100%);
            -moz-transform: translateX(-100%);
            transform: translateX(-100%);
            -webkit-transition: all ease 0.35s;
            -moz-transition: all ease 0.35s;
            transition: all ease 0.35s;
        }
    
        .menu-toggled .responsive-nav {
            visibility: visible;
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            transform: translateX(0);
        }
    
        .responsive-nav .main-navigation {
            text-align: right;
        }
    
        .responsive-nav .main-navigation button.toggle-btn {
            padding: 0;
            width: 40px;
            height: 40px;
            margin: 10px 10px 30px 0;
        }
    
        .responsive-nav .main-navigation button.toggle-btn .toggle-bar {
            right: 0;
            left: 0;
            width: 15px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            transform: rotate(45deg);
        }
    
        .responsive-nav .main-navigation button.toggle-btn .toggle-bar:nth-child(2) {
            display: none;
        }
    
        .responsive-nav .main-navigation button.toggle-btn .toggle-bar:last-child {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
    
        .responsive-nav .main-navigation ul {
            margin: 0;
            padding: 0;
            list-style: none;
            text-align: left;
        }
    
        .responsive-nav .main-navigation ul li {
            display: block;
            margin: 0;
            padding-right: 0;
            font-weight: 600;
            letter-spacing: 1px;
        }
    
        .responsive-nav .main-navigation ul li span {
            width: 20px;
            text-align: center;
            height: 56px;
            line-height: 20px;
            right: 10px;
            font-size: 0.7778em;
            top: 0;
            color: #fff;
            opacity: 0.7;
            filter: alpha(opacity=70);
            display: flex;
            flex: 1;
            justify-content: center;
            align-items: center;
            -webkit-transition: all ease 0.35s;
            -moz-transition: all ease 0.35s;
            transition: all ease 0.35s;
        }
    
        .responsive-nav .main-navigation ul ul li span {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    
        .responsive-nav .main-navigation ul li span.active {
            -webkit-transform: rotate(18deg);
            -moz-transform: rotate(180deg);
            transform: rotate(180deg);
        }
    
        .responsive-nav .main-navigation ul li a {
            padding: 15px 20px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.15);
            width: 100%;
        }
    
        .responsive-nav .main-navigation ul ul li:last-child>a {
            border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        }
    
        .responsive-nav .main-navigation ul li:hover>a,
        .responsive-nav .main-navigation ul li.current-menu-item>a,
        .responsive-nav .main-navigation ul li.current_page_item>a {
            background: rgba(255, 255, 255, 0.1);
        }
    
        .responsive-nav .main-navigation ul li a::after {
            display: none;
        }
    
        .responsive-nav .main-navigation ul ul {
            position: static;
            width: 100%;
            opacity: 1;
            visibility: visible;
            background: none;
            box-shadow: none;
            -webkit-transition: none;
            -moz-transition: none;
            transition: none;
            display: none;
        }
    
        .responsive-nav .main-navigation ul ul li a {
            color: #fff;
        }
    
        .responsive-nav .header-social {
            margin-top: 40px;
            padding-left: 20px;
        }
    
        .responsive-nav .header-social ul li {
            font-size: 0.8888em;
            margin-bottom: 7px;
        }
    
        .responsive-nav .header-social ul li a {
            color: #fff;
            border-left: none;
            background: rgba(0, 0, 0, 0.05);
            width: 40px;
            height: 40px;
            line-height: 40px;
        }
    
        .responsive-nav .header-social ul li a:hover {
            background: rgba(0, 0, 0, 0.15);
        }
    
        .responsive-nav .header-contact {
            flex-direction: column;
            white-space: normal;
            align-items: normal;
            margin-top: 40px;
            padding: 0 20px;
            margin-bottom: 20px;
        }
    
        .responsive-nav .header-contact .contact-block {
            border-left: 0;
            margin-left: 0;
            padding-left: 45px;
            margin-bottom: 20px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            padding-bottom: 20px;
        }
    
        .responsive-nav .header-contact .contact-block:last-child {
            border-bottom: none;
        }
    
        .header-contact .contact-block a {
            color: #fff;
        }
    
        .responsive-nav .header-contact .contact-block svg {
            width: 30px;
            top: 45%;
            left: 0;
        }
    
        .responsive-nav .header-contact .contact-block svg .phb,
        .responsive-nav .header-contact .contact-block svg .emb,
        .responsive-nav .header-contact .contact-block svg .clkb {
            fill: #fff;
        }
    
        .responsive-nav .header-contact .contact-block .title {
            color: rgba(255, 255, 255, 0.7);
            font-weight: 700;
            letter-spacing: 1px;
        }
    
        .responsive-nav .header-contact .contact-block .content {
            color: #fff;
        }
    
        /*===========================
        ABOUT SECTION
        ===========================*/
        .about-section .widget_blossomtheme_featured_page_widget .widget-featured-holder {
            padding-left: 15px;
            padding-right: 15px !important;
            min-height: auto;
        }
    
        .about-section .widget_blossomtheme_featured_page_widget .widget-featured-holder.right {
            padding-left: 15px !important;
            padding-right: 15px;
        }
    
        .about-section .widget_blossomtheme_featured_page_widget .featured-holder-wrap {
            padding: 30px;
            max-width: 768px;
            margin-left: auto;
            margin-right: auto;
        }
    
        .about-section .widget_blossomtheme_featured_page_widget .img-holder {
            width: 100%;
            height: 50%;
        }
    
        /*==============================
        SERVICE PRICING SECTION
        ==============================*/
        .shop-popular .item {
            width: 48%;
        }
    
        .shop-popular .item:nth-child(4n) {
            margin-right: 2.5%;
        }
    
        .shop-popular .item:nth-child(2n) {
            margin-right: 0;
        }
    
        /*==============================
        SERVICE SECTION STYLE TWO
        ==============================*/
        section.service-section.style-2 .grid {
            padding-right: 0;
            padding-left: 0 !important;
            margin-bottom: 30px;
        }
    
        section.service-section.style-2 .widget_media_image {
            position: static;
            width: 100%;
            grid-column: 1/ span 2;
        }
    
        .service-section.style-2 .widget_bttk_icon_text_widget {
            padding: 50px 40px;
        }
    
        /*============================
        SPECIAL PRICING SECTION
        ============================*/
        .special-pricing-section .tab-btn-wrap .tab-btn {
            padding: 13px 25px;
        }
    
        /*=================================
        SERVICE SECTION STYLE THREE
        =================================*/
        section.service-section.style-3 .grid {
            grid-template-columns: repeat(2, 1fr);
        }
    
        /*=============================
        RECENT POST SECTION
        =============================*/
        .recent-post-section .grid article .content-wrap {
            margin: 40px;
        }
    
        /*=============================
        CONTACT SECTION
        =============================*/
        .contact-section {
            display: block;
        }
    
        .contact-section .widget_text {
            width: 100%;
        }
    
        .contact-section .widget_custom_html {
            padding-right: 0;
        }
    
        section.contact-section .widget_custom_html .textwidget {
            height: 550px;
        }
    
        .contact-section .widget_custom_html+.widget_text {
            padding-left: 15px;
            padding-right: 15px !important;
            padding-bottom: 0;
            max-width: 768px;
            margin: 0 auto;
        }
    
        .contact-section .widget+.contact-details-wrap {
            position: relative;
            -webkit-transform: none;
            -moz-transform: none;
            transform: none;
            top: 0;
            right: 0;
            max-width: 768px;
            margin: 30px auto 0 auto;
        }
    
        /*================================
        FOOTER BLOCK WRAP
        ================================*/
        .footer-contact-block-inner {
            padding-left: 0;
            text-align: center;
        }
    
        .site-footer .footer-block-wrap .footer-contact-block-inner svg {
            position: static;
            display: block;
            margin: 0 auto 10px auto;
        }
    
        .instagram-section .popup-gallery {
            flex-wrap: wrap;
        }
    
        .footer-t .grid.column-4 .col {
            width: 48%;
        }
    
        .footer-t .grid.column-4 .col:nth-child(2n) {
            margin-right: 0;
        }
    
        /*==========================
        FOOTER B SECTION
        ==========================*/
        .footer-b .container {
            flex-direction: column;
            justify-content: center;
        }
    
        .footer-b .copyright {
            display: block;
            order: 2;
            text-align: center;
            width: 100%;
        }
    
        .footer-b .footer-social {
            text-align: center;
            margin-bottom: 20px;
            width: 100%;
        }
    
        /*==========================
        ARCHIVE AUTHOR
        ==========================*/
        .list-layout .site-main .entry-meta>span {
            margin-right: 36px;
        }
    
        .list-layout .site-main .entry-meta>span:last-child {
            margin-right: 0;
        }
    
        .list-layout .site-main .entry-meta>span::after {
            display: block;
            top: 9px;
        }
    
        .list-layout .site-main .entry-meta>span:last-child::after {
            display: none;
        }
    
        /*==========================
        GRID LAYOUT
        ==========================*/
        .grid-layout.full-width .site-main article {
            width: 48%;
        }
    
        .grid-layout.full-width .site-main article:nth-child(2n) {
            margin-right: 0;
        }
    
        .grid-layout.full-width .site-main article:nth-child(3n) {
            margin-right: 3%;
        }
    
        /*===========================
        MASONRY LAYOUT
        ===========================*/
        .masonry-layout.full-width .site-main article {
            width: 47%;
            margin-left: 1.5%;
            margin-right: 1.5%;
        }
    
        /*===========================
        PAGE TEMPLATE CONTACT
        ===========================*/
        .page-template-contact .site-main .contact-info {
            width: 100%;
        }
    
        .page-template-contact .site-main .contact-details-wrap {
            width: 100%;
        }
    
        .page-template-contact .site-main .form-block {
            padding-left: 0;
            width: 100%;
            margin-top: 60px;
        }
    
        /*============================
        PAGE TEMPLATE PORTFOLIO
        ============================*/
        .portfolio-img-holder .portfolio-item {
            width: 50%;
        }
    
        /*============================
        PAGE TEMPLATE SERVICE
        ============================*/
        .page-template-service .site-main .widget_bttk_icon_text_widget {
            width: 48%;
        }
    
        .page-template-service .site-main .widget_bttk_icon_text_widget:nth-child(3n) {
            margin-right: 3%;
        }
    
        .page-template-service .site-main .widget_bttk_icon_text_widget:nth-child(2n) {
            margin-right: 0;
        }
    
        /*===========================
        PAGE TEMPLATE SERVICE
        ===========================*/
        .page-template-team .site-main .widget_bttk_description_widget {
            width: 48%;
        }
    
        .page-template-team .site-main .widget_bttk_description_widget:nth-child(3n) {
            margin-right: 3%;
        }
    
        .page-template-team .site-main .widget_bttk_description_widget:nth-child(2n) {
            margin-right: 0;
        }
    
        /*===================================
        BLOSSOMTHEME CLIENT LOGO WIDGET
        ===================================*/
        .widget_blossom_client_logo_widget .blossom-inner-wrap {
            margin-left: -15px;
            margin-right: -15px;
        }
    }
    
    @media screen and (max-width: 899px) {
        .video-banner #wp-custom-header {
            height: auto;
            padding-top: 0;
        }
    }
    
    @media screen and (max-width: 767px) {
    
        .container,
        .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container,
        .widget_blossomtheme_companion_cta_widget .centered .blossomtheme-cta-container {
            max-width: 420px;
        }
    
        .site-banner .banner-caption .container,
        .header-six .header-main .nav-wrap,
        .about-section .widget_blossomtheme_featured_page_widget .featured-holder-wrap {
            max-width: 420px;
        }
    
        section[class*="-section"] .grid {
            grid-template-columns: repeat(1, 1fr);
        }
    
        section[class*="-section"] .grid .widget_text {
            grid-column: 1;
        }
    
        .single header.page-header {
            min-height: auto;
        }
    
        .page-header .page-title {
            font-size: 2em;
        }
    
        q {
            float: none;
            width: 100%;
            margin-right: 0;
            margin-bottom: 30px;
            font-size: 1em;
        }
    
        blockquote {
            font-size: 1em;
            padding-top: 65px;
        }
    
        blockquote::before {
            width: 50px;
            height: 50px;
            background-size: 20px;
        }
    
        .comments-area ol li ol {
            margin-left: 15px;
        }
    
        .widget_blossomtheme_companion_cta_widget .btn-cta {
            display: block;
            margin: 10px;
        }
    
        .widget_blossomtheme_companion_cta_widget a.btn-cta+a.btn-cta {
            margin-left: 10px;
        }
    
        .gallery-caption {
            display: block;
        }
    
        /*========================
        STICKY T BAR
        ========================*/
        .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[type="text"] {
            margin-right: 0;
            margin-bottom: 5px;
            width: 100%;
        }
    
        .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[name="subscribe-fname"]+input[name="subscribe-email"],
        .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[type="submit"] {
            width: 100%;
        }
    
        /*==========================
        SITE BANNER
        ==========================*/
        .site-banner .item img {
            height: auto;
        }
    
        .custom-background .site-banner .item img {
            height: auto;
        }
    
        .site-banner .banner-caption {
            position: static;
            padding-top: 30px;
            padding-bottom: 30px;
            background: rgb(var(--primary-color-rgb), 0.3);
        }
    
        .site-banner.video-banner .banner-caption {
            background: rgb(var(--primary-color-rgb), 0.3);
        }
    
        .site-banner .banner-caption .title {
            font-size: 1.5em;
            color: #333
        }
    
        .site-banner .banner-caption .description {
            font-size: 1em;
            color: #666
        }
    
        .site-banner .banner-caption .btn-wrap a.btn.btn-transparent {
            border-color: var(--primary-color);
            color: var(--primary-color);
        }
    
        .site-banner .banner-caption .btn-wrap a.btn.btn-transparent:hover {
            background: var(--primary-color);
            color: #fff !important;
        }
    
        .site-banner .owl-carousel .owl-nav .owl-prev {
            left: 10px;
        }
    
        .site-banner .owl-carousel .owl-nav .owl-next {
            right: 10px;
        }
    
        .site-banner .owl-carousel .owl-dots {
            bottom: 0;
        }
    
        /*==============================
        SERVICE SECTION STYLE TWO
        ==============================*/
        section.service-section.style-2 .grid {
            display: block;
        }
    
        section.service-section.style-2 .widget_media_image {
            grid-column: 1;
        }
    
        .service-section.style-2 .widget_bttk_icon_text_widget {
            border-right: none;
            padding-left: 15px;
            padding-right: 15px;
        }
    
        .service-section.style-2 .widget_bttk_icon_text_widget:last-child {
            border-bottom: none;
        }
    
        .service-section.style-2 .widget_bttk_icon_text_widget .rtc-itw-holder {
            max-width: 420px;
            margin: 0 auto;
        }
    
        /*=============================
        SPECIAL PRICING SECTION
        =============================*/
        .special-pricing-section .tab-btn-wrap {
            border-radius: 5px;
            width: 100%;
        }
    
        .special-pricing-section .tab-btn-wrap .tab-btn {
            border-radius: 0;
            padding: 15px 20px;
            border-bottom: 1px solid #ddd;
            display: block;
            width: 100%;
            text-align: left;
        }
    
        .special-pricing-section .tab-btn-wrap .tab-btn:first-child {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }
    
        .special-pricing-section .tab-btn-wrap .tab-btn:last-child {
            border-bottom: none;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }
    
        /*=================================
        SERVICE SECTION STYLE THREE
        =================================*/
        section.service-section.style-3 .grid {
            grid-template-columns: repeat(1, 1fr);
        }
    
        /*================================
        PRICING TBL SECTION
        ================================*/
        section.pricing-tbl-section {
            margin-bottom: 0;
        }
    
        .pricing-tbl-wrap {
            padding-top: 0;
            margin-top: 0;
            flex-direction: column;
        }
    
        .pricing-tbl-wrap .widget_bsp_pt_widget {
            width: 100%;
        }
    
        .pricing-tbl-block {
            margin-bottom: 20px;
            width: auto;
        }
    
        .pricing-tbl-block.featured {
            margin-top: 0;
            margin-bottom: 20px;
        }
    
        .pricing-tbl-block:last-child {
            margin-bottom: 0;
        }
    
        .pricing-tbl-img span {
            height: 23%;
        }
    
        /*==============================
        RECENT POST SECTION
        ==============================*/
        .recent-post-section .grid article .content-wrap {
            margin: 20px 20px 40px 20px;
        }
    
        /*===========================
        GALLERY SECTION
        ===========================*/
        .gallery-section .widget_media_gallery .gallery-item {
            padding-left: 0;
            padding-right: 0;
        }
    
        .gallery-section .widget_media_gallery .gallery-item figcaption {
            left: 0;
            right: 0;
        }
    
        /*============================
        TESTIMONIAL SECTION
        ============================*/
        .testimonial-section .widget_bttk_testimonial_widget {
            max-width: 100%;
        }
    
        .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder {
            padding-top: 80px;
        }
    
        .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder::before {
            background-size: 25px;
            width: 60px;
            height: 60px;
        }
    
        .widget_bttk_testimonial_widget .testimonial-content {
            font-size: 1.112em;
        }
    
        /*===========================
        CONTACT SECTION
        ===========================*/
        .contact-section .widget+.contact-details-wrap {
            max-width: 420px;
            margin: 30px auto 0 auto;
        }
    
        .contact-details-wrap {
            padding-left: 20px;
            padding-right: 20px;
        }
    
        section.contact-section .contact-details-wrap .widget .textwidget {
            font-size: 1em;
        }
    
        .contact-section .widget_custom_html+.widget_text {
            max-width: 450px;
        }
    
        .form-block .wpcf7-form {
            margin-left: 0;
            margin-right: 0;
        }
    
        .form-block .wpcf7-form p {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
        }
    
        .instagram-section .popup-gallery {
            flex-wrap: wrap;
        }
    
        .contact-section .form-block {
            max-width: 420px;
            padding-right: 15px !important;
            margin: 0 auto;
        }
    
        /*================================
        FOOTER BLOCK WRAP
        ================================*/
        .footer-block-wrap {
            padding: 0 15px;
        }
    
        .site-footer .footer-block-wrap .container {
            flex-direction: column;
        }
    
        .site-footer .footer-block-wrap .footer-contact-block {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
            border-right: none;
            border-bottom: 2px solid rgba(255, 255, 255, 0.1);
            margin-bottom: 25px;
            padding-bottom: 25px;
        }
    
        .site-footer .footer-block-wrap .footer-contact-block:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }
    
        .footer-contact-block-inner {
            text-align: left;
            padding-left: 65px;
        }
    
        .site-footer .footer-block-wrap .footer-contact-block-inner svg {
            position: absolute;
            margin: 0;
        }
    
        .footer-t .grid:not(.column-1) {
            flex-direction: column;
        }
    
        .footer-t .grid.column-4 .col,
        .footer-t .grid.column-3 .col,
        .footer-t .grid.column-2 .col {
            width: 100%;
            margin-right: 0;
        }
    
        /*==========================
        SERVICE PRICE SECTION
        ==========================*/
        .shop-popular .item {
            width: 100%;
            margin-right: 0;
        }
    
        /*===============================
        SPECIAL PRICING SECTION
        ===============================*/
        .tab-content-wrap .tabs-product .item {
            width: 100%;
            margin-right: 0;
            display: flex;
            flex-direction: column;
        }
    
        .tab-content-wrap .tabs-product .item:nth-last-of-type(2) {
            margin-bottom: 25px;
            border-bottom: 1.5px dashed rgba(0, 0, 0, 0.1);
            padding-bottom: 25px;
        }
    
        .tab-content-wrap .tabs-product .product-image {
            margin-left: auto;
            margin-right: auto;
        }
    
        .tab-content-wrap .tabs-product .product-content {
            width: 100%;
            text-align: center;
            padding-left: 0;
            margin-top: 20px;
            float: none;
        }
    
        .tab-content-wrap .tabs-product .item p.price {
            width: 100%;
            text-align: center;
            padding-left: 0;
        }
    
        /*==========================
        AUTHOR ARCHIVE
        ==========================*/
        .author-section .author-img {
            display: block;
            margin: 0 auto 30px auto;
        }
    
        .author-section .author-content-wrap {
            width: 100%;
            text-align: center;
            padding-left: 0;
        }
    
        /*=======================
        LIST LAYOUT
        =======================*/
        .list-layout .site-main article,
        .list-with-feat-post-layout .site-main article:not(.featured-post) {
            flex-direction: column;
        }
    
        .list-layout .site-main article .post-thumbnail,
        .list-with-feat-post-layout .site-main article:not(.featured-post) .post-thumbnail,
        .archive.list-layout .site-main article .post-thumbnail,
        .archive.list-layout .site-main article .content-wrap,
        .list-layout .site-main article .content-wrap,
        .list-with-feat-post-layout .site-main article:not(.featured-post) .content-wrap {
            width: 100%;
        }
    
        .list-layout .site-main article .content-wrap {
            padding-left: 20px;
            padding-right: 20px;
        }
    
        .list-layout .site-main article .post-thumbnail,
        .list-with-feat-post-layout .site-main article:not(.featured-post) .post-thumbnail {
            border-bottom-left-radius: 0;
            border-top-right-radius: 5px;
        }
    
        .list-layout .site-main article .content-wrap,
        .list-with-feat-post-layout .site-main article:not(.featured-post) .content-wrap {
            border-bottom-left-radius: 5px;
        }
    
        /*===========================
        CLASSIC LAYOUT
        ===========================*/
        .site-main article .content-wrap {
            padding: 20px 20px 40px 20px;
        }
    
        /*=========================
        PAGINATION
        =========================*/
        .navigation.pagination .page-numbers {
            width: 40px;
            height: 40px;
            line-height: 36px;
        }
    
        .navigation.pagination .page-numbers.prev,
        .navigation.pagination .page-numbers.next {
            width: auto;
        }
    
        .navigation.pagination .page-numbers.prev {
            padding-left: 35px;
            padding-right: 20px;
        }
    
        .navigation.pagination .page-numbers.next {
            padding-right: 35px;
            padding-left: 20px;
        }
    
        .navigation.pagination .page-numbers.prev::before,
        .navigation.pagination .page-numbers.next::before {
            top: 10px;
        }
    
        .navigation.pagination .page-numbers.next::before {
            right: 15px;
        }
    
        .navigation.pagination .page-numbers.prev::before {
            left: 20px;
        }
    
        .comment-navigation .nav-previous,
        .posts-navigation .nav-previous,
        .post-navigation .nav-previous {
            width: 100%;
            float: none;
        }
    
        .comment-navigation .nav-next,
        .posts-navigation .nav-next,
        .post-navigation .nav-next {
            float: none;
            width: 100%;
            margin-top: 40px;
        }
    
        .post-navigation .nav-next {
            display: table;
            clear: both;
        }
    
        .post-navigation .nav-links .post-img {
            display: none;
        }
    
        /*=========================
        GRID LAYOUT
        =========================*/
        .grid-layout.rightsidebar .site-main article,
        .grid-layout.leftsidebar .site-main article,
        .grid-layout.full-width .site-main article {
            width: 100%;
            margin-right: 0;
        }
    
        .grid-layout .site-main article .content-wrap,
        .list-layout .site-main article .content-wrap,
        .list-with-feat-post-layout .site-main article:not(.featured-post) .content-wrap {
            padding: 20px 20px 40px 20px;
        }
    
        .grid-layout.full-width .site-main article:nth-child(3n) {
            margin-right: 0;
        }
    
        /*==========================
        MASONRY LAYOUT
        ==========================*/
        .masonry-layout.rightsidebar .site-main article,
        .masonry-layout.leftsidebar .site-main article,
        .masonry-layout.full-width .site-main article {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
        }
    
        .masonry-layout .site-main article .content-wrap {
            padding: 20px 20px 40px 20px;
        }
    
        /*==========================
        ERROR 404 PAGE
        ==========================*/
        .error404 .error-404 .error-num {
            font-size: 9em;
        }
    
        .error404 .error-404 .bttn {
            padding-left: 40px;
            padding-right: 40px;
        }
    
        /*==========================
        ADDITIONAL POST BLOCK
        ==========================*/
        .additional-post article .entry-header {
            flex-direction: column;
        }
    
        .additional-post article .entry-meta {
            width: 100%;
            margin-bottom: 10px;
        }
    
        .additional-post article .entry-title {
            width: 100%;
            margin-bottom: 0;
            line-height: 1.5;
        }
    
        /*============================
        PAGE TEMPLATE PORTFOLIO
        ============================*/
        .portfolio-item-inner:hover .portfolio-text-holder {
            padding-top: 20px;
            padding-bottom: 20px;
        }
    
        .portfolio-img-holder .portfolio-item {
            float: none;
            width: 100%;
            padding-left: 0;
            padding-right: 0;
        }
    
        /*============================
        PAGE TEMPLATE PRICE
        ============================*/
        .faq-text-section .widget_text {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
        }
    
        .faq-text-section .widget_text:last-child {
            margin-bottom: 0;
        }
    
        section.faq-text-section .widget_text {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
        }
    
        /*==========================
        PAGE TEMPLATE SERVICE
        ==========================*/
        .page-template-service .site-main .widget_bttk_icon_text_widget {
            width: 100%;
            margin-right: 0;
        }
    
        .page-template-service .site-main .widget_bttk_icon_text_widget:nth-child(3n) {
            margin-right: 0;
        }
    
        .page-template-service .site-main .widget_bttk_icon_text_widget .rtc-itw-inner-holder .text-holder {
            padding: 20px 20px 40px 20px;
        }
    
        /*===========================
        PAGE TEMPLATE SERVICE
        ===========================*/
        .page-template-team .site-main .widget_bttk_description_widget {
            width: 100%;
            margin-right: 0;
        }
    
        .page-template-team .site-main .widget_bttk_description_widget:nth-child(3n) {
            margin-right: 0;
        }
    
        /*=========================
        SEARCH PAGE
        =========================*/
        .search .page-header .container {
            max-width: 420px;
        }
    
        .search .site-content .search-form label {
            width: calc(100% - 50px);
        }
    
        .search .site-content .search-form .search-field {
            height: 50px;
            font-size: 1.5em;
        }
    
        .search .site-content .search-form .search-submit {
            height: 50px;
            width: 50px;
        }
    
        /*=========================
        SINGLE POST
        =========================*/
        .single header.page-header .container {
            max-width: 420px;
        }
    
        .single .content-area .article-meta {
            position: static;
            display: flex;
            flex: 1;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
            width: 100%;
            margin-bottom: 30px;
        }
    
        .single.style2 .content-area .article-meta>span {
            margin-right: 20px;
            margin-bottom: 20px;
        }
    
        .single.style2 .content-area .article-meta>span.posted-on {
            margin-bottom: 20px;
            margin-top: 0;
        }
    
        .single.style2 .content-area .article-meta>span span.author-img {
            display: none;
        }
    
        .single.style2 .content-area .article-meta .byline .author {
            display: inline-block;
            margin-top: 0;
            margin-left: 0;
        }
    
        .single.style2 .content-area .article-meta .byline .author a,
        .single.style2 .content-area .article-meta>span.posted-on a {
            display: inline-block;
            margin-top: 0;
        }
    
        .single .site-main .article-meta .favourite {
            display: flex;
            flex-direction: row;
            align-items: center;
            margin-right: 10px;
        }
    
        .single .content-area .favourite .fav-count {
            display: inline-block;
            order: 2;
            margin-left: 10px;
        }
    
        .single .content-area .article-share ul li {
            display: inline-block;
            margin-top: 0;
            margin-left: 5px;
        }
    
        .single .content-area .favourite a {
            width: 40px;
            height: 40px;
            line-height: 36px;
            font-size: 0.778em;
            margin-top: 0;
        }
    
        .single .content-area .article-share ul li a {
            width: 40px;
            height: 40px;
            line-height: 36px;
            font-size: 0.8888em;
        }
    
        .sticky-social .entry-content {
            width: 100%;
            padding-left: 0;
        }
    
        .sticky-social .entry-footer {
            padding-left: 0;
        }
    }
    
    @media screen and (max-width: 640px) {
        .responsive-nav {
            width: 80%;
        }
    
        /*==========================
        SITE BANNER
        ==========================*/
        .site-banner .banner-caption .btn-wrap a.btn {
            display: block;
        }
    
        .site-banner .banner-caption .btn-wrap a.btn+a.btn {
            margin-left: 0;
            margin-top: 10px;
        }
    }
    
    .site-banner {
        position: relative;
    }
    
    .site-banner.video-banner .banner-caption {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .video-banner .wp-custom-header {
        position: relative;
        padding-bottom: 43.1%;
        padding-top: 0;
        height: 0;
        overflow: hidden;
    }
    
    .video-banner .wp-custom-header video,
    .video-banner .wp-custom-header iframe,
    .video-banner .wp-custom-header embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .video-banner #wp-custom-header {
        padding-top: 0;
    }
    
    
    /* Design Fixes */
    
    .sticky-bar-content.notification-enabled a {
        color: #fff;
        text-decoration: none;
        margin-left: 5px;
        font-size: 0.78em;
        display: inline-block;
        border: 1px solid #fff;
        border-radius: 4px;
        padding: 5px 15px;
    }
    
    .sticky-bar-content.notification-enabled a:hover {
        text-decoration: none;
        background: #fff;
    }
    
    
    /* Alignment issue fixes */
    
    .header-five .main-navigation ul li a {
        text-align: left;
    }
    
    .header-six .main-navigation ul li a {
        text-align: left;
    }
    
    .page-template-service .site-main .widget_bttk_icon_text_widget .rtc-itw-inner-holder .text-holder {
        position: unset;
        border-bottom: 0;
    }
    
    .page-template-service .site-main .widget_bttk_icon_text_widget {
        position: relative;
        border-bottom: 3px solid transparent;
        webkit-transition: all ease 0.35s;
        -moz-transition: all ease 0.35s;
        transition: all ease 0.35s;
    }
    
    @media only screen and (min-width:1920px) {
        .wp-custom-header img {
            width: 100%;
            height: auto;
        }
    }
    
    .site-banner .wp-custom-header img {
        width: 100%;
    }
    
    [data-loader="none"] {
        opacity: 1;
    }
    
    [data-loader] {
        animation: fadeIn 1s;
        -webkit-animation: fadeIn 1s;
        -moz-animation: fadeIn 1s;
        -o-animation: fadeIn 1s;
        -ms-animation: fadeIn 1s;
    }
    
    @keyframes fadeIn {
        0% {
            opacity: 0;
        }
    
        100% {
            opacity: 1;
        }
    }
    
    @-moz-keyframes fadeIn {
        0% {
            opacity: 0;
        }
    
        100% {
            opacity: 1;
        }
    }
    
    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0;
        }
    
        100% {
            opacity: 1;
        }
    }
    
    [data-loader="fade"] {
        opacity: 1;
        transition: opacity 1s ease-in;
    }
    
    [data-loader="circle"] {
        opacity: 1;
        transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }
    
    .circle-animation {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        color: #c5cbd0;
        max-width: 40px;
        max-height: 40px;
    }
    
    .circle-animation::before,
    .circle-animation::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 100%;
        height: 100%;
        background: currentColor;
        border-radius: 100%;
    }
    
    @keyframes circles {
        0% {
            transform: scale(0);
            opacity: 0;
        }
    
        5% {
            opacity: 1;
        }
    
        100% {
            transform: scale(1);
            opacity: 0;
        }
    }
    
    @media (prefers-reduced-motion: no-preference) {
        .circle-animation {
            animation-play-state: paused;
        }
    
        .circle-animation::after,
        .circle-animation::before {
            animation: circles 1.5s linear infinite;
        }
    
        .circle-animation::before {
            animation-delay: 0s;
        }
    
        .circle-animation::after {
            animation-delay: 0.8s;
        }
    }
    
    @media screen and (max-width: 1024px){
        .header-main .site-branding {
            justify-content: center;
            text-align: center;
            align-items: center;
        }
    }
    
    img.second-custom-logo{
        max-width: 150px;
    }
    
    .header-four .header-t,
    .header-five .header-t {
        background: rgba(var(--primary-color-rgb), 0.1);
    }
    
    .instagram-section .profile-link{
        font-size: 14px;
        line-height: 1.5;
    }
    .instagram-section .profile-link:hover{
        background: var(--primary-color);
        color: #ffffff;
        text-decoration: none;
    }