/* Site id: 8730 */
/* Font style id: 389679 */
/* Font style default// id: 13, name: Theme Sofia*/







: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: rgb(54, 63, 69);
    

    
    --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: 2px;
    --header-subtitle--line-height: 1.1875rem;
    --header-subtitle--font-weight: None;
    --header-subtitle--font-size: 0.75rem;
    --header-subtitle--font-style: italic;
    --header-subtitle--text-transform: uppercase;
    

    
    --header-nav--color: rgb(252, 179, 27);
    --header-nav--font-family: Lato;
    --header-nav--letter-spacing: 0px;
    --header-nav--line-height: 6.25rem;
    --header-nav--font-weight: 700;
    --header-nav--font-size: 0.875rem;
    --header-nav--font-style: normal;
    --header-nav--text-transform: uppercase;
    

    
    --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: rgb(54, 63, 69);
        
    
}



:root {
    
    --paragraph-title--color: rgb(27, 31, 59);
    --paragraph-title--font-family: Muli;
    --paragraph-title--letter-spacing: 1px;
    --paragraph-title--line-height: 1.5625rem;
    --paragraph-title--font-weight: 900;
    --paragraph-title--font-size: 1.125rem;
    --paragraph-title--font-style: normal;
    --paragraph-title--text-transform: uppercase;
    

    
    --paragraph-text--color: rgb(27, 31, 59);
    --paragraph-text--font-family: Muli;
    --paragraph-text--letter-spacing: 1px;
    --paragraph-text--line-height: 1.5rem;
    --paragraph-text--font-weight: None;
    --paragraph-text--font-size: 0.875rem;
    --paragraph-text--font-style: italic;
    --paragraph-text--text-transform: none;
    
}

body#ly-viewing, body#ly-editing {
    
        
            background-color: #FFFFFF;
        
    
}

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

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

.icons-svg-social img  {
    
    
    
}

.icons-font-social, .social-icons {
    text-align: center;
    
    
    
    
    
    
    
    
}

.spw-headline, .spw-wysiwyg h1 {
    
        font-size: 1.875rem;
    
    
        line-height: 2.625rem;
    
    color: rgb(0, 0, 0);
    font-family: Lato;
    letter-spacing: 0.1875rem;
    text-transform: uppercase;
    
        
        
        
        
        
        
        
        font-weight: 700;
        
        
    
}

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

.spw-section-subtitle,
.spw-title, .spw-wysiwyg h3 {
    color: rgb(27, 31, 59);
    font-family: Muli !important;
    font-size: 1.875rem !important;
    letter-spacing: 0.0625rem !important;
    line-height: 2.3125rem !important;
    text-transform: uppercase !important;
    
        
        
        
        
        
        
        font-weight: 600 !important;
        
        
        
    
}

.spw-section-title, .spw-wysiwyg h2 {
    color: rgb(27, 31, 59);
    font-family: "Lato" !important;
    font-size: 1.75rem !important;
    letter-spacing: 0.3125rem !important;
    line-height: 1.5625rem !important;
    text-transform: uppercase !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(0, 0, 0);
        border-color: rgb(0, 0, 0);
    
    color: rgb(255, 255, 255);
    font-family: Lato;
    font-size: 1.125rem;
    letter-spacing: 0.125rem;
    text-transform: none;
    
        
        
        
        
        
        
        font-weight: 600;
        
        
        
    
    
}

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

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

.spw-button--text {
    background-color: transparent;
    border: none;
    
        color: rgb(0, 0, 0);
    
    font-family: Lato;
    font-size: 1.125rem;
    letter-spacing: 0.125rem;
    text-transform: none;
    
        
        
        
        
        
        
        font-weight: 600;
        
        
        
    
}

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

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

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

.spw-gallery-overlay__buttons a {
    
}

.spw-link, .spw-wysiwyg a:not(.spw-button) {
    color: rgb(229, 229, 229);
    
        
        
        
        
        
        
        
        font-weight: 700;
        
        
    
    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: rgb(229, 229, 229) !important;
    text-decoration-line: none !important;
}

.spw-faqs li > a {
    color: rgb(229, 229, 229);
}

.spw-faqs li > a:hover, .spw-faqs li > a:focus {
    color: rgb(229, 229, 229) !important;
}

.spw-feature-icons__icon, .spw-feature-icons__icon i {
    
}

.spw-team__name,
h3.spw-team__name {
    
    color: rgb(27, 31, 59);
    
}

.spw-team__icon {
    
}

.spw-project__title {
    font-family: "Lato" !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(0, 0, 0);
    

    
    --footer-title--color: rgb(255, 255, 255);
    --footer-title--font-family: Lato;
    --footer-title--letter-spacing: 1px;
    --footer-title--line-height: 1.25rem;
    --footer-title--font-weight: 700;
    --footer-title--font-size: 1.0rem;
    --footer-title--font-style: normal;
    --footer-title--text-transform: uppercase;
    

    
    --footer-subtitle--color: rgb(252, 249, 255);
    --footer-subtitle--font-family: Lato;
    --footer-subtitle--letter-spacing: 1px;
    --footer-subtitle--line-height: 0.625rem;
    --footer-subtitle--font-weight: 300;
    --footer-subtitle--font-size: 0.75rem;
    --footer-subtitle--font-style: normal;
    --footer-subtitle--text-transform: uppercase;
    

    
    --footer-copyright--color: rgb(255, 255, 255);
    --footer-copyright--font-family: Lato;
    --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: Lato;
    --footer-nav--letter-spacing: 1px;
    --footer-nav--line-height: 1.6875rem;
    --footer-nav--font-weight: 300;
    --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);
}