@font-face {
        font-family: Typeface-Black;
        src:url("../fonts/font/Typeface-Black.otf");
    }
    
    @font-face {
        font-family: Typeface-BlackItalic;
        src:url(../fonts/font/Typeface-BlackItalic.otf);
    }
    
    @font-face {
        font-family: Typeface-Bold;
        src:url(../fonts/font/Typeface-Bold.otf);
    }
    
    @font-face {
        font-family: Typeface-BoldItalic;
        src:url(../fonts/font/Typeface-BoldItalic.otf);
    }
    
    @font-face {
        font-family: Typeface-Italic;
        src:url(../fonts/font/Typeface-Italic.otf);
    }
    
    @font-face {
        font-family: Typeface-Light;
        src:url(../fonts/font/Typeface-Light.otf);
    }
    
    @font-face {
        font-family: Typeface-LightItalic;
        src:url(../fonts/font/Typeface-LightItalic.otf);
    }
    
    @font-face {
        font-family: Typeface-Medium;
        src:url(../fonts/font/Typeface-Medium.otf);
    }
    
    @font-face {
        font-family: Typeface-MediumItalic;
        src:url(../fonts/font/Typeface-MediumItalic.otf);
    }
    
    @font-face {
        font-family: Typeface-Regular;
        src:url(../fonts/font/Typeface-Regular.otf);
    }
    
    @font-face {
        font-family: Typeface-Thin;
        src:url(../fonts/font/Typeface-Thin.otf);
    }
    
    @font-face {
        font-family: Typeface-ThinItalic;
        src:url(../fonts/font/Typeface-ThinItalic.otf);
    }

    
    body {color: rgba(36,43,53,1.0); font-family: Typeface-Regular;}
    
    a {color: rgba(36,43,53,1.0);}
    a:hover, a:focus {color: #e6430b;}
    
    .container-page * {box-sizing: content-box;}
    
    strong {font-family: Typeface-Bold;}
    
    p {font-family: Typeface-Regular; font-size: 20px; line-height: 28px;}
    
    
    .button-more2, #contact-form .bfFormDiv .bfQuickMode button.btn-primary {
        background-color: #e6430b;
        display: inline-block;
        height: auto;
        border-radius: 30px;
        padding: 10px 18px 8px 20px;
        text-align: center;
        font-family: Typeface-Medium, sans-serif;
        font-size: 18px;
        color: #fff;
        line-height: 18px;
        cursor: pointer;
        transition: color 400ms, background-color 400ms;
        margin-top: 10px;
        width: 100%;
    }
    
    .buttonstories .button-more2 {margin-top:0px;}
    
    a .button-more2 {  color: #fff; display: inherit;}
    
    .button-more2:after {
        content: "\f054";
        font-family: "FontAwesome";
        margin-left: 15px;
    }
    
    a:hover .button-more2, #contact-form .bfFormDiv .bfQuickMode button.btn-primary:hover {
        background-color: #252C35;
        transition: color 400ms, background-color 400ms;
    }
    
    
    #sp-header {
        background: transparent;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 4px;
        margin-top:0px;
        transition-duration: 0.4s;
        z-index: 999;
    }
    
    #sp-header .logo img {
        width: 140px;
        height: 28px;
        margin-left: 30px;
    }
    
    #sp-header.header-sticky {background: rgba(36,43,53,0.95); transition-duration: 1s; top: 0px;}
    
    #sp-position-1 {
        left: 0;
        position:absolute;
        height:auto;
        z-index:99;
        display:table;
        width: 100%;
        top: 6vh;
        padding: 0 30px 0 22px;
    }
    #sp-position-1 .sp-module-content {float: right;}
    
    
    @media (max-width: 991px) {
        #sp-position-1 {padding: 0 22px 0 30px;}
    }
    
    
    /* MAIN BODY */
    .services img, .default img {display: block; max-width: 100%; height: auto;}
    
    .default #sp-main-body, .services #sp-main-body, .layout-blog #sp-main-body, .casehistories #sp-main-body, .contatti #sp-main-body {color: #fff; padding: 100px 30px 0px 30px;}
    
    #sp-main-body .line-abstract {
        width: 18vw;
        height: 2px;
        background-color: #e6430b;
        margin-top: 3vh;
        margin-bottom: 15px;
        position: relative;
    }
    
    #sp-main-body .service .line-abstract, #sp-main-body .default .line-abstract { margin-top: 1vh; width: 12vw; }
    #sp-main-body .container-fluid.content-orange .line-abstract {background-color: #fff;}
    #sp-main-body .container-fluid.content-white.clients .line-abstract  {margin-left: auto; margin-right: auto;}
    
    #sp-main-body .service .u-brand.line-abstract, .button-more2.u-brand, .services #sp-main-body .container-fluid.corporate.u-brand-page {background-color: #148ece;}
    #sp-main-body .service .u-content.line-abstract, .button-more2.u-content,  .services #sp-main-body .container-fluid.corporate.u-content-page {background-color: #adcc51;}
    #sp-main-body .service .u-events.line-abstract, .button-more2.u-events, .services #sp-main-body .container-fluid.corporate.u-events-page {background-color: #0ea983;}
    #sp-main-body .service .u-digital.line-abstract, .button-more2.u-digital, .services #sp-main-body .container-fluid.corporate.u-digital-page {background-color: #de007d;}
    #sp-main-body .service .u-design.line-abstract, .button-more2.u-design, .services #sp-main-body .container-fluid.corporate.u-design-page {background-color: #a78ac0;}
    #sp-main-body .service .u-promo.line-abstract, .button-more2.u-promo, .services #sp-main-body .container-fluid.corporate.u-promo-page {background-color: #5cc4e1;}
    #sp-main-body .service .u-custom.line-abstract, .button-more2.u-custom, .services #sp-main-body .container-fluid.corporate.u-custom-page {background-color: #ffd50e;}
    
    #sp-main-body .buttonstories {
        text-align: center;
        display: inline-block;
        margin-top: 15px;
    }
    
    .default #sp-main-body, .services #sp-main-body {color: #fff; padding: 0px;}
    .default #sp-main-body .container-fluid.corporate, .services #sp-main-body .container-fluid.corporate {background-color: #e6430b; padding: 100px 30px 0 30px; }
    
    .default #sp-main-body .visual, .services #sp-main-body .visual {padding-left: 120px; padding-right: 180px;}
    
    .default #sp-main-body h1, .services #sp-main-body h1 {font-family: Typeface-Bold; font-size: 66px; margin: 0px;}
    #sp-main-body h1.service-name:before {display: inline-block; content: url(../images/symbol-white.svg); width: 53px; height: 54px; margin-right: 13px; }
    
    .services #sp-main-body h2, .default #sp-main-body h2 {font-family: Typeface-Bold; font-size: 36px;}
    .services #sp-main-body h3, .default #sp-main-body h3 {font-family: Typeface-Bold; font-size: 28px;}
    .services #sp-main-body h3.corporate, .default #sp-main-body h3.corporate {color: #e6430b;}
    
    .services #sp-main-body h4, .default #sp-main-body h4 {font-family: Typeface-Bold; font-size: 56px; }
    .services #sp-main-body h5, .default #sp-main-body h5 {font-family: Typeface-Bold; font-size: 30px; margin-top: 60px; line-height: 30px; }
    #sp-main-body .container-fluid.content-orange.values h5 {font-family: Typeface-Medium; margin-top: 20px; }
    
    .services #sp-main-body h6, .default #sp-main-body h6 {font-family: Typeface-Regular; font-size: 28px; margin-top: 0px; line-height: 36px; text-transform: uppercase; }
    
    .services #sp-main-body h4.u-brand:before
    {display: inline-block; content: url(../images/symbol-u-brand.svg);
        width: 45px; height: 46px; margin-right: 10px;}
    .services #sp-main-body h4.u-content:before
    {display: inline-block; content: url(../images/symbol-u-content.svg);
        width: 45px; height: 46px; margin-right: 10px;}
    .services #sp-main-body h4.u-events:before
    {display: inline-block; content: url(../images/symbol-u-events.svg);
        width: 45px; height: 46px; margin-right: 10px;}
    .services #sp-main-body h4.u-digital:before
    {display: inline-block; content: url(../images/symbol-u-digital.svg);
        width: 45px; height: 46px; margin-right: 10px;}
    .services #sp-main-body h4.u-design:before
    {display: inline-block; content: url(../images/symbol-u-design.svg);
        width: 45px; height: 46px; margin-right: 10px;}
    .services #sp-main-body h4.u-promo:before
    {display: inline-block; content: url(../images/symbol-u-promo.svg);
        width: 45px; height: 46px; margin-right: 10px;}
    .services #sp-main-body h4.u-custom:before
    {display: inline-block; content: url(../images/symbol-u-custom.svg);
        width: 45px; height: 46px; margin-right: 10px;}
    
    .container.intro {padding-top: 100px; padding-bottom: 80px; }
    .container.intro a {color: #fff;} .container.intro a:hover, .container.intro a:focus {color: #e6430b;}
    .container-fluid.content-white {background-color: #fff; padding-top: 80px; padding-bottom: 0px; color: rgba(36,43,53,1.0); }
    .container-fluid.content-white.two {padding-top: 20px; padding-bottom: 0px;}
    .container-fluid.content-white.symbol {background-color: #fff; padding-top: 40px; padding-bottom:0px;}
    .container-fluid.content-white.cit {padding-top: 40px; padding-bottom:40px;}
    
    .container-fluid.content-dark {background-color: rgba(36,43,53,1.0); padding-top: 80px; padding-bottom: 60px; color: #fff; }
    
    .container-fluid.content-orange {background-color: #e6430b; padding-top: 80px; padding-bottom: 60px; color: #fff; }
    
    .container-fluid.content-white.clients {text-align: center;}
    
    .container.intro p.summary {font-family: Typeface-Regular; font-size: 24px; color: #e6430b; line-height: 32px;  }
    
    .services #sp-main-body .article-list, .default #sp-main-body .article-list  {background: #fff; color: rgba(36,43,53,1.0); }
    .services #sp-main-body .article-list .article, .default #sp-main-body .article-list .article {padding: 20px 0; }
    
    .services #sp-main-body .article-list p, .default #sp-main-body .article-list p {font-size: 20px; line-height: 28px;}
    
    .service-tags ul {font-family: Typeface-Medium; text-transform: uppercase;   list-style-type: none;
        margin: 0 0 30px 0; padding: 0;}
    .service-tags ul li {margin-bottom: 8px; line-height: 1.3;}
    
    .u-brand, .container.intro.u-brand p.summary {color: #148ece;}
    .u-content,.container.intro.u-content p.summary {color: #adcc51;}
    .u-events, .container.intro.u-events p.summary {color: #0ea983;}
    .u-digital, .container.intro.u-digital p.summary {color: #de007d;}
    .u-design, .container.intro.u-design p.summary {color: #a78ac0;}
    .u-promo, .container.intro.u-promo p.summary {color: #5cc4e1;}
    .u-custom, .container.intro.u-custom p.summary {color:#ffd50e;}
    
    @media (max-width: 991px) {
        .services #sp-main-body .visual, .default #sp-main-body .visual {padding: 0px 50px;}
    }
    @media (max-width: 767px) {
        .services #sp-main-body h1, .default #sp-main-body h1 {font-size: 50px;}
        .services #sp-main-body h1:before {width: 38px; height: 39px;}
    }
    
    @media (max-width: 575px) {
        .services #sp-main-body .visual, .default #sp-main-body .visual {padding-left: 15px; padding-right: 120px;}
        .services #sp-main-body h1, .default #sp-main-body h1 {font-size: 60px; float: right; margin-bottom: 30px;}
        .services #sp-main-body h1:before {width: 47px; height: 48px;}
        .container.intro {padding: 50px 30px; }
        #sp-main-body .line-abstract {width: 50vw;}
        .services #sp-main-body .article-list .article, .default #sp-main-body .article-list .article {padding: 20px 15px;}
        .container-fluid.content-white {padding-top: 60px; padding-bottom: 0px; }
    }
    

/* CONVERT FORM*/

.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
    padding: 0px !important;
}
#contact-form label {
    font-size: 18px;
    font-family: Typeface-Medium;
}

.convertforms .cf-label .cf-required-label {
    font-size: 18px;
    font-family: Typeface-Medium;
    color: #e6430b;
}

.convertforms .cf-select select {
    font-size: 16px;
}

.convertforms .cf-select option {
    font-family: Typeface-Regular !important;
}

.convertforms .cf-btn {
    font-family: Typeface-Bold;
}

.convertforms .cf-btn:active, .convertforms .cf-btn:focus, .convertforms .cf-btn:hover {
    background: rgba(36,43,53,1.0) !important;
    opacity: 1 !important;
}

#contact-form label#privacy_policy_required {
    position: absolute !important;
    margin-left: 13px !important;
    margin-top: 2px !important;
}

@media (max-width: 767px) {
    .convertforms .cf-one-half, .convertforms .cf-two-fourths, .convertforms .cf-three-sixths {
        width: 100% !important;
    }
}

    /* BOTTOM */
    #sp-bottom [class*='col-'] {min-height: 0px;}
    
    /* NEXT U STORY */
    
    .container-cta {
        width: 100%;
        position: relative;
        background-color: #242b35;
        z-index: 10;
    }
    
    .container-cta .block-row {
        position: relative;
        width: 100%;
        height: 300px;
        left: 0%;
        display: table;
    }
    
    .container-cta-button {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
    
    .cta-subtitle {
        color: #92959a;
        width: 100%;
        margin: auto;
        text-align: center;
        margin-top: 30px;
    }
    .cta-subtitle span {
        border-top: solid 2px #FFF;
        padding-top: 16px;
    }
    
    .link-cta {
        text-decoration: none;
    }
    
    .button-cta {
        position: relative;
        background-color: #ffffff;
        width: 150px;
        height: auto;
        border-radius: 30px;
        padding: 10px;
        padding-top: 14px;
        text-align: center;
        font-family: Typeface-Medium, sans-serif;
        font-size: 14px;
        color: #242b35;
        line-height: 20px;
        cursor: pointer;
        left: 50%;
        transform: translate(-50%, 0%);
        transition: color 400ms, background-color 400ms;
        
    }
    
    .button-cta:hover {
        background-color: #e6430b;
        transition: color 400ms, background-color 400ms;
        
    }
    
    .button-cta img {
        width: 21px;
        padding-left: 14px;
        margin-top: -4px;
    }
    
    /* CLAIM */
    #sp-claim [class*='col-'] {min-height: 0px;}
    #sp-claim {background: rgba(36,43,53,1); padding: 10px 0 10px 0; }
    #sp-claim img {width: 228px; height: 15px; }
    
    
    /* FOOTER*/
    
    #sp-footer {width: 100%; position: relative; background-color: #e6430b;  padding: 40px 15px; color: #fff; font-family: Typeface-Regular; margin: 0px; z-index: 5;}
    #sp-footer p {font-size: 16px; line-height: 24px; margin-bottom: 0px;}
    #sp-footer2 img {width: 100px; height: 118px; display: block; margin-left: auto; margin-right: auto;
    }
    a[href^="tel:"] {
        color: #fff;
        text-decoration: none;
    }
    
    #sp-footer3 {
        display: flex;
        flex-direction: column;
    }
    #sp-footer3 ul.social-icons {font-size: 40px; float: right;}
    #sp-footer3 ul.social-icons a {color: rgba(36, 43, 53, 1.0);}
#sp-footer3 ul.social-icons a:hover,
#sp-footer3 ul.social-icons a:focus {color: rgba(256, 256, 256, 1.0);}
    #sp-footer3 .copyright p {font-size: 12px; text-align: right; float: right; margin-top: 15px;}
    
    @media (max-width: 991px) {
        #sp-footer3 ul.social-icons {float: left; width: 100%; margin-top: 10px;}
        #sp-footer3 .copyright {float: left; }
        #sp-footer2 img {margin-left: 0px; margin-right: 0px; float: right;}
        #sp-footer3 .copyright p {
            float: left;
        }
    }
    
    @media (max-width: 575px) {
        #sp-footer2 img {float: left; margin-bottom: 30px;}
        #sp-claim {padding: 15px 15px  15px 15px; }
        
    }
    
    /* COOKIES */
    div.cc-window.cc-banner,
    .cc-revoke,
    .cc-window,
    .cc-banner .cc-message {
        font-family: Typeface-Light !important;
        line-height: 1.1;
    }
div.cc-settings-label, span.cc-cookie-settings-toggle {
    font-family: Typeface-Medium !important;
    font-size: 16px;
}
    
    /* PARTICLES */
    
    /* ---- particles.js container ---- */ #particles-js{ position: absolute; top:0; left: 0; width: 100%; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* ---- stats.js ---- */ .count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; }
    
    
    ::-moz-selection, ::-webkit-selection, ::selection { background: #e6430b; color: #ffffff !important; }
    #sp-footer p::-moz-selection, #sp-footer p::-webkit-selection, #sp-footer p::selection, #sp-footer a::-moz-selection, #sp-footer a::-webkit-selection, #sp-footer a::selection, #sp-footer strong::-moz-selection, #sp-footer strong::-webkit-selection, #sp-footer strong::selection, .content-orange h4::-moz-selection, .content-orange h4::-webkit-selection, .content-orange h4::selection, .content-orange h5::-moz-selection, .content-orange h5::-webkit-selection, .content-orange h5::selection, h1::-moz-selection, h1::-webkit-selection, h1::selection  { background: #242b35 !important; color: #ffffff !important; }
    
    /* LOGIN */
    .login, .logout {padding: 100px 30px 60px 30px; color: #ffffff;}
    
#com-users-login__form {
    margin-top: 100px;
    padding-bottom: 100px;
}
#com-users-login__form .controls {
max-width: 100px;
}

.logouthome {
    display: inline-block;
    margin-top: 150px;
    margin-bottom: 150px;

    
}