/* Site id: 8447 */
/* Font style id: 381907 */
/* Font style default// id: 13, name: Theme Sofia*/


:root {
    --spw-primary-10: #fae9ea;
    --spw-primary-20: #eeb8bb;
    --spw-primary-30: #e18388;
    --spw-primary-50: #c9222a;
    --spw-primary-70: #a11b22;
    --spw-primary-80: #791419;
    --spw-primary-90: #500e11;
}






:root {
    
    --promobar--bg-color: ;
    --promobar--color: ;
    --promobar--font-family: ;
    --promobar--letter-spacing: px;
    --promobar--line-height: 1rem;
    --promobar--font-weight: ;
    --promobar--font-size: 1rem;
    --promobar--font-style: normal;
    --promobar--text-transform: none;
    

    
    --header-bg--color: #A957A9;
    

    
    --header-title--color: rgb(255, 255, 255);
    --header-title--font-family: Merriweather;
    --header-title--letter-spacing: 2px;
    --header-title--line-height: 1.9375rem;
    --header-title--font-weight: 400;
    --header-title--font-size: 1.25rem;
    --header-title--font-style: normal;
    --header-title--text-transform: none;
    

    
    --header-subtitle--color: rgb(255, 255, 255);
    --header-subtitle--font-family: Open Sans;
    --header-subtitle--letter-spacing: 0px;
    --header-subtitle--line-height: 1.5625rem;
    --header-subtitle--font-weight: 700;
    --header-subtitle--font-size: 1.5rem;
    --header-subtitle--font-style: normal;
    --header-subtitle--text-transform: uppercase;
    

    
    --header-nav--color: #FFFFFF;
    --header-nav--font-family: Open Sans;
    --header-nav--letter-spacing: 1px;
    --header-nav--line-height: 6.25rem;
    --header-nav--font-weight: 500;
    --header-nav--font-size: 1.125rem;
    --header-nav--font-style: normal;
    --header-nav--text-transform: none;
    

    
    --header-subpage--color: #626262;
    --header-subpage--font-family: Open Sans;
    --header-subpage--letter-spacing: 0px;
    --header-subpage--line-height: 3.125rem;
    --header-subpage--font-weight: 300;
    --header-subpage--font-size: 0.875rem;
    --header-subpage--font-style: normal;
    --header-subpage--text-transform: none;
    

    --header-social--color: #AAAAAA;
    --header-hamburger--color: rgb(0, 0, 0);
    --header-ecom-icons--color: 
}


.spw-header .uk-navbar-dropdown {
    
        
            background-color: #A957A9;
        
    
}



:root {
    
    --paragraph-title--color: rgb(0, 0, 0);
    --paragraph-title--font-family: Open Sans;
    --paragraph-title--letter-spacing: 1px;
    --paragraph-title--line-height: 1.5625rem;
    --paragraph-title--font-weight: 400;
    --paragraph-title--font-size: 1.5rem;
    --paragraph-title--font-style: normal;
    --paragraph-title--text-transform: none;
    

    
    --paragraph-text--color: rgb(0, 0, 0);
    --paragraph-text--font-family: Open Sans;
    --paragraph-text--letter-spacing: 1px;
    --paragraph-text--line-height: 1.5rem;
    --paragraph-text--font-weight: 500;
    --paragraph-text--font-size: 1.125rem;
    --paragraph-text--font-style: normal;
    --paragraph-text--text-transform: none;
    
}

body#ly-viewing, body#ly-editing {
    
        
            background-image: url("https://spoton-prod-websites-user-assets.s3.amazonaws.com/static/uploads/back_bamboo_paradise.jpg");
        
    
}

.icons-font-social, .social-icons {
    margin: 0.3125rem 0.125rem;
    
    
        display: none;
    
}

.icons-svg-social {
    margin: 0.3125rem;
    
        display: inline-block;
    
    
}

.icons-svg-social img  {
    
    
     width: 2.8125rem; 
}

.icons-font-social, .social-icons {
    text-align: center;
    
        border-radius: none; border: none;
    
    
    
    
    
    
    
        font-size: 1.875rem;
        width: 3.4375rem;
        height: 3.4375rem;
        line-height: 3.25rem;
        top: 0.625rem;
    
    
        color: #3B3B3B;
    
}

.spw-headline, .spw-wysiwyg h1 {
    
        font-size: 2.375rem;
    
    
        line-height: 2.625rem;
    
    color: rgb(201, 34, 42);
    font-family: Open Sans;
    letter-spacing: 0.1875rem;
    text-transform: uppercase;
    
        
        
        
        
        
        font-weight: 500;
        
        
        
        
    
}

@media (min-width: 640px) {
    .spw-headline {
        line-height: 2.625rem;
        font-size: 2.375rem;
    }
}

.spw-section-subtitle,
.spw-title, .spw-wysiwyg h3 {
    color: rgb(201, 34, 42);
    font-family: Muli !important;
    font-size: 1.625rem !important;
    letter-spacing: 0.0625rem !important;
    line-height: 1.5625rem !important;
    text-transform: none !important;
    
        
        
        
        
        
        
        font-weight: 600 !important;
        
        
        
    
}

.spw-section-title, .spw-wysiwyg h2 {
    color: rgb(201, 34, 42);
    font-family: "Open Sans" !important;
    font-size: 1.75rem !important;
    letter-spacing: 0.0625rem !important;
    line-height: 1.5625rem !important;
    text-transform: none !important;
    
        
        
        
        
        
        
        
        font-weight: 700 !important;
        
        
    
}

.spw-paragraph--bold {
    font-weight: 700 !important;
}

.spw-paragraph--italic {
    font-style: italic !important;
}

.spw-paragraph--uppercase {
    text-transform: uppercase !important;
}

.spw-carrot, .spw-gallery__dotnav .uk-active a, .spw-active-pager a, .spw-header-cart__badge {
    background-color: rgb(255, 255, 255);
}

.spw-carrot a {
    color: rgb(255, 255, 255);
}

.spw-footer-contact__icon, .spw-testimonial__icon {
    color: rgb(255, 255, 255);
}

.spw-button, .uk-overlay-primary a {
    
        background-color: rgb(201, 34, 42);
        border-color: rgb(201, 34, 42);
    
    color: rgb(255, 255, 255);
    font-family: Open Sans;
    font-size: 1.25rem;
    letter-spacing: 0.0rem;
    text-transform: none;
    
        
        
        
        
        
        
        
        font-weight: 700;
        
        
    
    
        border-radius: 0.0rem !important;
    
}

.spw-button[disabled] {
    background-color: rgb(201, 34, 42);
    border-color: rgb(201, 34, 42);
    color: rgb(255, 255, 255);
    opacity: 0.5;
}

.spw-button:hover {
    background-color: rgb(201, 34, 42);
    color: rgb(255, 255, 255);
}
.spw-button:focus,
.spw-button:active {
    background-color: rgb(201, 34, 42);
}

.spw-button--text {
    background-color: transparent;
    border: none;
    
        color: rgb(201, 34, 42);
    
    font-family: Open Sans;
    font-size: 1.25rem;
    letter-spacing: 0.0rem;
    text-transform: none;
    
        
        
        
        
        
        
        
        font-weight: 700;
        
        
    
}

.spw-button--text:hover {
    background-color: transparent;
    border: none;
    
        color: rgb(201, 34, 42);
    
    filter: brightness(65%);
}

.spw-button--outlined {
    background-color: transparent;
    
        color: rgb(201, 34, 42);
        border-color: rgb(201, 34, 42)
    
}

.spw-button--outlined:focus {
    
        color: rgb(255, 255, 255);
    
}

.spw-gallery-overlay__buttons a {
    
        border-radius: 0.0rem !important;
    
}

.spw-link, .spw-wysiwyg a:not(.spw-button) {
    color: #968dff;
    
        
        
        
        
        font-weight: 400;
        
        
        
        
        
    
    text-decoration-line: underline !important;
    text-underline-offset: 0.25rem;
    text-decoration-thickness: 0.125rem;
    text-decoration-color: inherit;
}

a.spw-link:hover, .spw-wysiwyg a:hover {
    color: #6f64f3 !important;
    text-decoration-line: none !important;
}

.spw-faqs li > a {
    color: #968dff;
}

.spw-faqs li > a:hover, .spw-faqs li > a:focus {
    color: #6f64f3 !important;
}

.spw-feature-icons__icon, .spw-feature-icons__icon i {
    color: #3B3B3B;
}

.spw-team__name,
h3.spw-team__name {
    
    color: rgb(201, 34, 42);
    
}

.spw-team__icon {
    color: #3B3B3B;
}

.spw-project__title {
    font-family: "Open Sans" !important;
}

.spw-project__subtitle {
    font-family: Muli !important;
}





.spw-fab-container--bottom-bar {
    background-color: var(--black);
    bottom: 0;
    display: none;
    justify-content: center;
    padding: .75rem;
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
}

.spw-fab {
    align-items: center;
    background-color: #CC9A36;
    border: 1px solid;
    border-color: transparent;
    display: flex;
    gap: .625rem;
}

.spw-fab__text {
    color: var(--white);
}



#ly-page .ly-element .image-caption {
    
        font-family: Open Sans;
    
    
        font-size: 54px;
    
    
        color: rgb(255, 255, 255);
    
    
        letter-spacing: 0px;
    
    
        line-height: 25px;
    
    
        text-transform: none;
    
    
        
        
        
        
        font-weight: 400;
        
        
        
        
        
    
}

#ly-viewing figcaption .mfp-title a, #ly-viewing figcaption .mfp-title p {
    
        font-family: Open Sans;
    
    
        font-size: 12px;
    
    
        color: #FFFFFF;
    
    
        letter-spacing: 0px;
    
    
        line-height: 20px;
    
    
        text-transform: none;
    
    
        
        
        
        
        font-weight: 400;
        
        
        
        
        
    
}

#ly-page .ly-element .projects-container title,
.spw-projects-desc__title {
    
        font-family: Open Sans;
    
    
        font-size: 0.8125rem;
    
    
        color: #3b3b3b;
    
    
        letter-spacing: 0.125rem;
    
    
        line-height: 1.5rem;
    
    
        text-transform: uppercase!important;
    
    
        
        
        
        
        font-weight: 400;
        
        
        
        
        
    
}



:root {
    
    --footer-bg--color: rgb(210, 192, 88);
    

    
    --footer-title--color: rgb(255, 255, 255);
    --footer-title--font-family: Open Sans;
    --footer-title--letter-spacing: 1px;
    --footer-title--line-height: 2.4375rem;
    --footer-title--font-weight: 500;
    --footer-title--font-size: 1.875rem;
    --footer-title--font-style: normal;
    --footer-title--text-transform: none;
    

    
    --footer-subtitle--color: rgb(255, 255, 255);
    --footer-subtitle--font-family: Open Sans;
    --footer-subtitle--letter-spacing: 1px;
    --footer-subtitle--line-height: 1.625rem;
    --footer-subtitle--font-weight: 500;
    --footer-subtitle--font-size: 1.0rem;
    --footer-subtitle--font-style: normal;
    --footer-subtitle--text-transform: none;
    

    
    --footer-copyright--color: rgb(255, 255, 255);
    --footer-copyright--font-family: Open Sans;
    --footer-copyright--letter-spacing: 0px;
    --footer-copyright--line-height: 1.25rem;
    --footer-copyright--font-weight: 400;
    --footer-copyright--font-size: 0.75rem;
    --footer-copyright--font-style: normal;
    --footer-copyright--text-transform: uppercase;
    

    
    --footer-contact--color: ;
    --footer-contact--font-family: ;
    --footer-contact--letter-spacing: px;
    --footer-contact--line-height: 1rem;
    --footer-contact--font-weight: ;
    --footer-contact--font-size: 1rem;
    --footer-contact--font-style: normal;
    --footer-contact--text-transform: none;
    

    
    --footer-nav--color: rgb(255, 255, 255);
    --footer-nav--font-family: Open Sans;
    --footer-nav--letter-spacing: 1px;
    --footer-nav--line-height: 1.6875rem;
    --footer-nav--font-weight: 500;
    --footer-nav--font-size: 0.8125rem;
    --footer-nav--font-style: normal;
    --footer-nav--text-transform: none;
    

    --footer-social--color: rgb(255, 255, 255);
}






.spw-button, .spw-button:focus, .uk-overlay-primary a {
    background-color: var(--spw-primary-50);
    border-color: var(--spw-primary-50);
}

.spw-button[disabled] {
    cursor: not-allowed;
    background-color: var(--spw-primary-50);
    border-color: var(--spw-primary-50);
    opacity: 0.5;
}

.spw-button:hover {
    background-color: var(--spw-primary-70);
    border-color: var(--spw-primary-70);
}

.spw-button:active {
    background-color: var(--spw-primary-80);
    border-color: var(--spw-primary-80);
}

.spw-button--outlined {
    background-color: transparent;
    color: var(--spw-primary-50);
}

.spw-button--outlined:hover {
    background-color: var(--spw-primary-50);
    border-color: var(--spw-primary-70);
    color: var(--spw-primary-70);
}

.spw-button--outlined:active {
    background-color: var(--spw-primary-20);
    border-color: var(--spw-primary-80);
    color: var(--spw-primary-80);
}

.spw-button--outlined:focus {
    background-color: transparent;
    color: var(--spw-primary-50);
}

.spw-input:not(.error):hover, .spw-textarea:not(.error):hover {
    border-color: var(--spw-primary-70);
}

.spw-input:not(.error):focus, .spw-textarea:not(.error):focus {
    border-color: var(--spw-primary-50);
}