.sf-view {
    height: 100%}
.sf-layout {
    height: 100%}
.sf-act-container, .sf-award-container, .sf-benefit-container, .sf-bio-container, .sf-brand-container, .sf-cap-container, .sf-caption-container, .sf-cloud-container, .sf-contact-container, .sf-container, .sf-culture-container, .sf-customer-container, .sf-definition-container, .sf-depiction-container, .sf-deployment-container, .sf-description-container, .sf-ecosystem-container, .sf-endpoints-container, .sf-expertise-container, .sf-factor-container, .sf-footer-container, .sf-framework-container, .sf-functional-container, .sf-gallery-container, .sf-getapp-container, .sf-header-container, .sf-hero-container, .sf-increase-container, .sf-info-container, .sf-infrastructure-container, .sf-interaction-container, .sf-kind-container, .sf-list-container, .sf-logos-container, .sf-managment-container, .sf-map-container, .sf-media-container, .sf-menu-container, .sf-more-container, .sf-newsection-container, .sf-newstop-container, .sf-note-container, .sf-our-container, .sf-overview-container, .sf-part-container, .sf-partners-container, .sf-people-container, .sf-person-container, .sf-popup-container, .sf-post-container, .sf-post-containerpadding, .sf-process-container, .sf-profit-container, .sf-promo-container, .sf-protect-container, .sf-quote-container, .sf-recognition-container, .sf-resource-container, .sf-saas-container, .sf-schedule-container, .sf-schema-container, .sf-score-container, .sf-screen-container, .sf-searchbar-container, .sf-security-header-container, .sf-security-start-container, .sf-services-container, .sf-sitemap-container, .sf-solution-container, .sf-source-container, .sf-splitshow-container, .sf-support-container, .sf-system-container, .sf-team-container, .sf-testimonial-container, .sf-text-container, .sf-tools-container, .sf-topic-container, .sf-topper-container, .sf-usecase-container, .sf-usecase-note-container, .sf-why-container, .sf-work-container {
    width: 100%;
    padding: 0 16px;
}
@media (min-width:768px) {
    .sf-act-container, .sf-award-container, .sf-benefit-container, .sf-bio-container, .sf-brand-container, .sf-cap-container, .sf-caption-container, .sf-cloud-container, .sf-contact-container, .sf-container, .sf-culture-container, .sf-customer-container, .sf-definition-container, .sf-depiction-container, .sf-deployment-container, .sf-description-container, .sf-ecosystem-container, .sf-endpoints-container, .sf-expertise-container, .sf-factor-container, .sf-footer-container, .sf-framework-container, .sf-functional-container, .sf-gallery-container, .sf-getapp-container, .sf-header-container, .sf-hero-container, .sf-increase-container, .sf-info-container, .sf-infrastructure-container, .sf-interaction-container, .sf-kind-container, .sf-list-container, .sf-logos-container, .sf-managment-container, .sf-map-container, .sf-media-container, .sf-menu-container, .sf-more-container, .sf-newsection-container, .sf-newstop-container, .sf-note-container, .sf-our-container, .sf-overview-container, .sf-part-container, .sf-partners-container, .sf-people-container, .sf-person-container, .sf-popup-container, .sf-post-container, .sf-post-containerpadding, .sf-process-container, .sf-profit-container, .sf-promo-container, .sf-protect-container, .sf-quote-container, .sf-recognition-container, .sf-resource-container, .sf-saas-container, .sf-schedule-container, .sf-schema-container, .sf-score-container, .sf-screen-container, .sf-searchbar-container, .sf-security-header-container, .sf-security-start-container, .sf-services-container, .sf-sitemap-container, .sf-solution-container, .sf-source-container, .sf-splitshow-container, .sf-support-container, .sf-system-container, .sf-team-container, .sf-testimonial-container, .sf-text-container, .sf-tools-container, .sf-topic-container, .sf-topper-container, .sf-usecase-container, .sf-usecase-note-container, .sf-why-container, .sf-work-container {
    padding: 0 40px;
}
}@media (min-width:1024px) {
    .sf-act-container, .sf-award-container, .sf-benefit-container, .sf-bio-container, .sf-brand-container, .sf-cap-container, .sf-caption-container, .sf-cloud-container, .sf-contact-container, .sf-container, .sf-culture-container, .sf-customer-container, .sf-definition-container, .sf-depiction-container, .sf-deployment-container, .sf-description-container, .sf-ecosystem-container, .sf-endpoints-container, .sf-expertise-container, .sf-factor-container, .sf-footer-container, .sf-framework-container, .sf-functional-container, .sf-gallery-container, .sf-getapp-container, .sf-header-container, .sf-hero-container, .sf-increase-container, .sf-info-container, .sf-infrastructure-container, .sf-interaction-container, .sf-kind-container, .sf-list-container, .sf-logos-container, .sf-managment-container, .sf-map-container, .sf-media-container, .sf-menu-container, .sf-more-container, .sf-newsection-container, .sf-newstop-container, .sf-note-container, .sf-our-container, .sf-overview-container, .sf-part-container, .sf-partners-container, .sf-people-container, .sf-person-container, .sf-popup-container, .sf-post-container, .sf-post-containerpadding, .sf-process-container, .sf-profit-container, .sf-promo-container, .sf-protect-container, .sf-quote-container, .sf-recognition-container, .sf-resource-container, .sf-saas-container, .sf-schedule-container, .sf-schema-container, .sf-score-container, .sf-screen-container, .sf-searchbar-container, .sf-security-header-container, .sf-security-start-container, .sf-services-container, .sf-sitemap-container, .sf-solution-container, .sf-source-container, .sf-splitshow-container, .sf-support-container, .sf-system-container, .sf-team-container, .sf-testimonial-container, .sf-text-container, .sf-tools-container, .sf-topic-container, .sf-topper-container, .sf-usecase-container, .sf-usecase-note-container, .sf-why-container, .sf-work-container {
    padding: 0 82px;
    max-width: 1024px;
    margin: 0 auto;
}
}@media (min-width:1200px) {
    .sf-act-container, .sf-award-container, .sf-benefit-container, .sf-bio-container, .sf-brand-container, .sf-cap-container, .sf-caption-container, .sf-cloud-container, .sf-contact-container, .sf-container, .sf-culture-container, .sf-customer-container, .sf-definition-container, .sf-depiction-container, .sf-deployment-container, .sf-description-container, .sf-ecosystem-container, .sf-endpoints-container, .sf-expertise-container, .sf-factor-container, .sf-footer-container, .sf-framework-container, .sf-functional-container, .sf-gallery-container, .sf-getapp-container, .sf-header-container, .sf-hero-container, .sf-increase-container, .sf-info-container, .sf-infrastructure-container, .sf-interaction-container, .sf-kind-container, .sf-list-container, .sf-logos-container, .sf-managment-container, .sf-map-container, .sf-media-container, .sf-menu-container, .sf-more-container, .sf-newsection-container, .sf-newstop-container, .sf-note-container, .sf-our-container, .sf-overview-container, .sf-part-container, .sf-partners-container, .sf-people-container, .sf-person-container, .sf-popup-container, .sf-post-container, .sf-post-containerpadding, .sf-process-container, .sf-profit-container, .sf-promo-container, .sf-protect-container, .sf-quote-container, .sf-recognition-container, .sf-resource-container, .sf-saas-container, .sf-schedule-container, .sf-schema-container, .sf-score-container, .sf-screen-container, .sf-searchbar-container, .sf-security-header-container, .sf-security-start-container, .sf-services-container, .sf-sitemap-container, .sf-solution-container, .sf-source-container, .sf-splitshow-container, .sf-support-container, .sf-system-container, .sf-team-container, .sf-testimonial-container, .sf-text-container, .sf-tools-container, .sf-topic-container, .sf-topper-container, .sf-usecase-container, .sf-usecase-note-container, .sf-why-container, .sf-work-container {
    padding: 0 100px;
    max-width: 1200px;
}
}@media (min-width:1600px) {
    .sf-act-container, .sf-award-container, .sf-benefit-container, .sf-bio-container, .sf-brand-container, .sf-cap-container, .sf-caption-container, .sf-cloud-container, .sf-contact-container, .sf-container, .sf-culture-container, .sf-customer-container, .sf-definition-container, .sf-depiction-container, .sf-deployment-container, .sf-description-container, .sf-ecosystem-container, .sf-endpoints-container, .sf-expertise-container, .sf-factor-container, .sf-footer-container, .sf-framework-container, .sf-functional-container, .sf-gallery-container, .sf-getapp-container, .sf-header-container, .sf-hero-container, .sf-increase-container, .sf-info-container, .sf-infrastructure-container, .sf-interaction-container, .sf-kind-container, .sf-list-container, .sf-logos-container, .sf-managment-container, .sf-map-container, .sf-media-container, .sf-menu-container, .sf-more-container, .sf-newsection-container, .sf-newstop-container, .sf-note-container, .sf-our-container, .sf-overview-container, .sf-part-container, .sf-partners-container, .sf-people-container, .sf-person-container, .sf-popup-container, .sf-post-container, .sf-post-containerpadding, .sf-process-container, .sf-profit-container, .sf-promo-container, .sf-protect-container, .sf-quote-container, .sf-recognition-container, .sf-resource-container, .sf-saas-container, .sf-schedule-container, .sf-schema-container, .sf-score-container, .sf-screen-container, .sf-searchbar-container, .sf-security-header-container, .sf-security-start-container, .sf-services-container, .sf-sitemap-container, .sf-solution-container, .sf-source-container, .sf-splitshow-container, .sf-support-container, .sf-system-container, .sf-team-container, .sf-testimonial-container, .sf-text-container, .sf-tools-container, .sf-topic-container, .sf-topper-container, .sf-usecase-container, .sf-usecase-note-container, .sf-why-container, .sf-work-container {
    padding: 0 280px;
    max-width: 1600px;
}
}.-xl.sf-act-container, .-xl.sf-award-container, .-xl.sf-benefit-container, .-xl.sf-bio-container, .-xl.sf-brand-container, .-xl.sf-cap-container, .-xl.sf-caption-container, .-xl.sf-cloud-container, .-xl.sf-contact-container, .-xl.sf-culture-container, .-xl.sf-customer-container, .-xl.sf-definition-container, .-xl.sf-depiction-container, .-xl.sf-deployment-container, .-xl.sf-description-container, .-xl.sf-ecosystem-container, .-xl.sf-endpoints-container, .-xl.sf-expertise-container, .-xl.sf-factor-container, .-xl.sf-footer-container, .-xl.sf-framework-container, .-xl.sf-functional-container, .-xl.sf-gallery-container, .-xl.sf-getapp-container, .-xl.sf-header-container, .-xl.sf-hero-container, .-xl.sf-increase-container, .-xl.sf-info-container, .-xl.sf-infrastructure-container, .-xl.sf-interaction-container, .-xl.sf-kind-container, .-xl.sf-list-container, .-xl.sf-logos-container, .-xl.sf-managment-container, .-xl.sf-map-container, .-xl.sf-media-container, .-xl.sf-menu-container, .-xl.sf-more-container, .-xl.sf-newsection-container, .-xl.sf-newstop-container, .-xl.sf-note-container, .-xl.sf-our-container, .-xl.sf-overview-container, .-xl.sf-part-container, .-xl.sf-partners-container, .-xl.sf-people-container, .-xl.sf-person-container, .-xl.sf-popup-container, .-xl.sf-post-container, .-xl.sf-post-containerpadding, .-xl.sf-process-container, .-xl.sf-profit-container, .-xl.sf-promo-container, .-xl.sf-protect-container, .-xl.sf-quote-container, .-xl.sf-recognition-container, .-xl.sf-resource-container, .-xl.sf-saas-container, .-xl.sf-schedule-container, .-xl.sf-schema-container, .-xl.sf-score-container, .-xl.sf-screen-container, .-xl.sf-searchbar-container, .-xl.sf-security-header-container, .-xl.sf-security-start-container, .-xl.sf-services-container, .-xl.sf-sitemap-container, .-xl.sf-solution-container, .-xl.sf-source-container, .-xl.sf-splitshow-container, .-xl.sf-support-container, .-xl.sf-system-container, .-xl.sf-team-container, .-xl.sf-testimonial-container, .-xl.sf-text-container, .-xl.sf-tools-container, .-xl.sf-topic-container, .-xl.sf-topper-container, .-xl.sf-usecase-container, .-xl.sf-usecase-note-container, .-xl.sf-why-container, .-xl.sf-work-container, .sf-case-container, .sf-container.-xl, .sf-note-containercase, .sf-testimonial-containercase, .sf-topper-containercase {
    width: 100%;
    padding: 0 16px;
}
@media (min-width:768px) {
    .-xl.sf-act-container, .-xl.sf-award-container, .-xl.sf-benefit-container, .-xl.sf-bio-container, .-xl.sf-brand-container, .-xl.sf-cap-container, .-xl.sf-caption-container, .-xl.sf-cloud-container, .-xl.sf-contact-container, .-xl.sf-culture-container, .-xl.sf-customer-container, .-xl.sf-definition-container, .-xl.sf-depiction-container, .-xl.sf-deployment-container, .-xl.sf-description-container, .-xl.sf-ecosystem-container, .-xl.sf-endpoints-container, .-xl.sf-expertise-container, .-xl.sf-factor-container, .-xl.sf-footer-container, .-xl.sf-framework-container, .-xl.sf-functional-container, .-xl.sf-gallery-container, .-xl.sf-getapp-container, .-xl.sf-header-container, .-xl.sf-hero-container, .-xl.sf-increase-container, .-xl.sf-info-container, .-xl.sf-infrastructure-container, .-xl.sf-interaction-container, .-xl.sf-kind-container, .-xl.sf-list-container, .-xl.sf-logos-container, .-xl.sf-managment-container, .-xl.sf-map-container, .-xl.sf-media-container, .-xl.sf-menu-container, .-xl.sf-more-container, .-xl.sf-newsection-container, .-xl.sf-newstop-container, .-xl.sf-note-container, .-xl.sf-our-container, .-xl.sf-overview-container, .-xl.sf-part-container, .-xl.sf-partners-container, .-xl.sf-people-container, .-xl.sf-person-container, .-xl.sf-popup-container, .-xl.sf-post-container, .-xl.sf-post-containerpadding, .-xl.sf-process-container, .-xl.sf-profit-container, .-xl.sf-promo-container, .-xl.sf-protect-container, .-xl.sf-quote-container, .-xl.sf-recognition-container, .-xl.sf-resource-container, .-xl.sf-saas-container, .-xl.sf-schedule-container, .-xl.sf-schema-container, .-xl.sf-score-container, .-xl.sf-screen-container, .-xl.sf-searchbar-container, .-xl.sf-security-header-container, .-xl.sf-security-start-container, .-xl.sf-services-container, .-xl.sf-sitemap-container, .-xl.sf-solution-container, .-xl.sf-source-container, .-xl.sf-splitshow-container, .-xl.sf-support-container, .-xl.sf-system-container, .-xl.sf-team-container, .-xl.sf-testimonial-container, .-xl.sf-text-container, .-xl.sf-tools-container, .-xl.sf-topic-container, .-xl.sf-topper-container, .-xl.sf-usecase-container, .-xl.sf-usecase-note-container, .-xl.sf-why-container, .-xl.sf-work-container, .sf-case-container, .sf-container.-xl, .sf-note-containercase, .sf-testimonial-containercase, .sf-topper-containercase {
    padding: 0 40px;
}
}@media (min-width:1024px) {
    .-xl.sf-act-container, .-xl.sf-award-container, .-xl.sf-benefit-container, .-xl.sf-bio-container, .-xl.sf-brand-container, .-xl.sf-cap-container, .-xl.sf-caption-container, .-xl.sf-cloud-container, .-xl.sf-contact-container, .-xl.sf-culture-container, .-xl.sf-customer-container, .-xl.sf-definition-container, .-xl.sf-depiction-container, .-xl.sf-deployment-container, .-xl.sf-description-container, .-xl.sf-ecosystem-container, .-xl.sf-endpoints-container, .-xl.sf-expertise-container, .-xl.sf-factor-container, .-xl.sf-footer-container, .-xl.sf-framework-container, .-xl.sf-functional-container, .-xl.sf-gallery-container, .-xl.sf-getapp-container, .-xl.sf-header-container, .-xl.sf-hero-container, .-xl.sf-increase-container, .-xl.sf-info-container, .-xl.sf-infrastructure-container, .-xl.sf-interaction-container, .-xl.sf-kind-container, .-xl.sf-list-container, .-xl.sf-logos-container, .-xl.sf-managment-container, .-xl.sf-map-container, .-xl.sf-media-container, .-xl.sf-menu-container, .-xl.sf-more-container, .-xl.sf-newsection-container, .-xl.sf-newstop-container, .-xl.sf-note-container, .-xl.sf-our-container, .-xl.sf-overview-container, .-xl.sf-part-container, .-xl.sf-partners-container, .-xl.sf-people-container, .-xl.sf-person-container, .-xl.sf-popup-container, .-xl.sf-post-container, .-xl.sf-post-containerpadding, .-xl.sf-process-container, .-xl.sf-profit-container, .-xl.sf-promo-container, .-xl.sf-protect-container, .-xl.sf-quote-container, .-xl.sf-recognition-container, .-xl.sf-resource-container, .-xl.sf-saas-container, .-xl.sf-schedule-container, .-xl.sf-schema-container, .-xl.sf-score-container, .-xl.sf-screen-container, .-xl.sf-searchbar-container, .-xl.sf-security-header-container, .-xl.sf-security-start-container, .-xl.sf-services-container, .-xl.sf-sitemap-container, .-xl.sf-solution-container, .-xl.sf-source-container, .-xl.sf-splitshow-container, .-xl.sf-support-container, .-xl.sf-system-container, .-xl.sf-team-container, .-xl.sf-testimonial-container, .-xl.sf-text-container, .-xl.sf-tools-container, .-xl.sf-topic-container, .-xl.sf-topper-container, .-xl.sf-usecase-container, .-xl.sf-usecase-note-container, .-xl.sf-why-container, .-xl.sf-work-container, .sf-case-container, .sf-container.-xl, .sf-note-containercase, .sf-testimonial-containercase, .sf-topper-containercase {
    padding: 0 82px;
    max-width: 1024px;
    margin: 0 auto;
}
}@media (min-width:1200px) {
    .-xl.sf-act-container, .-xl.sf-award-container, .-xl.sf-benefit-container, .-xl.sf-bio-container, .-xl.sf-brand-container, .-xl.sf-cap-container, .-xl.sf-caption-container, .-xl.sf-cloud-container, .-xl.sf-contact-container, .-xl.sf-culture-container, .-xl.sf-customer-container, .-xl.sf-definition-container, .-xl.sf-depiction-container, .-xl.sf-deployment-container, .-xl.sf-description-container, .-xl.sf-ecosystem-container, .-xl.sf-endpoints-container, .-xl.sf-expertise-container, .-xl.sf-factor-container, .-xl.sf-footer-container, .-xl.sf-framework-container, .-xl.sf-functional-container, .-xl.sf-gallery-container, .-xl.sf-getapp-container, .-xl.sf-header-container, .-xl.sf-hero-container, .-xl.sf-increase-container, .-xl.sf-info-container, .-xl.sf-infrastructure-container, .-xl.sf-interaction-container, .-xl.sf-kind-container, .-xl.sf-list-container, .-xl.sf-logos-container, .-xl.sf-managment-container, .-xl.sf-map-container, .-xl.sf-media-container, .-xl.sf-menu-container, .-xl.sf-more-container, .-xl.sf-newsection-container, .-xl.sf-newstop-container, .-xl.sf-note-container, .-xl.sf-our-container, .-xl.sf-overview-container, .-xl.sf-part-container, .-xl.sf-partners-container, .-xl.sf-people-container, .-xl.sf-person-container, .-xl.sf-popup-container, .-xl.sf-post-container, .-xl.sf-post-containerpadding, .-xl.sf-process-container, .-xl.sf-profit-container, .-xl.sf-promo-container, .-xl.sf-protect-container, .-xl.sf-quote-container, .-xl.sf-recognition-container, .-xl.sf-resource-container, .-xl.sf-saas-container, .-xl.sf-schedule-container, .-xl.sf-schema-container, .-xl.sf-score-container, .-xl.sf-screen-container, .-xl.sf-searchbar-container, .-xl.sf-security-header-container, .-xl.sf-security-start-container, .-xl.sf-services-container, .-xl.sf-sitemap-container, .-xl.sf-solution-container, .-xl.sf-source-container, .-xl.sf-splitshow-container, .-xl.sf-support-container, .-xl.sf-system-container, .-xl.sf-team-container, .-xl.sf-testimonial-container, .-xl.sf-text-container, .-xl.sf-tools-container, .-xl.sf-topic-container, .-xl.sf-topper-container, .-xl.sf-usecase-container, .-xl.sf-usecase-note-container, .-xl.sf-why-container, .-xl.sf-work-container, .sf-case-container, .sf-container.-xl, .sf-note-containercase, .sf-testimonial-containercase, .sf-topper-containercase {
    padding: 0 100px;
    max-width: 1200px;
}
}@media (min-width:1600px) {
    .-xl.sf-act-container, .-xl.sf-award-container, .-xl.sf-benefit-container, .-xl.sf-bio-container, .-xl.sf-brand-container, .-xl.sf-cap-container, .-xl.sf-caption-container, .-xl.sf-cloud-container, .-xl.sf-contact-container, .-xl.sf-culture-container, .-xl.sf-customer-container, .-xl.sf-definition-container, .-xl.sf-depiction-container, .-xl.sf-deployment-container, .-xl.sf-description-container, .-xl.sf-ecosystem-container, .-xl.sf-endpoints-container, .-xl.sf-expertise-container, .-xl.sf-factor-container, .-xl.sf-footer-container, .-xl.sf-framework-container, .-xl.sf-functional-container, .-xl.sf-gallery-container, .-xl.sf-getapp-container, .-xl.sf-header-container, .-xl.sf-hero-container, .-xl.sf-increase-container, .-xl.sf-info-container, .-xl.sf-infrastructure-container, .-xl.sf-interaction-container, .-xl.sf-kind-container, .-xl.sf-list-container, .-xl.sf-logos-container, .-xl.sf-managment-container, .-xl.sf-map-container, .-xl.sf-media-container, .-xl.sf-menu-container, .-xl.sf-more-container, .-xl.sf-newsection-container, .-xl.sf-newstop-container, .-xl.sf-note-container, .-xl.sf-our-container, .-xl.sf-overview-container, .-xl.sf-part-container, .-xl.sf-partners-container, .-xl.sf-people-container, .-xl.sf-person-container, .-xl.sf-popup-container, .-xl.sf-post-container, .-xl.sf-post-containerpadding, .-xl.sf-process-container, .-xl.sf-profit-container, .-xl.sf-promo-container, .-xl.sf-protect-container, .-xl.sf-quote-container, .-xl.sf-recognition-container, .-xl.sf-resource-container, .-xl.sf-saas-container, .-xl.sf-schedule-container, .-xl.sf-schema-container, .-xl.sf-score-container, .-xl.sf-screen-container, .-xl.sf-searchbar-container, .-xl.sf-security-header-container, .-xl.sf-security-start-container, .-xl.sf-services-container, .-xl.sf-sitemap-container, .-xl.sf-solution-container, .-xl.sf-source-container, .-xl.sf-splitshow-container, .-xl.sf-support-container, .-xl.sf-system-container, .-xl.sf-team-container, .-xl.sf-testimonial-container, .-xl.sf-text-container, .-xl.sf-tools-container, .-xl.sf-topic-container, .-xl.sf-topper-container, .-xl.sf-usecase-container, .-xl.sf-usecase-note-container, .-xl.sf-why-container, .-xl.sf-work-container, .sf-case-container, .sf-container.-xl, .sf-note-containercase, .sf-testimonial-containercase, .sf-topper-containercase {
    max-width: 1600px;
}
}.-lg.sf-act-container, .-lg.sf-award-container, .-lg.sf-benefit-container, .-lg.sf-bio-container, .-lg.sf-brand-container, .-lg.sf-cap-container, .-lg.sf-caption-container, .-lg.sf-cloud-container, .-lg.sf-contact-container, .-lg.sf-culture-container, .-lg.sf-customer-container, .-lg.sf-definition-container, .-lg.sf-depiction-container, .-lg.sf-deployment-container, .-lg.sf-description-container, .-lg.sf-ecosystem-container, .-lg.sf-endpoints-container, .-lg.sf-expertise-container, .-lg.sf-factor-container, .-lg.sf-footer-container, .-lg.sf-framework-container, .-lg.sf-functional-container, .-lg.sf-gallery-container, .-lg.sf-getapp-container, .-lg.sf-header-container, .-lg.sf-hero-container, .-lg.sf-increase-container, .-lg.sf-info-container, .-lg.sf-infrastructure-container, .-lg.sf-interaction-container, .-lg.sf-kind-container, .-lg.sf-list-container, .-lg.sf-logos-container, .-lg.sf-managment-container, .-lg.sf-map-container, .-lg.sf-media-container, .-lg.sf-menu-container, .-lg.sf-more-container, .-lg.sf-newsection-container, .-lg.sf-newstop-container, .-lg.sf-note-container, .-lg.sf-our-container, .-lg.sf-overview-container, .-lg.sf-part-container, .-lg.sf-partners-container, .-lg.sf-people-container, .-lg.sf-person-container, .-lg.sf-popup-container, .-lg.sf-post-container, .-lg.sf-post-containerpadding, .-lg.sf-process-container, .-lg.sf-profit-container, .-lg.sf-promo-container, .-lg.sf-protect-container, .-lg.sf-quote-container, .-lg.sf-recognition-container, .-lg.sf-resource-container, .-lg.sf-saas-container, .-lg.sf-schedule-container, .-lg.sf-schema-container, .-lg.sf-score-container, .-lg.sf-screen-container, .-lg.sf-searchbar-container, .-lg.sf-security-header-container, .-lg.sf-security-start-container, .-lg.sf-services-container, .-lg.sf-sitemap-container, .-lg.sf-solution-container, .-lg.sf-source-container, .-lg.sf-splitshow-container, .-lg.sf-support-container, .-lg.sf-system-container, .-lg.sf-team-container, .-lg.sf-testimonial-container, .-lg.sf-text-container, .-lg.sf-tools-container, .-lg.sf-topic-container, .-lg.sf-topper-container, .-lg.sf-usecase-container, .-lg.sf-usecase-note-container, .-lg.sf-why-container, .-lg.sf-work-container, .sf-container.-lg {
    padding: 0 16px;
}
@media (min-width:768px) {
    .-lg.sf-act-container, .-lg.sf-award-container, .-lg.sf-benefit-container, .-lg.sf-bio-container, .-lg.sf-brand-container, .-lg.sf-cap-container, .-lg.sf-caption-container, .-lg.sf-cloud-container, .-lg.sf-contact-container, .-lg.sf-culture-container, .-lg.sf-customer-container, .-lg.sf-definition-container, .-lg.sf-depiction-container, .-lg.sf-deployment-container, .-lg.sf-description-container, .-lg.sf-ecosystem-container, .-lg.sf-endpoints-container, .-lg.sf-expertise-container, .-lg.sf-factor-container, .-lg.sf-footer-container, .-lg.sf-framework-container, .-lg.sf-functional-container, .-lg.sf-gallery-container, .-lg.sf-getapp-container, .-lg.sf-header-container, .-lg.sf-hero-container, .-lg.sf-increase-container, .-lg.sf-info-container, .-lg.sf-infrastructure-container, .-lg.sf-interaction-container, .-lg.sf-kind-container, .-lg.sf-list-container, .-lg.sf-logos-container, .-lg.sf-managment-container, .-lg.sf-map-container, .-lg.sf-media-container, .-lg.sf-menu-container, .-lg.sf-more-container, .-lg.sf-newsection-container, .-lg.sf-newstop-container, .-lg.sf-note-container, .-lg.sf-our-container, .-lg.sf-overview-container, .-lg.sf-part-container, .-lg.sf-partners-container, .-lg.sf-people-container, .-lg.sf-person-container, .-lg.sf-popup-container, .-lg.sf-post-container, .-lg.sf-post-containerpadding, .-lg.sf-process-container, .-lg.sf-profit-container, .-lg.sf-promo-container, .-lg.sf-protect-container, .-lg.sf-quote-container, .-lg.sf-recognition-container, .-lg.sf-resource-container, .-lg.sf-saas-container, .-lg.sf-schedule-container, .-lg.sf-schema-container, .-lg.sf-score-container, .-lg.sf-screen-container, .-lg.sf-searchbar-container, .-lg.sf-security-header-container, .-lg.sf-security-start-container, .-lg.sf-services-container, .-lg.sf-sitemap-container, .-lg.sf-solution-container, .-lg.sf-source-container, .-lg.sf-splitshow-container, .-lg.sf-support-container, .-lg.sf-system-container, .-lg.sf-team-container, .-lg.sf-testimonial-container, .-lg.sf-text-container, .-lg.sf-tools-container, .-lg.sf-topic-container, .-lg.sf-topper-container, .-lg.sf-usecase-container, .-lg.sf-usecase-note-container, .-lg.sf-why-container, .-lg.sf-work-container, .sf-container.-lg {
    padding: 0 100px;
}
}@media (min-width:1024px) {
    .-lg.sf-act-container, .-lg.sf-award-container, .-lg.sf-benefit-container, .-lg.sf-bio-container, .-lg.sf-brand-container, .-lg.sf-cap-container, .-lg.sf-caption-container, .-lg.sf-cloud-container, .-lg.sf-contact-container, .-lg.sf-culture-container, .-lg.sf-customer-container, .-lg.sf-definition-container, .-lg.sf-depiction-container, .-lg.sf-deployment-container, .-lg.sf-description-container, .-lg.sf-ecosystem-container, .-lg.sf-endpoints-container, .-lg.sf-expertise-container, .-lg.sf-factor-container, .-lg.sf-footer-container, .-lg.sf-framework-container, .-lg.sf-functional-container, .-lg.sf-gallery-container, .-lg.sf-getapp-container, .-lg.sf-header-container, .-lg.sf-hero-container, .-lg.sf-increase-container, .-lg.sf-info-container, .-lg.sf-infrastructure-container, .-lg.sf-interaction-container, .-lg.sf-kind-container, .-lg.sf-list-container, .-lg.sf-logos-container, .-lg.sf-managment-container, .-lg.sf-map-container, .-lg.sf-media-container, .-lg.sf-menu-container, .-lg.sf-more-container, .-lg.sf-newsection-container, .-lg.sf-newstop-container, .-lg.sf-note-container, .-lg.sf-our-container, .-lg.sf-overview-container, .-lg.sf-part-container, .-lg.sf-partners-container, .-lg.sf-people-container, .-lg.sf-person-container, .-lg.sf-popup-container, .-lg.sf-post-container, .-lg.sf-post-containerpadding, .-lg.sf-process-container, .-lg.sf-profit-container, .-lg.sf-promo-container, .-lg.sf-protect-container, .-lg.sf-quote-container, .-lg.sf-recognition-container, .-lg.sf-resource-container, .-lg.sf-saas-container, .-lg.sf-schedule-container, .-lg.sf-schema-container, .-lg.sf-score-container, .-lg.sf-screen-container, .-lg.sf-searchbar-container, .-lg.sf-security-header-container, .-lg.sf-security-start-container, .-lg.sf-services-container, .-lg.sf-sitemap-container, .-lg.sf-solution-container, .-lg.sf-source-container, .-lg.sf-splitshow-container, .-lg.sf-support-container, .-lg.sf-system-container, .-lg.sf-team-container, .-lg.sf-testimonial-container, .-lg.sf-text-container, .-lg.sf-tools-container, .-lg.sf-topic-container, .-lg.sf-topper-container, .-lg.sf-usecase-container, .-lg.sf-usecase-note-container, .-lg.sf-why-container, .-lg.sf-work-container, .sf-container.-lg {
    padding: 0 160px;
    max-width: 1024px;
    margin: 0 auto;
}
}@media (min-width:1200px) {
    .-lg.sf-act-container, .-lg.sf-award-container, .-lg.sf-benefit-container, .-lg.sf-bio-container, .-lg.sf-brand-container, .-lg.sf-cap-container, .-lg.sf-caption-container, .-lg.sf-cloud-container, .-lg.sf-contact-container, .-lg.sf-culture-container, .-lg.sf-customer-container, .-lg.sf-definition-container, .-lg.sf-depiction-container, .-lg.sf-deployment-container, .-lg.sf-description-container, .-lg.sf-ecosystem-container, .-lg.sf-endpoints-container, .-lg.sf-expertise-container, .-lg.sf-factor-container, .-lg.sf-footer-container, .-lg.sf-framework-container, .-lg.sf-functional-container, .-lg.sf-gallery-container, .-lg.sf-getapp-container, .-lg.sf-header-container, .-lg.sf-hero-container, .-lg.sf-increase-container, .-lg.sf-info-container, .-lg.sf-infrastructure-container, .-lg.sf-interaction-container, .-lg.sf-kind-container, .-lg.sf-list-container, .-lg.sf-logos-container, .-lg.sf-managment-container, .-lg.sf-map-container, .-lg.sf-media-container, .-lg.sf-menu-container, .-lg.sf-more-container, .-lg.sf-newsection-container, .-lg.sf-newstop-container, .-lg.sf-note-container, .-lg.sf-our-container, .-lg.sf-overview-container, .-lg.sf-part-container, .-lg.sf-partners-container, .-lg.sf-people-container, .-lg.sf-person-container, .-lg.sf-popup-container, .-lg.sf-post-container, .-lg.sf-post-containerpadding, .-lg.sf-process-container, .-lg.sf-profit-container, .-lg.sf-promo-container, .-lg.sf-protect-container, .-lg.sf-quote-container, .-lg.sf-recognition-container, .-lg.sf-resource-container, .-lg.sf-saas-container, .-lg.sf-schedule-container, .-lg.sf-schema-container, .-lg.sf-score-container, .-lg.sf-screen-container, .-lg.sf-searchbar-container, .-lg.sf-security-header-container, .-lg.sf-security-start-container, .-lg.sf-services-container, .-lg.sf-sitemap-container, .-lg.sf-solution-container, .-lg.sf-source-container, .-lg.sf-splitshow-container, .-lg.sf-support-container, .-lg.sf-system-container, .-lg.sf-team-container, .-lg.sf-testimonial-container, .-lg.sf-text-container, .-lg.sf-tools-container, .-lg.sf-topic-container, .-lg.sf-topper-container, .-lg.sf-usecase-container, .-lg.sf-usecase-note-container, .-lg.sf-why-container, .-lg.sf-work-container, .sf-container.-lg {
    padding: 0 150px;
    max-width: 1200px;
}
}@media (min-width:1600px) {
    .-lg.sf-act-container, .-lg.sf-award-container, .-lg.sf-benefit-container, .-lg.sf-bio-container, .-lg.sf-brand-container, .-lg.sf-cap-container, .-lg.sf-caption-container, .-lg.sf-cloud-container, .-lg.sf-contact-container, .-lg.sf-culture-container, .-lg.sf-customer-container, .-lg.sf-definition-container, .-lg.sf-depiction-container, .-lg.sf-deployment-container, .-lg.sf-description-container, .-lg.sf-ecosystem-container, .-lg.sf-endpoints-container, .-lg.sf-expertise-container, .-lg.sf-factor-container, .-lg.sf-footer-container, .-lg.sf-framework-container, .-lg.sf-functional-container, .-lg.sf-gallery-container, .-lg.sf-getapp-container, .-lg.sf-header-container, .-lg.sf-hero-container, .-lg.sf-increase-container, .-lg.sf-info-container, .-lg.sf-infrastructure-container, .-lg.sf-interaction-container, .-lg.sf-kind-container, .-lg.sf-list-container, .-lg.sf-logos-container, .-lg.sf-managment-container, .-lg.sf-map-container, .-lg.sf-media-container, .-lg.sf-menu-container, .-lg.sf-more-container, .-lg.sf-newsection-container, .-lg.sf-newstop-container, .-lg.sf-note-container, .-lg.sf-our-container, .-lg.sf-overview-container, .-lg.sf-part-container, .-lg.sf-partners-container, .-lg.sf-people-container, .-lg.sf-person-container, .-lg.sf-popup-container, .-lg.sf-post-container, .-lg.sf-post-containerpadding, .-lg.sf-process-container, .-lg.sf-profit-container, .-lg.sf-promo-container, .-lg.sf-protect-container, .-lg.sf-quote-container, .-lg.sf-recognition-container, .-lg.sf-resource-container, .-lg.sf-saas-container, .-lg.sf-schedule-container, .-lg.sf-schema-container, .-lg.sf-score-container, .-lg.sf-screen-container, .-lg.sf-searchbar-container, .-lg.sf-security-header-container, .-lg.sf-security-start-container, .-lg.sf-services-container, .-lg.sf-sitemap-container, .-lg.sf-solution-container, .-lg.sf-source-container, .-lg.sf-splitshow-container, .-lg.sf-support-container, .-lg.sf-system-container, .-lg.sf-team-container, .-lg.sf-testimonial-container, .-lg.sf-text-container, .-lg.sf-tools-container, .-lg.sf-topic-container, .-lg.sf-topper-container, .-lg.sf-usecase-container, .-lg.sf-usecase-note-container, .-lg.sf-why-container, .-lg.sf-work-container, .sf-container.-lg {
    padding: 0 280px;
    max-width: 1600px;
}
}.-sm.sf-act-container, .-sm.sf-award-container, .-sm.sf-benefit-container, .-sm.sf-bio-container, .-sm.sf-brand-container, .-sm.sf-cap-container, .-sm.sf-caption-container, .-sm.sf-cloud-container, .-sm.sf-contact-container, .-sm.sf-culture-container, .-sm.sf-customer-container, .-sm.sf-definition-container, .-sm.sf-depiction-container, .-sm.sf-deployment-container, .-sm.sf-description-container, .-sm.sf-ecosystem-container, .-sm.sf-endpoints-container, .-sm.sf-expertise-container, .-sm.sf-factor-container, .-sm.sf-footer-container, .-sm.sf-framework-container, .-sm.sf-functional-container, .-sm.sf-gallery-container, .-sm.sf-getapp-container, .-sm.sf-header-container, .-sm.sf-hero-container, .-sm.sf-increase-container, .-sm.sf-info-container, .-sm.sf-infrastructure-container, .-sm.sf-interaction-container, .-sm.sf-kind-container, .-sm.sf-list-container, .-sm.sf-logos-container, .-sm.sf-managment-container, .-sm.sf-map-container, .-sm.sf-media-container, .-sm.sf-menu-container, .-sm.sf-more-container, .-sm.sf-newsection-container, .-sm.sf-newstop-container, .-sm.sf-note-container, .-sm.sf-our-container, .-sm.sf-overview-container, .-sm.sf-part-container, .-sm.sf-partners-container, .-sm.sf-people-container, .-sm.sf-person-container, .-sm.sf-popup-container, .-sm.sf-post-container, .-sm.sf-post-containerpadding, .-sm.sf-process-container, .-sm.sf-profit-container, .-sm.sf-promo-container, .-sm.sf-protect-container, .-sm.sf-quote-container, .-sm.sf-recognition-container, .-sm.sf-resource-container, .-sm.sf-saas-container, .-sm.sf-schedule-container, .-sm.sf-schema-container, .-sm.sf-score-container, .-sm.sf-screen-container, .-sm.sf-searchbar-container, .-sm.sf-security-header-container, .-sm.sf-security-start-container, .-sm.sf-services-container, .-sm.sf-sitemap-container, .-sm.sf-solution-container, .-sm.sf-source-container, .-sm.sf-splitshow-container, .-sm.sf-support-container, .-sm.sf-system-container, .-sm.sf-team-container, .-sm.sf-testimonial-container, .-sm.sf-text-container, .-sm.sf-tools-container, .-sm.sf-topic-container, .-sm.sf-topper-container, .-sm.sf-usecase-container, .-sm.sf-usecase-note-container, .-sm.sf-why-container, .-sm.sf-work-container, .sf-account-container, .sf-container.-sm, .sf-error-container, .sf-thanks-container, .sf-tophead-container {
    padding: 0 16px;
}
@media (min-width:768px) {
    .-sm.sf-act-container, .-sm.sf-award-container, .-sm.sf-benefit-container, .-sm.sf-bio-container, .-sm.sf-brand-container, .-sm.sf-cap-container, .-sm.sf-caption-container, .-sm.sf-cloud-container, .-sm.sf-contact-container, .-sm.sf-culture-container, .-sm.sf-customer-container, .-sm.sf-definition-container, .-sm.sf-depiction-container, .-sm.sf-deployment-container, .-sm.sf-description-container, .-sm.sf-ecosystem-container, .-sm.sf-endpoints-container, .-sm.sf-expertise-container, .-sm.sf-factor-container, .-sm.sf-footer-container, .-sm.sf-framework-container, .-sm.sf-functional-container, .-sm.sf-gallery-container, .-sm.sf-getapp-container, .-sm.sf-header-container, .-sm.sf-hero-container, .-sm.sf-increase-container, .-sm.sf-info-container, .-sm.sf-infrastructure-container, .-sm.sf-interaction-container, .-sm.sf-kind-container, .-sm.sf-list-container, .-sm.sf-logos-container, .-sm.sf-managment-container, .-sm.sf-map-container, .-sm.sf-media-container, .-sm.sf-menu-container, .-sm.sf-more-container, .-sm.sf-newsection-container, .-sm.sf-newstop-container, .-sm.sf-note-container, .-sm.sf-our-container, .-sm.sf-overview-container, .-sm.sf-part-container, .-sm.sf-partners-container, .-sm.sf-people-container, .-sm.sf-person-container, .-sm.sf-popup-container, .-sm.sf-post-container, .-sm.sf-post-containerpadding, .-sm.sf-process-container, .-sm.sf-profit-container, .-sm.sf-promo-container, .-sm.sf-protect-container, .-sm.sf-quote-container, .-sm.sf-recognition-container, .-sm.sf-resource-container, .-sm.sf-saas-container, .-sm.sf-schedule-container, .-sm.sf-schema-container, .-sm.sf-score-container, .-sm.sf-screen-container, .-sm.sf-searchbar-container, .-sm.sf-security-header-container, .-sm.sf-security-start-container, .-sm.sf-services-container, .-sm.sf-sitemap-container, .-sm.sf-solution-container, .-sm.sf-source-container, .-sm.sf-splitshow-container, .-sm.sf-support-container, .-sm.sf-system-container, .-sm.sf-team-container, .-sm.sf-testimonial-container, .-sm.sf-text-container, .-sm.sf-tools-container, .-sm.sf-topic-container, .-sm.sf-topper-container, .-sm.sf-usecase-container, .-sm.sf-usecase-note-container, .-sm.sf-why-container, .-sm.sf-work-container, .sf-account-container, .sf-container.-sm, .sf-error-container, .sf-thanks-container, .sf-tophead-container {
    padding: 0 40px;
}
}@media (min-width:1024px) {
    .-sm.sf-act-container, .-sm.sf-award-container, .-sm.sf-benefit-container, .-sm.sf-bio-container, .-sm.sf-brand-container, .-sm.sf-cap-container, .-sm.sf-caption-container, .-sm.sf-cloud-container, .-sm.sf-contact-container, .-sm.sf-culture-container, .-sm.sf-customer-container, .-sm.sf-definition-container, .-sm.sf-depiction-container, .-sm.sf-deployment-container, .-sm.sf-description-container, .-sm.sf-ecosystem-container, .-sm.sf-endpoints-container, .-sm.sf-expertise-container, .-sm.sf-factor-container, .-sm.sf-footer-container, .-sm.sf-framework-container, .-sm.sf-functional-container, .-sm.sf-gallery-container, .-sm.sf-getapp-container, .-sm.sf-header-container, .-sm.sf-hero-container, .-sm.sf-increase-container, .-sm.sf-info-container, .-sm.sf-infrastructure-container, .-sm.sf-interaction-container, .-sm.sf-kind-container, .-sm.sf-list-container, .-sm.sf-logos-container, .-sm.sf-managment-container, .-sm.sf-map-container, .-sm.sf-media-container, .-sm.sf-menu-container, .-sm.sf-more-container, .-sm.sf-newsection-container, .-sm.sf-newstop-container, .-sm.sf-note-container, .-sm.sf-our-container, .-sm.sf-overview-container, .-sm.sf-part-container, .-sm.sf-partners-container, .-sm.sf-people-container, .-sm.sf-person-container, .-sm.sf-popup-container, .-sm.sf-post-container, .-sm.sf-post-containerpadding, .-sm.sf-process-container, .-sm.sf-profit-container, .-sm.sf-promo-container, .-sm.sf-protect-container, .-sm.sf-quote-container, .-sm.sf-recognition-container, .-sm.sf-resource-container, .-sm.sf-saas-container, .-sm.sf-schedule-container, .-sm.sf-schema-container, .-sm.sf-score-container, .-sm.sf-screen-container, .-sm.sf-searchbar-container, .-sm.sf-security-header-container, .-sm.sf-security-start-container, .-sm.sf-services-container, .-sm.sf-sitemap-container, .-sm.sf-solution-container, .-sm.sf-source-container, .-sm.sf-splitshow-container, .-sm.sf-support-container, .-sm.sf-system-container, .-sm.sf-team-container, .-sm.sf-testimonial-container, .-sm.sf-text-container, .-sm.sf-tools-container, .-sm.sf-topic-container, .-sm.sf-topper-container, .-sm.sf-usecase-container, .-sm.sf-usecase-note-container, .-sm.sf-why-container, .-sm.sf-work-container, .sf-account-container, .sf-container.-sm, .sf-error-container, .sf-thanks-container, .sf-tophead-container {
    padding: 0 81px;
    max-width: 1024px;
    margin: 0 auto;
}
}@media (min-width:1200px) {
    .-sm.sf-act-container, .-sm.sf-award-container, .-sm.sf-benefit-container, .-sm.sf-bio-container, .-sm.sf-brand-container, .-sm.sf-cap-container, .-sm.sf-caption-container, .-sm.sf-cloud-container, .-sm.sf-contact-container, .-sm.sf-culture-container, .-sm.sf-customer-container, .-sm.sf-definition-container, .-sm.sf-depiction-container, .-sm.sf-deployment-container, .-sm.sf-description-container, .-sm.sf-ecosystem-container, .-sm.sf-endpoints-container, .-sm.sf-expertise-container, .-sm.sf-factor-container, .-sm.sf-footer-container, .-sm.sf-framework-container, .-sm.sf-functional-container, .-sm.sf-gallery-container, .-sm.sf-getapp-container, .-sm.sf-header-container, .-sm.sf-hero-container, .-sm.sf-increase-container, .-sm.sf-info-container, .-sm.sf-infrastructure-container, .-sm.sf-interaction-container, .-sm.sf-kind-container, .-sm.sf-list-container, .-sm.sf-logos-container, .-sm.sf-managment-container, .-sm.sf-map-container, .-sm.sf-media-container, .-sm.sf-menu-container, .-sm.sf-more-container, .-sm.sf-newsection-container, .-sm.sf-newstop-container, .-sm.sf-note-container, .-sm.sf-our-container, .-sm.sf-overview-container, .-sm.sf-part-container, .-sm.sf-partners-container, .-sm.sf-people-container, .-sm.sf-person-container, .-sm.sf-popup-container, .-sm.sf-post-container, .-sm.sf-post-containerpadding, .-sm.sf-process-container, .-sm.sf-profit-container, .-sm.sf-promo-container, .-sm.sf-protect-container, .-sm.sf-quote-container, .-sm.sf-recognition-container, .-sm.sf-resource-container, .-sm.sf-saas-container, .-sm.sf-schedule-container, .-sm.sf-schema-container, .-sm.sf-score-container, .-sm.sf-screen-container, .-sm.sf-searchbar-container, .-sm.sf-security-header-container, .-sm.sf-security-start-container, .-sm.sf-services-container, .-sm.sf-sitemap-container, .-sm.sf-solution-container, .-sm.sf-source-container, .-sm.sf-splitshow-container, .-sm.sf-support-container, .-sm.sf-system-container, .-sm.sf-team-container, .-sm.sf-testimonial-container, .-sm.sf-text-container, .-sm.sf-tools-container, .-sm.sf-topic-container, .-sm.sf-topper-container, .-sm.sf-usecase-container, .-sm.sf-usecase-note-container, .-sm.sf-why-container, .-sm.sf-work-container, .sf-account-container, .sf-container.-sm, .sf-error-container, .sf-thanks-container, .sf-tophead-container {
    padding: 0 100px;
    max-width: 1200px;
}
}@media (min-width:1600px) {
    .-sm.sf-act-container, .-sm.sf-award-container, .-sm.sf-benefit-container, .-sm.sf-bio-container, .-sm.sf-brand-container, .-sm.sf-cap-container, .-sm.sf-caption-container, .-sm.sf-cloud-container, .-sm.sf-contact-container, .-sm.sf-culture-container, .-sm.sf-customer-container, .-sm.sf-definition-container, .-sm.sf-depiction-container, .-sm.sf-deployment-container, .-sm.sf-description-container, .-sm.sf-ecosystem-container, .-sm.sf-endpoints-container, .-sm.sf-expertise-container, .-sm.sf-factor-container, .-sm.sf-footer-container, .-sm.sf-framework-container, .-sm.sf-functional-container, .-sm.sf-gallery-container, .-sm.sf-getapp-container, .-sm.sf-header-container, .-sm.sf-hero-container, .-sm.sf-increase-container, .-sm.sf-info-container, .-sm.sf-infrastructure-container, .-sm.sf-interaction-container, .-sm.sf-kind-container, .-sm.sf-list-container, .-sm.sf-logos-container, .-sm.sf-managment-container, .-sm.sf-map-container, .-sm.sf-media-container, .-sm.sf-menu-container, .-sm.sf-more-container, .-sm.sf-newsection-container, .-sm.sf-newstop-container, .-sm.sf-note-container, .-sm.sf-our-container, .-sm.sf-overview-container, .-sm.sf-part-container, .-sm.sf-partners-container, .-sm.sf-people-container, .-sm.sf-person-container, .-sm.sf-popup-container, .-sm.sf-post-container, .-sm.sf-post-containerpadding, .-sm.sf-process-container, .-sm.sf-profit-container, .-sm.sf-promo-container, .-sm.sf-protect-container, .-sm.sf-quote-container, .-sm.sf-recognition-container, .-sm.sf-resource-container, .-sm.sf-saas-container, .-sm.sf-schedule-container, .-sm.sf-schema-container, .-sm.sf-score-container, .-sm.sf-screen-container, .-sm.sf-searchbar-container, .-sm.sf-security-header-container, .-sm.sf-security-start-container, .-sm.sf-services-container, .-sm.sf-sitemap-container, .-sm.sf-solution-container, .-sm.sf-source-container, .-sm.sf-splitshow-container, .-sm.sf-support-container, .-sm.sf-system-container, .-sm.sf-team-container, .-sm.sf-testimonial-container, .-sm.sf-text-container, .-sm.sf-tools-container, .-sm.sf-topic-container, .-sm.sf-topper-container, .-sm.sf-usecase-container, .-sm.sf-usecase-note-container, .-sm.sf-why-container, .-sm.sf-work-container, .sf-account-container, .sf-container.-sm, .sf-error-container, .sf-thanks-container, .sf-tophead-container {
    max-width: 1600px;
}
}.sf-containerblog, .sf-topper-containerblog {
    width: 100%;
    padding: 0 16px;
}
@media (min-width:768px) {
    .sf-containerblog, .sf-topper-containerblog {
    padding: 0 50px;
}
}@media (min-width:1024px) {
    .sf-containerblog, .sf-topper-containerblog {
    padding: 0 82px;
    max-width: 1024px;
    margin: 0 auto;
}
}@media (min-width:1200px) {
    .sf-containerblog, .sf-topper-containerblog {
    padding: 0 118px;
    max-width: 1200px;
}
}@media (min-width:1600px) {
    .sf-containerblog, .sf-topper-containerblog {
    padding: 0 125px;
    max-width: 1600px;
}
}.sf-svgsprite {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    vertical-align: middle;
}
.sf-navbar {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 100;
    color: #fff;
}
.sf-navbar-content {
    padding-top: 27px;
}
@media (min-width:768px) {
    .sf-navbar-content {
    padding-top: 38px;
}
}@media (min-width:1024px) {
    .sf-navbar-content {
    padding-top: 42px;
}
}.sf-navbar-container {
    padding: 0 16px;
}
@media (min-width:768px) {
    .sf-navbar-container {
    padding: 0 40px;
}
}@media (min-width:1024px) {
    .sf-navbar-container {
    padding: 0 82px;
}
}@media (min-width:1200px) {
    .sf-navbar-container {
    padding: 0 60px;
}
}@media (min-width:1600px) {
    .sf-navbar-container {
    padding: 0 80px;
}
}.sf-navbar-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sf-navbar-toggle {
    opacity: 0;
    visibility: hidden;
    pointer-none: none;
}
.sf-navbar-logo {
    display: block;
    width: 105px;
    height: 24px;
    color: #fff;
}
@media (min-width:768px) {
    .sf-navbar-logo {
    width: 152px;
    height: 34px;
}
}@media (min-width:1024px) {
    .sf-navbar-logo {
    width: 178px;
    height: 40px;
}
}.sf-navbar-logo svg {
    width: 100%;
    height: 112%}
.sf-navbar.-inverse .sf-navbar-logo {
    color: #03174e;
}
.sf-navbar-nav {
    display: none;
}
@media (min-width:1200px) {
    .sf-navbar-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}@media (min-width:1600px) {
    .sf-navbar-nav {
    margin-left: 110px;
}
}.sf-navbar-nav-item {
    position: relative;
}
@media (min-width:1200px) {
    .sf-navbar-nav-item {
    margin-right: 40px;
}
}@media (min-width:1600px) {
    .sf-navbar-nav-item {
    margin-right: 60px;
}
}.sf-navbar-nav-item:last-child {
    margin-right: 0;
}
.sf-navbar-nav-link {
    display: block;
    padding: 10px 0;
    position: relative;
    color: currentColor;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .015em;
    font-weight: 500;
}
.sf-navbar-nav-link::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #82d2ff;
    opacity: 0;
}
.sf-navbar-nav-link.-active::after {
    opacity: 1;
}
.sf-navbar-nav-link.-safe:hover+.safeMenu {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
    height: auto;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.sf-navbar-nav-link.-company:hover+.companyMenu {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
    height: auto;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.sf-navbar-nav-link.-customers:hover+.customersMenu {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
    height: auto;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.sf-navbar-nav-link.-resources:hover+.resourcesMenu {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
    height: auto;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.sf-navbar-controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.sf-navbar-btn {
    display: none;
}
@media (min-width:768px) {
    .sf-navbar-btn {
    display: block;
    margin-right: 50px;
}
}.sf-navbar.-inverse .sf-navbar-btn a {
    background: #51c8ff;
    color: #fff;
}
.sf-navbar.-inverse {
    color: #03174e;
}
.sf-loader {
    display: inline;
}
.sf-loader_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    max-height: 0%;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    background: #020213;
    -webkit-transition: opacity 1s, max-height 0s 1s;
    -o-transition: opacity 1s, max-height 0s 1s;
    -moz-transition: opacity 1s, max-height 0s 1s;
    transition: opacity 1s, max-height 0s 1s;
}
.sf-loader_overlay.-visible {
    pointer-events: auto;
    opacity: 1;
    max-height: 100%;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}
@media (min-width:768px) {
    .sf-form-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -20px;
}
}@media (min-width:768px) {
    .sf-form-grid-col {
    width: 50%;
    padding: 0 20px;
}
}@media (min-width:768px) {
    .sf-form-grid-coldemo {
    width: 50%;
    padding: 0 15px;
}
}.sf-form-group {
    margin: 0 0 30px 0;
}
@media (min-width:768px) {
    .sf-form-group {
    margin: 0 0 40px 0;
}
}.sf-form-submit {
    margin: 10px 0 0 0;
}
@media (min-width:768px) {
    .sf-form-submit {
    margin: 20px 0 0 0;
}
}.sf-input {
    display: inline;
}
.sf-input_light input {
    margin: 0;
    padding: 18px 0;
    width: 100%;
    color: #fff;
    background: 0 0;
    border: 0;
    border-bottom: 1px rgba(255, 255, 255, .2) solid;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: 0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .135em;
    line-height: 1;
    text-transform: uppercase;
    -webkit-transition: border-bottom-color .3s;
    -o-transition: border-bottom-color .3s;
    -moz-transition: border-bottom-color .3s;
    transition: border-bottom-color .3s;
}
.sf-input_light input:hover {
    border-bottom-color: rgba(255, 255, 255, .5);
}
.sf-input_light input:focus {
    border-bottom-color: #fff;
}
.sf-input_light input:invalid {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0;
}
.sf-input_light input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5);
}
.sf-input_light input:-moz-placeholder {
    color: rgba(255, 255, 255, .5);
}
.sf-input_light input::-moz-placeholder {
    color: rgba(255, 255, 255, .5);
}
.sf-input_light input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .5);
}
.sf-input_light input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .5);
}
.sf-input_light input::placeholder {
    color: rgba(255, 255, 255, .5);
}
@media (min-width:768px) {
    .sf-input_light input {
    font-size: 16px;
}
}.sf-input_light.-xs {
    padding: 20px 0;
}
.sf-input_light.-xs input {
    font-size: 14px;
}
@media (min-width:768px) {
    .sf-input_light.-sm input {
    font-size: 14px;
}
}@media (min-width:1200px) {
    .sf-input_light.-sm input {
    font-size: 16px;
}
}.sf-input_search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
}
.sf-input_search-item {
    margin: 0 0 0 35px;
}
.sf-input_search-item:first-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-input_search-item {
    margin: 0 0 0 49px;
}
}@media (min-width:1200px) {
    .sf-input_search-item {
    margin: 0 0 0 56px;
}
}.sf-input_search-item.-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
.sf-input_search-line {
    position: absolute;
    bottom: 6px;
    left: 36px;
    width: 100%;
    height: 2px;
    opacity: 0;
    background: #51c8ff;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
@media (min-width:768px) {
    .sf-input_search-line {
    left: 49px;
    bottom: 4px;
}
}@media (min-width:1200px) {
    .sf-input_search-line {
    left: 56px;
}
}.sf-input_search-line.-visible {
    opacity: 1;
}
.sf-input_search input {
    margin: 0;
    padding: 16px 32px 16px 0;
    width: 100%;
    color: #020213;
    background: 0 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: 0;
    font-size: 24px;
    font-weight: 200;
    letter-spacing: .135px;
    line-height: 1;
    text-transform: uppercase;
}
.sf-input_search input:hover::-webkit-input-placeholder {
    color: rgba(2, 23, 78, .6);
}
.sf-input_search input:hover:-moz-placeholder {
    color: rgba(2, 23, 78, .6);
}
.sf-input_search input:hover::-moz-placeholder {
    color: rgba(2, 23, 78, .6);
}
.sf-input_search input:hover:-ms-input-placeholder {
    color: rgba(2, 23, 78, .6);
}
.sf-input_search input:hover::-ms-input-placeholder {
    color: rgba(2, 23, 78, .6);
}
.sf-input_search input:hover::placeholder {
    color: rgba(2, 23, 78, .6);
}
.sf-input_search input:focus+.sf-input_search-line, .sf-input_search input:hover+.sf-input_search-line {
    opacity: 1;
}
.sf-input_search input:invalid {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0;
}
.sf-input_search input::-webkit-input-placeholder {
    color: #9aa0b1;
    -webkit-transition: color .3s;
    transition: color .3s;
}
.sf-input_search input:-moz-placeholder {
    color: #9aa0b1;
    -moz-transition: color .3s;
    transition: color .3s;
}
.sf-input_search input::-moz-placeholder {
    color: #9aa0b1;
    -moz-transition: color .3s;
    transition: color .3s;
}
.sf-input_search input:-ms-input-placeholder {
    color: #9aa0b1;
    -ms-transition: color .3s;
    transition: color .3s;
}
.sf-input_search input::-ms-input-placeholder {
    color: #9aa0b1;
    -ms-transition: color .3s;
    transition: color .3s;
}
.sf-input_search input::placeholder {
    color: #9aa0b1;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}
@media (min-width:768px) {
    .sf-input_search input {
    padding: 12px 32px 12px 0;
    font-size: 26px;
}
}@media (min-width:1024px) {
    .sf-input_search input {
    padding: 10px 40px 10px 0;
    font-size: 30px;
}
}@media (min-width:1600px) {
    .sf-input_search input {
    padding: 13px 40px 13px 0;
    font-size: 36px;
}
}.sf-input_search-icon {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 24px;
    height: 24px;
}
@media (min-width:1024px) {
    .sf-input_search-icon {
    width: 29px;
    height: 29px;
}
}@media (min-width:1200px) {
    .sf-input_search-icon {
    width: 32px;
    height: 32px;
}
}@media (min-width:1600px) {
    .sf-input_search-icon {
    width: 34px;
    height: 34px;
}
}.sf-input_search-icon svg {
    width: 100%;
    height: 100%}
.sf-input_search-submit {
    position: absolute;
    right: 0;
    top: 50%;
    bottom: 0;
    margin: auto;
    width: 32px;
    height: 32px;
    background: 0 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: 0!important;
    opacity: 0;
    -webkit-transform: translateY(-50%) translateX(10px);
    -moz-transform: translateY(-50%) translateX(10px);
    -ms-transform: translateY(-50%) translateX(10px);
    -o-transform: translateY(-50%) translateX(10px);
    transform: translateY(-50%) translateX(10px);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    -o-transition: opacity .2s, -o-transform .2s;
    -moz-transition: opacity .2s, transform .2s, -moz-transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s;
}
@media (min-width:1024px) {
    .sf-input_search-submit {
    width: 36px;
    height: 36px;
}
}.sf-input_search-submit svg {
    width: 100%;
    height: 100%}
.sf-input_search-submit.-visible {
    opacity: 1;
    -webkit-transform: translateY(-50%) translateX(0);
    -moz-transform: translateY(-50%) translateX(0);
    -ms-transform: translateY(-50%) translateX(0);
    -o-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
}
.sf-btn {
    display: inline;
}
.sf-btn_arrow, .sf-btn_close, .sf-btn_dummy, .sf-btn_flat, .sf-btn_flatcasequote, .sf-btn_flatcasestudy, .sf-btn_flatcookie, .sf-btn_flaterror, .sf-btn_flatjobposting, .sf-btn_main, .sf-btn_store, .sf-btn_tab, .sf-btn_toggle, .sf-interaction-form-submit {
    position: relative;
    display: inline-block;
    height: auto;
    margin: 0;
    padding: 0;
    color: inherit;
    background: 0 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: 0!important;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-align: inherit;
    text-transform: inherit;
    text-indent: inherit;
}
.sf-btn_arrow:focus, .sf-btn_arrow:hover, .sf-btn_close:focus, .sf-btn_close:hover, .sf-btn_dummy:focus, .sf-btn_dummy:hover, .sf-btn_flat:focus, .sf-btn_flat:hover, .sf-btn_flatcasequote:focus, .sf-btn_flatcasequote:hover, .sf-btn_flatcasestudy:focus, .sf-btn_flatcasestudy:hover, .sf-btn_flatcookie:focus, .sf-btn_flatcookie:hover, .sf-btn_flaterror:focus, .sf-btn_flaterror:hover, .sf-btn_flatjobposting:focus, .sf-btn_flatjobposting:hover, .sf-btn_main:focus, .sf-btn_main:hover, .sf-btn_store:focus, .sf-btn_store:hover, .sf-btn_tab:focus, .sf-btn_tab:hover, .sf-btn_toggle:focus, .sf-btn_toggle:hover, .sf-interaction-form-submit:focus, .sf-interaction-form-submit:hover {
    text-decoration: none;
}
.sf-btn_flat {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px;
    padding: 0 22px;
    border: 1px solid #51c8ff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #51c8ff;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .135em;
    text-transform: uppercase;
    -webkit-transition: -webkit-box-shadow .5s;
    transition: -webkit-box-shadow .5s;
    -o-transition: box-shadow .5s;
    -moz-transition: box-shadow .5s, -moz-box-shadow .5s;
    transition: box-shadow .5s;
    transition: box-shadow .5s, -webkit-box-shadow .5s, -moz-box-shadow .5s;
}
@media (min-width:768px) {
    .sf-btn_flat {
    height: 46px;
}
}@media (min-width:1024px) {
    .sf-btn_flat {
    height: 51px;
    padding: 0 22px;
    font-size: 14px;
    line-height: 21px;
}
}@media (min-width:1600px) {
    .sf-btn_flat {
    height: 61px;
    padding: 0 30px;
    font-size: 16px;
    line-height: 24px;
}
}.sf-btn_flat:hover {
    -webkit-box-shadow: 0 0 10px rgba(81, 200, 255, .3), inset 0 0 10px rgba(81, 200, 255, .3);
    -moz-box-shadow: 0 0 10px rgba(81, 200, 255, .3), inset 0 0 10px rgba(81, 200, 255, .3);
    box-shadow: 0 0 10px rgba(81, 200, 255, .3), inset 0 0 10px rgba(81, 200, 255, .3);
}
.sf-btn_flat.-fill {
    border: none;
    background: #51c8ff;
    color: #fff;
}
.sf-btn_flat.-fill:hover {
    -webkit-box-shadow: 0 0 40px rgba(81, 200, 255, .3);
    -moz-box-shadow: 0 0 40px rgba(81, 200, 255, .3);
    box-shadow: 0 0 40px rgba(81, 200, 255, .3);
}
.sf-btn_flat.-fillCenter {
    border: none;
    background: #51c8ff;
    color: #fff;
    position: absolute;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}
.sf-btn_flat.-fillCenter:hover {
    -webkit-box-shadow: 0 0 40px rgba(81, 200, 255, .3);
    -moz-box-shadow: 0 0 40px rgba(81, 200, 255, .3);
    box-shadow: 0 0 40px rgba(81, 200, 255, .3);
}
.sf-btn_flat.-fillDownload {
    border: none;
    background: #51c8ff;
    color: #fff;
    position: absolute;
    left: 50%;
    bottom: 20px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}
.sf-btn_flat.-fillDownload:hover {
    -webkit-box-shadow: 0 0 40px rgba(81, 200, 255, .3);
    -moz-box-shadow: 0 0 40px rgba(81, 200, 255, .3);
    box-shadow: 0 0 40px rgba(81, 200, 255, .3);
}
.sf-btn_flat.-full {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.sf-btn_flat.-xs {
    width: 160px;
    height: 40px;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .13em;
    font-weight: 500;
}
.sf-btn_flat.-sm {
    height: 40px;
    padding: 0 18px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .13em;
}
@media (min-width:1200px) {
    .sf-btn_flat.-md {
    height: 60px;
    padding: 0 30px;
}
}@media (min-width:1600px) {
    .sf-btn_flat.-md {
    height: 61px;
    font-size: 16px;
    line-height: 24px;
}
}.sf-btn_flat.-lg {
    padding: 0 30px;
}
@media (min-width:768px) {
    .sf-btn_flat.-lg {
    height: 60px;
    font-size: 16px;
    line-height: 24px;
}
}.sf-btn_flat.-xl {
    width: 230px;
    height: 40px;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .13em;
    font-weight: 500;
}
.sf-btn_flaterror {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px;
    padding: 0 22px;
    background-color: #51c8ff;
    border: 1px solid #51c8ff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .135em;
    text-transform: uppercase;
    -webkit-transition: -webkit-box-shadow .5s;
    transition: -webkit-box-shadow .5s;
    -o-transition: box-shadow .5s;
    -moz-transition: box-shadow .5s, -moz-box-shadow .5s;
    transition: box-shadow .5s;
    transition: box-shadow .5s, -webkit-box-shadow .5s, -moz-box-shadow .5s;
}
@media (min-width:768px) {
    .sf-btn_flaterror {
    height: 46px;
}
}@media (min-width:1024px) {
    .sf-btn_flaterror {
    height: 51px;
    padding: 0 22px;
    font-size: 14px;
    line-height: 21px;
}
}@media (min-width:1600px) {
    .sf-btn_flaterror {
    height: 61px;
    padding: 0 30px;
    font-size: 16px;
    line-height: 24px;
}
}.sf-btn_flaterror:hover {
    -webkit-box-shadow: 0 0 10px rgba(81, 200, 255, .3), inset 0 0 10px rgba(81, 200, 255, .3);
    -moz-box-shadow: 0 0 10px rgba(81, 200, 255, .3), inset 0 0 10px rgba(81, 200, 255, .3);
    box-shadow: 0 0 10px rgba(81, 200, 255, .3), inset 0 0 10px rgba(81, 200, 255, .3);
}
.sf-btn_flaterror.-fill {
    border: none;
    background: #51c8ff;
    color: #fff;
}
.sf-btn_flaterror.-fill:hover {
    -webkit-box-shadow: 0 0 40px rgba(81, 200, 255, .3);
    -moz-box-shadow: 0 0 40px rgba(81, 200, 255, .3);
    box-shadow: 0 0 40px rgba(81, 200, 255, .3);
}
.sf-btn_flaterror.-fillCenter {
    border: none;
    background: #51c8ff;
    color: #fff;
    position: absolute;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}
.sf-btn_flaterror.-fillCenter:hover {
    -webkit-box-shadow: 0 0 40px rgba(81, 200, 255, .3);
    -moz-box-shadow: 0 0 40px rgba(81, 200, 255, .3);
    box-shadow: 0 0 40px rgba(81, 200, 255, .3);
}
.sf-btn_flaterror.-fillDownload {
    border: none;
    background: #51c8ff;
    color: #fff;
    position: absolute;
    left: 50%;
    bottom: 20px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}
.sf-btn_flaterror.-fillDownload:hover {
    -webkit-box-shadow: 0 0 40px rgba(81, 200, 255, .3);
    -moz-box-shadow: 0 0 40px rgba(81, 200, 255, .3);
    box-shadow: 0 0 40px rgba(81, 200, 255, .3);
}
.sf-btn_flaterror.-full {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.sf-btn_flaterror.-lg {
    padding: 0 30px;
}
@media (min-width:768px) {
    .sf-btn_flaterror.-lg {
    height: 60px;
    font-size: 16px;
    line-height: 24px;
}
}.sf-btn_flatcookie {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 26px;
    padding: 0 22px;
    border: 1px solid #51c8ff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #51c8ff;
    font-weight: 500;
    font-size: 9px;
    line-height: 18px;
    letter-spacing: .135em;
    text-transform: uppercase;
    -webkit-transition: -webkit-box-shadow .5s;
    transition: -webkit-box-shadow .5s;
    -o-transition: box-shadow .5s;
    -moz-transition: box-shadow .5s, -moz-box-shadow .5s;
    transition: box-shadow .5s;
    transition: box-shadow .5s, -webkit-box-shadow .5s, -moz-box-shadow .5s;
    position: absolute;
    top: 97px;
    right: 65%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
@media (min-width:375px) {
    .sf-btn_flatcookie {
    height: 30px;
    padding: 0 30px;
    top: 87px;
    right: 67%;
    font-size: 10px;
    line-height: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
}@media (min-width:768px) {
    .sf-btn_flatcookie {
    height: 30px;
    padding: 0 30px;
    top: 87px;
    right: 72%;
    font-size: 10px;
    line-height: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 92px;
}
}@media (min-width:1024px) {
    .sf-btn_flatcookie {
    height: 30px;
    padding: 0 30px;
    top: 39px;
    right: 23%;
    font-size: 10px;
    line-height: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 94px;
}
}@media (min-width:1200px) {
    .sf-btn_flatcookie {
    height: 30px;
    padding: 0 30px;
    top: 36px;
    right: 24%;
    font-size: 12px;
    line-height: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 95px;
}
}@media (min-width:1600px) {
    .sf-btn_flatcookie {
    height: 31px;
    padding: 0 30px;
    top: 40px;
    right: 26%;
    font-size: 13px;
    line-height: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 95px;
}
}.sf-btn_flatcookie:hover {
    -webkit-box-shadow: 0 0 10px rgba(81, 200, 255, .3), inset 0 0 10px rgba(81, 200, 255, .3);
    -moz-box-shadow: 0 0 10px rgba(81, 200, 255, .3), inset 0 0 10px rgba(81, 200, 255, .3);
    box-shadow: 0 0 10px rgba(81, 200, 255, .3), inset 0 0 10px rgba(81, 200, 255, .3);
}
.sf-btn_flatcookie.-sm {
    height: 40px;
    padding: 0 18px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .13em;
}
.sf-btn_flatjobposting {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px;
    padding: 0 22px;
    border: 1px solid #51c8ff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #51c8ff;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .135em;
    text-transform: uppercase;
    -webkit-transition: -webkit-box-shadow .5s;
    transition: -webkit-box-shadow .5s;
    -o-transition: box-shadow .5s;
    -moz-transition: box-shadow .5s, -moz-box-shadow .5s;
    transition: box-shadow .5s;
    transition: box-shadow .5s, -webkit-box-shadow .5s, -moz-box-shadow .5s;
}
@media (min-width:768px) {
    .sf-btn_flatjobposting {
    height: 46px;
}
}@media (min-width:1024px) {
    .sf-btn_flatjobposting {
    height: 51px;
    padding: 0 22px;
    font-size: 14px;
    line-height: 21px;
}
}@media (min-width:1600px) {
    .sf-btn_flatjobposting {
    height: 61px;
    padding: 0 30px;
    font-size: 16px;
    line-height: 24px;
}
}.sf-btn_flatjobposting:hover {
    -webkit-box-shadow: 0 0 10px rgba(81, 200, 255, .3), inset 0 0 10px rgba(81, 200, 255, .3);
    -moz-box-shadow: 0 0 10px rgba(81, 200, 255, .3), inset 0 0 10px rgba(81, 200, 255, .3);
    box-shadow: 0 0 10px rgba(81, 200, 255, .3), inset 0 0 10px rgba(81, 200, 255, .3);
}
.sf-btn_flatjobposting.-fill {
    border: none;
    background: #51c8ff;
    color: #fff;
}
.sf-btn_flatjobposting.-fill:hover {
    -webkit-box-shadow: 0 0 40px rgba(81, 200, 255, .3);
    -moz-box-shadow: 0 0 40px rgba(81, 200, 255, .3);
    box-shadow: 0 0 40px rgba(81, 200, 255, .3);
}
.sf-btn_flatjobposting.-fillCenter {
    border: none;
    background: #51c8ff;
    color: #fff;
    position: absolute;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}
.sf-btn_flatjobposting.-fillCenter:hover {
    -webkit-box-shadow: 0 0 40px rgba(81, 200, 255, .3);
    -moz-box-shadow: 0 0 40px rgba(81, 200, 255, .3);
    box-shadow: 0 0 40px rgba(81, 200, 255, .3);
}
.sf-btn_flatjobposting.-fillDownload {
    border: none;
    background: #51c8ff;
    color: #fff;
    position: absolute;
    left: 50%;
    bottom: 20px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}
.sf-btn_flatjobposting.-fillDownload:hover {
    -webkit-box-shadow: 0 0 40px rgba(81, 200, 255, .3);
    -moz-box-shadow: 0 0 40px rgba(81, 200, 255, .3);
    box-shadow: 0 0 40px rgba(81, 200, 255, .3);
}
.sf-btn_flatjobposting.-full {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.sf-btn_flatjobposting.-xs {
    width: 160px;
    height: 40px;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .13em;
    font-weight: 500;
}
.sf-btn_flatcasestudy {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px;
    padding: 0 22px;
    border: 1px solid #51c8ff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #51c8ff;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .135em;
    text-transform: uppercase;
    -webkit-transition: -webkit-box-shadow .5s;
    transition: -webkit-box-shadow .5s;
    -o-transition: box-shadow .5s;
    -moz-transition: box-shadow .5s, -moz-box-shadow .5s;
    transition: box-shadow .5s;
    transition: box-shadow .5s, -webkit-box-shadow .5s, -moz-box-shadow .5s;
}
@media (min-width:768px) {
    .sf-btn_flatcasestudy {
    height: 46px;
    float: right;
}
}@media (min-width:1024px) {
    .sf-btn_flatcasestudy {
    height: 51px;
    padding: 0 22px;
    font-size: 14px;
    line-height: 21px;
    float: right;
}
}@media (min-width:1600px) {
    .sf-btn_flatcasestudy {
    height: 61px;
    padding: 0 30px;
    font-size: 16px;
    line-height: 24px;
    float: right;
}
}.sf-btn_flatcasequote {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 75px;
    padding: 8px 22px;
    border: 10px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .08em;
    -webkit-transition: -webkit-box-shadow .5s;
    transition: -webkit-box-shadow .5s;
    -o-transition: box-shadow .5s;
    -moz-transition: box-shadow .5s, -moz-box-shadow .5s;
    transition: box-shadow .5s;
    transition: box-shadow .5s, -webkit-box-shadow .5s, -moz-box-shadow .5s;
    top: 1140px;
    right: -90px;
    background-color: #51c8ff;
}
@media (min-width:768px) {
    .sf-btn_flatcasequote {
    height: 75px;
    float: right;
    top: 890px;
    right: -20px;
}
}@media (min-width:1024px) {
    .sf-btn_flatcasequote {
    height: 75px;
    padding: 6px 22px;
    font-size: 14px;
    line-height: 21px;
    float: right;
    top: 710px;
    right: -60px;
}
}@media (min-width:1200px) {
    .sf-btn_flatcasequote {
    height: 80px;
    padding: 5px 30px;
    font-size: 16px;
    line-height: 24px;
    float: right;
    top: 669px;
    right: -80px;
}
}@media (min-width:1600px) {
    .sf-btn_flatcasequote {
    height: 80px;
    padding: 5px 30px;
    font-size: 16px;
    line-height: 24px;
    float: right;
    top: 655px;
    right: -81px;
}
}.sf-btn_toggle {
    display: block;
    width: 25px;
    height: 34px;
}
.sf-btn_toggle:hover span {
    opacity: .85;
}
@media (min-width:768px) {
    .sf-btn_toggle {
    width: 40px;
}
}.sf-btn_toggle span {
    display: block;
    width: 100%;
    height: 2px;
    position: relative;
    top: -4px;
    background: currentColor;
    -webkit-transform: translateY(0) rotate(0);
    -moz-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    -o-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    -webkit-transition: background .35s, opacity .3s, -webkit-transform .35s;
    transition: background .35s, opacity .3s, -webkit-transform .35s;
    -o-transition: background .35s, opacity .3s, -o-transform .35s;
    -moz-transition: transform .35s, background .35s, opacity .3s, -moz-transform .35s;
    transition: transform .35s, background .35s, opacity .3s;
    transition: transform .35s, background .35s, opacity .3s, -webkit-transform .35s, -moz-transform .35s, -o-transform .35s;
}
@media (min-width:768px) {
    .sf-btn_toggle span {
    top: -5px;
}
}.sf-btn_toggle span:last-child {
    top: 4px;
}
@media (min-width:768px) {
    .sf-btn_toggle span: last-child {
    top: 5px;
}
}.sf-btn_toggle::before {
    content: '';
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
}
.sf-btn_toggle.-open span:nth-child(1), .sf-dropdown_box.-open .sf-btn_toggle.sf-dropdown_box-menu span:nth-child(1) {
    -webkit-transform: translateY(5px) rotate(-45deg);
    -moz-transform: translateY(5px) rotate(-45deg);
    -ms-transform: translateY(5px) rotate(-45deg);
    -o-transform: translateY(5px) rotate(-45deg);
    transform: translateY(5px) rotate(-45deg);
}
@media (min-width:768px) {
    .sf-btn_toggle.-open span: nth-child(1), .sf-dropdown_box.-open .sf-btn_toggle.sf-dropdown_box-menu span:nth-child(1) {
    -webkit-transform: translateY(6px) rotate(-45deg);
    -moz-transform: translateY(6px) rotate(-45deg);
    -ms-transform: translateY(6px) rotate(-45deg);
    -o-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
}
}.sf-btn_toggle.-open span:nth-child(2), .sf-dropdown_box.-open .sf-btn_toggle.sf-dropdown_box-menu span:nth-child(2) {
    -webkit-transform: translateY(-5px) rotate(45deg);
    -moz-transform: translateY(-5px) rotate(45deg);
    -ms-transform: translateY(-5px) rotate(45deg);
    -o-transform: translateY(-5px) rotate(45deg);
    transform: translateY(-5px) rotate(45deg);
}
@media (min-width:768px) {
    .sf-btn_toggle.-open span: nth-child(2), .sf-dropdown_box.-open .sf-btn_toggle.sf-dropdown_box-menu span:nth-child(2) {
    -webkit-transform: translateY(-6px) rotate(45deg);
    -moz-transform: translateY(-6px) rotate(45deg);
    -ms-transform: translateY(-6px) rotate(45deg);
    -o-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
}
}.-dark .sf-btn_toggle span {
    background: #02123c;
}
.sf-btn_store {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 47px;
    width: 136px;
    padding: 0 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
}
@media (min-width:768px) {
    .sf-btn_store {
    height: 60px;
    width: 178px;
    padding: 0 23px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
}.sf-btn_store-ico {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 6px;
    font-size: 20px;
}
@media (min-width:768px) {
    .sf-btn_store-ico {
    margin-right: 8px;
    font-size: 26px;
}
}.sf-btn_store-ico svg {
    width: 1em;
    height: 1em;
    fill: #000;
}
.sf-btn_store-text {
    display: block;
    color: rgba(0, 0, 0, .5);
    font-size: 9px;
    line-height: 13px;
}
@media (min-width:768px) {
    .sf-btn_store-text {
    font-size: 12px;
    line-height: 17px;
}
}.sf-btn_store-text span {
    display: block;
    color: #000;
    font-weight: 500;
    font-size: 12px;
}
@media (min-width:768px) {
    .sf-btn_store-text span {
    font-size: 15px;
}
}.sf-btn_arrow {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #2549ca;
    border: 2px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s;
}
@media (min-width:768px) {
    .sf-btn_arrow {
    width: 60px;
    height: 60px;
}
}.sf-btn_arrow-ico {
    width: 12px;
    height: 12px;
}
@media (min-width:768px) {
    .sf-btn_arrow-ico {
    width: 19px;
    height: 19px;
}
}.sf-btn_arrow-ico svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}
.sf-btn_arrow.-disabled {
    opacity: .4;
    pointer-events: none;
}
@media (min-width:1200px) {
    .sf-btn_arrow.-sm {
    width: 50px;
    height: 50px;
}
}@media (min-width:1600px) {
    .sf-btn_arrow.-sm {
    width: 60px;
    height: 60px;
}
}@media (min-width:1200px) {
    .sf-btn_arrow.-sm .sf-btn_arrow {
    width: 15px;
    height: 15px;
}
}@media (min-width:1600px) {
    .sf-btn_arrow.-sm .sf-btn_arrow {
    width: 19px;
    height: 19px;
}
}.sf-btn_close {
    display: block;
    width: 23px;
    height: 23px;
}
.sf-btn_close::after, .sf-btn_close::before {
    content: '';
    position: absolute;
    left: -3px;
    top: 45%;
    width: 30px;
    height: 2px;
    background: #020213;
}
.sf-btn_close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sf-btn_close::after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.sf-btn_main {
    display: inline-block;
    vertical-align: middle;
    height: 46px;
    padding: 0 19px;
    font-size: 14px;
    line-height: 46px;
    letter-spacing: .01em;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}
.sf-btn_main:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #51c8ff;
}
@media (min-width:768px) {
    .sf-btn_main {
    height: 60px;
    padding: 0 31px;
    font-size: 16px;
    line-height: 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
}@media (min-width:1200px) {
    .sf-btn_main {
    height: 66px;
    line-height: 66px;
}
}@media (min-width:1600px) {
    .sf-btn_main {
    height: 80px;
    padding: 0 30px;
    font-size: 18px;
    line-height: 80px;
}
}.sf-btn_main-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 14px 0 0;
}
@media (min-width:768px) {
    .sf-btn_main-icon {
    margin: 0 18px 0 0;
}
}@media (min-width:1600px) {
    .sf-btn_main-icon {
    margin: -5px 23px 0 0;
}
}.sf-btn_main-icon svg {
    width: 18px;
    height: 22px;
}
@media (min-width:768px) {
    .sf-btn_main-icon svg {
    width: 20px;
    height: 24px;
}
}@media (min-width:1200px) {
    .sf-btn_main-icon svg {
    width: 21px;
    height: 26px;
}
}@media (min-width:1600px) {
    .sf-btn_main-icon svg {
    width: 24px;
    height: 30px;
}
}.sf-btn_main span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 1;
}
.sf-btn_main.-sm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 128px;
    height: 40px;
    padding: 0;
    font-size: 12px;
    letter-spacing: .13em;
    font-weight: 500;
    text-transform: uppercase;
}
@media (min-width:768px) {
    .sf-btn_main.-sm {
    padding: 0 20px;
    width: auto;
}
}.sf-btn_main.-grey {
    color: #9aa0b1;
}
.sf-btn_main.-grey:after {
    background: #f3f9fd;
}
.sf-btn_tab {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    padding: 0 24px;
    color: #020213;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: color .3s, background .3s;
    -o-transition: color .3s, background .3s;
    -moz-transition: color .3s, background .3s;
    transition: color .3s, background .3s;
}
@media (min-width:768px) {
    .sf-btn_tab {
    height: 96px;
    padding: 0 45px;
    font-size: 20px;
    line-height: 26px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
}@media (min-width:1024px) {
    .sf-btn_tab {
    padding: 0 39px;
    font-size: 26px;
    line-height: 34px;
}
}.sf-btn_tab:hover {
    color: #51c8ff;
}
.sf-btn_tab.-active {
    color: #51c8ff;
    background: rgba(81, 200, 255, .1);
}
@-webkit-keyframes sf-click {
    50% {
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0;
}
99% {
    -webkit-transform: scale(.001, .001);
    transform: scale(.001, .001);
    opacity: 0;
}
100% {
    -webkit-transform: scale(.001, .001);
    transform: scale(.001, .001);
    opacity: 1;
}
}@-moz-keyframes sf-click {
    50% {
    -moz-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0;
}
99% {
    -moz-transform: scale(.001, .001);
    transform: scale(.001, .001);
    opacity: 0;
}
100% {
    -moz-transform: scale(.001, .001);
    transform: scale(.001, .001);
    opacity: 1;
}
}@-o-keyframes sf-click {
    50% {
    -o-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0;
}
99% {
    -o-transform: scale(.001, .001);
    transform: scale(.001, .001);
    opacity: 0;
}
100% {
    -o-transform: scale(.001, .001);
    transform: scale(.001, .001);
    opacity: 1;
}
}@keyframes sf-click {
    50% {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0;
}
99% {
    -webkit-transform: scale(.001, .001);
    -moz-transform: scale(.001, .001);
    -o-transform: scale(.001, .001);
    transform: scale(.001, .001);
    opacity: 0;
}
100% {
    -webkit-transform: scale(.001, .001);
    -moz-transform: scale(.001, .001);
    -o-transform: scale(.001, .001);
    transform: scale(.001, .001);
    opacity: 1;
}
}.sf-checkbox {
    display: inline;
}
.sf-checkbox_light label {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}
.sf-checkbox_light label:hover .sf-checkbox_light-box {
    border-color: rgba(81, 200, 255, .5);
}
.sf-checkbox_light input {
    position: absolute;
    padding: 0;
    margin: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.sf-checkbox_light input:checked~.sf-checkbox_light-box {
    background: #51c8ff;
    border: none;
}
.sf-checkbox_light-box {
    height: 20px;
    width: 20px;
    margin: 0 20px 0 0;
    color: #fff;
    border: 1px #e6e8ed solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}
.sf-checkbox_light-box span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%}
.sf-checkbox_light-box span svg {
    width: 12px;
    height: 8px;
}
.sf-checkbox_light-text {
    position: relative;
    font-size: 16px;
    line-height: 21px;
    color: #020213;
}
.sf-checkbox_light-text:after {
    content: '';
    position: absolute;
    top: -10px;
    right: 0;
    bottom: -10px;
    left: 0;
}
.sf-dropdown {
    display: inline;
}
.sf-dropdown_box {
    display: block;
    color: #03174e;
}
.sf-dropdown_box-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 60px;
    padding: 0 33px 0 20px;
    border: 1px solid #e6e8ed;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-dropdown_box-head:hover {
    opacity: .7;
}
@media (min-width:768px) {
    .sf-dropdown_box-head {
    padding: 0 21px;
}
}@media (min-width:1200px) {
    .sf-dropdown_box-head {
    padding: 0 30px;
}
}.sf-dropdown_box-head-title {
    display: block;
    position: relative;
    font-size: 16px;
    letter-spacing: .01em;
}
.sf-dropdown_box-head-title span {
    position: absolute;
    right: -20px;
    color: #51c8ff;
}
.sf-dropdown_box-head-icon svg {
    width: 16px;
    height: 8px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: -o-transform .2s;
    -moz-transition: transform .2s, -moz-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s;
}
.sf-dropdown_box-menu {
    position: absolute;
    left: 0;
    width: 100%;
    margin: 20px 0 0 0;
    border: 1px solid #e6e8ed;
    background: #fff;
    -webkit-box-shadow: 0 40px 40px #f8f9fd;
    -moz-box-shadow: 0 40px 40px #f8f9fd;
    box-shadow: 0 40px 40px #f8f9fd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    z-index: 2;
}
.sf-dropdown_box-menu-body {
    padding: 37px 36px 37px 28px;
}
@media (min-width:768px) {
    .sf-dropdown_box-menu-body {
    padding: 20px;
}
}@media (min-width:1200px) {
    .sf-dropdown_box-menu-body {
    padding: 30px;
}
}.sf-dropdown_box-menu-items {
    max-height: 300px;
    margin: 0 -36px 0 0;
    white-space: nowrap;
    overflow: auto;
}
.sf-dropdown_box-menu-items::-webkit-scrollbar {
    width: 0;
    background: 0 0;
}
@media (min-width:768px) {
    .sf-dropdown_box-menu-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
    max-height: 100%;
    overflow: initial;
}
}.sf-dropdown_box-menu-item {
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 20px 0;
}
@media (min-width:768px) {
    .sf-dropdown_box-menu-item {
    width: 50%;
    padding: 0 10px;
}
}@media (min-width:1024px) {
    .sf-dropdown_box-menu-item {
    width: 33.3333%}
}@media (min-width:1200px) {
    .sf-dropdown_box-menu-item {
    margin: 0 0 25px 0;
}
}@media (min-width:1600px) {
    .sf-dropdown_box-menu-item {
    margin: 0 0 30px 0;
}
}.sf-dropdown_box-menu-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width:768px) {
    .sf-dropdown_box-menu-action {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 15px 0 0 0;
}
}@media (min-width:1024px) {
    .sf-dropdown_box-menu-action {
    margin: 20px 0 0 0;
}
}@media (min-width:1200px) {
    .sf-dropdown_box-menu-action {
    margin: 25px 0 0 0;
}
}@media (min-width:1600px) {
    .sf-dropdown_box-menu-action {
    margin: 20px 0 0 0;
}
}.sf-dropdown_box-menu-action-item:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-dropdown_box-menu-action-item {
    margin: 0 10px 0 0;
}
}.sf-dropdown_box-menu.-open, .sf-dropdown_box.-open .sf-dropdown_box-menu {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: sf-dropdown-menu-show .3s backwards;
    -moz-animation: sf-dropdown-menu-show .3s backwards;
    -o-animation: sf-dropdown-menu-show .3s backwards;
    animation: sf-dropdown-menu-show .3s backwards;
}
.sf-dropdown_box.-open .sf-dropdown_box-head-icon svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sf-dropdown_box.-inverse {
    color: #fff;
}
.sf-dropdown_box.-inverse .sf-dropdown_box-head {
    border: 1px solid rgba(230, 232, 237, .3);
}
.sf-dropdown_box.-inverse .sf-dropdown_box-menu {
    -webkit-box-shadow: 0 40px 40px rgba(248, 249, 253, .5);
    -moz-box-shadow: 0 40px 40px rgba(248, 249, 253, .5);
    box-shadow: 0 40px 40px rgba(248, 249, 253, .5);
}
.sf-dropdown_select {
    display: block;
    position: relative;
}
@-webkit-keyframes sf-dropdown-menu-show {
    0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}@-moz-keyframes sf-dropdown-menu-show {
    0% {
    opacity: 0;
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
100% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
}
}@-o-keyframes sf-dropdown-menu-show {
    0% {
    opacity: 0;
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}
100% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
}
}@keyframes sf-dropdown-menu-show {
    0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
}.sf-modal {
    display: inline;
}
.sf-modal_full {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 202;
}
.sf-modal_full:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: -webkit-transform .6s .2s;
    transition: -webkit-transform .6s .2s;
    -o-transition: -o-transform .6s .2s;
    -moz-transition: transform .6s .2s, -moz-transform .6s .2s;
    transition: transform .6s .2s;
    transition: transform .6s .2s, -webkit-transform .6s .2s, -moz-transform .6s .2s, -o-transform .6s .2s;
}
.sf-modal_full-dialog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    text-align: center;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
}
.sf-modal_full-embedded iframe {
    width: 100%;
    height: 100%;
    border: 0;
}
.sf-modal_full-embedded video {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (min-width:1200px) {
    .sf-modal_full-embedded video {
    height: 100vh;
}
}.sf-modal_full-close {
    display: none;
}
@media (pointer:coarse) {
    .sf-modal_full-close {
    display: block;
    position: fixed;
    right: 25px;
    top: 25px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
}
}.sf-modal_full.-visible:after {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.sf-modal_full.-visible .sf-modal_full-dialog {
    opacity: 1;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}
.sf-modal_full.-visible .sf-modal_full-close {
    opacity: 1;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}
.sf-footer-content {
    padding: 82px 0 80px;
}
@media (min-width:768px) {
    .sf-footer-content {
    padding: 100px 0;
}
}@media (min-width:1024px) {
    .sf-footer-content {
    padding: 160px 0;
}
}.sf-footer-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
@media (min-width:768px) {
    .sf-footer-grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
}@media (min-width:1024px) {
    .sf-footer-grid {
    padding-right: 23px;
}
}@media (min-width:1200px) {
    .sf-footer-grid {
    padding-right: 0;
}
}@media (min-width:1600px) {
    .sf-footer-grid {
    padding-right: 45px;
}
}.sf-footer-grid-col {
    margin-top: 10px;
}
.sf-footer-grid-col:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-footer-grid-col {
    margin: 0;
}
}@media (min-width:768px) {
    .sf-footer-grid-col.-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
}.sf-footer-logo {
    display: block;
    width: 167px;
    height: 42px;
    margin-bottom: 40px;
}
@media (min-width:768px) {
    .sf-footer-logo {
    width: 140px;
    height: 34px;
    margin-bottom: 0;
}
}@media (min-width:1024px) {
    .sf-footer-logo {
    width: 179px;
    height: 45px;
}
}.sf-footer-logo svg {
    width: 100%;
    height: 100%}
@media (min-width:768px) {
    .sf-footer-logo.-mobile {
    display: none;
}
}.sf-footer-logo.-device {
    display: none;
}
@media (min-width:768px) {
    .sf-footer-logo.-device {
    display: block;
}
}.sf-footer-logover {
    display: block;
    width: 120px;
    height: 42px;
    margin-bottom: 40px;
}
@media (min-width:768px) {
    .sf-footer-logover {
    width: 100px;
    height: 34px;
    margin-bottom: 0;
}
}@media (min-width:1024px) {
    .sf-footer-logover {
    width: 130px;
    height: 45px;
}
}@media (min-width:1200px) {
    .sf-footer-logover {
    width: 130px;
    height: 45px;
}
}.sf-footer-logover svg {
    width: 100%;
    height: 100%}
@media (min-width:768px) {
    .sf-footer-logover.-mobile {
    display: none;
}
}.sf-footer-logover.-device {
    display: none;
}
@media (min-width:768px) {
    .sf-footer-logover.-device {
    display: block;
}
}.sf-footer-list-item {
    margin-top: 20px;
}
.sf-footer-list-item:first-child {
    margin-top: 0;
}
@media (min-width:768px) {
    .sf-footer-list-item {
    margin-top: 40px;
}
}@media (min-width:768px) {
    .sf-footer-list-item.-last {
    display: none;
}
}.sf-footer-link {
    width: 100%;
    display: inline-block;
    color: #9aa0b1;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .06em;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #9aa0b1), to(#9aa0b1));
    background-image: -webkit-linear-gradient(bottom, #9aa0b1 0, #9aa0b1 100%);
    background-image: -moz-linear-gradient(bottom, #9aa0b1 0, #9aa0b1 100%);
    background-image: -o-linear-gradient(bottom, #9aa0b1 0, #9aa0b1 100%);
    background-image: linear-gradient(0deg, #9aa0b1 0, #9aa0b1 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
@media (hover:hover) and (min-width:768px) {
    .sf-footer-link: hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
}@media (min-width:768px) {
    .sf-footer-link {
    width: auto;
}
}.sf-footer-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (min-width:768px) {
    .sf-footer-nav {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
}.sf-footer-nav-col {
    width: 50%;
    margin: 0 0 30px 0;
}
@media (min-width:768px) {
    .sf-footer-nav-col {
    width: auto;
    margin: 0 0 0 40px;
}
.sf-footer-nav-col:first-child {
    margin-left: 0;
}
}@media (min-width:1024px) {
    .sf-footer-nav-col {
    margin-left: 47px;
}
}@media (min-width:1200px) {
    .sf-footer-nav-col {
    margin-left: 83px;
}
}@media (min-width:1600px) {
    .sf-footer-nav-col {
    margin-left: 77px;
}
}.sf-footer-nav-col.-last {
    display: none;
}
@media (min-width:768px) {
    .sf-footer-nav-col.-last {
    display: block;
}
}.sf-footer-nav-list {
    margin-top: 20px;
}
.sf-footer-nav-list-item {
    margin-top: 14px;
}
.sf-footer-nav-list-item:first-child {
    margin-top: 0;
}
@media (min-width:768px) {
    .sf-footer-nav-list-item {
    margin-top: 27px;
}
}@media (min-width:1024px) {
    .sf-footer-nav-list-item {
    margin-top: 24px;
}
}.sf-footer-nav-link {
    color: #03174e;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .02em;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #03174e), to(#03174e));
    background-image: -webkit-linear-gradient(bottom, #03174e 0, #03174e 100%);
    background-image: -moz-linear-gradient(bottom, #03174e 0, #03174e 100%);
    background-image: -o-linear-gradient(bottom, #03174e 0, #03174e 100%);
    background-image: linear-gradient(0deg, #03174e 0, #03174e 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.sf-footer-nav-link:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
@media (min-width:1024px) {
    .sf-footer-nav-link {
    font-size: 16px;
    line-height: 27px;
}
}.sf-footer-nav-link.-address {
    font-size: 12px;
}
@media (min-width:768px) {
    .sf-footer-nav-link.-address {
    font-size: 10px;
}
}@media (min-width:1024px) {
    .sf-footer-nav-link.-address {
    font-size: 12px;
}
}@media (min-width:1200px) {
    .sf-footer-nav-link.-address {
    font-size: 16px;
}
}.sf-footer-nav-link.-address.-hq {
    font-size: 10px;
    font-weight: 700;
}
@media (min-width:1200px) {
    .sf-footer-nav-link.-address.-hq {
    font-size: 14px;
}
}.sf-footer-nav-link.-address.-ad {
    font-size: 10px;
    font-weight: 400;
}
@media (min-width:1200px) {
    .sf-footer-nav-link.-address.-ad {
    font-size: 14px;
}
}.sf-footer.-inverse {
    background: #020213;
    color: #fff;
}
.sf-footer.-inverse .sf-footer-nav-link {
    color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -webkit-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: -moz-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(0deg, #fff 0, #fff 100%);
}
.footer_copy {
    font-size: 14px;
    color: #9aa0b1;
    margin-top: 15px;
}
@media (min-width:768px) {
    .footer_copy {
    margin-top: 75px;
    margin-bottom: -35px;
    margin-left: 230px;
}
}@media (min-width:1024px) {
    .footer_copy {
    margin-left: 315px;
    margin-top: 120px;
    margin-bottom: -70px;
}
}@media (min-width:1200px) {
    .footer_copy {
    margin-top: 100px;
    margin-bottom: -100px;
    margin-left: 420px;
}
}@media (min-width:1600px) {
    .footer_copy {
    margin-left: 400px;
}
}.sf-cursor {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 203;
    contain: layout style size;
    pointer-events: none;
    will-change: transform;
}
.sf-cursor::before {
    content: '';
    position: absolute;
    width: 106px;
    height: 106px;
    margin-top: -53px;
    margin-left: -53px;
    background: #51c8ff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
}
@media (min-width:1600px) {
    .sf-cursor: :before {
    width: 142px;
    height: 142px;
    margin-top: -71px;
    margin-left: -71px;
}
}.sf-cursor-text {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    position: absolute;
    top: -30px;
    left: -30px;
    color: #03174e;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: opacity .2s, color .3s;
    -o-transition: opacity .2s, color .3s;
    -moz-transition: opacity .2s, color .3s;
    transition: opacity .2s, color .3s;
}
@media (min-width:1024px) {
    .sf-cursor-text {
    width: 120px;
    height: 120px;
    top: -60px;
    left: -60px;
}
}@media (min-width:1200px) {
    .sf-cursor-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
}.sf-cursor-text::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: background .3s, -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: background .3s, -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    -o-transition: background .3s, -o-transform .5s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: transform .5s cubic-bezier(.19, 1, .22, 1), background .3s, -moz-transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: transform .5s cubic-bezier(.19, 1, .22, 1), background .3s;
    transition: transform .5s cubic-bezier(.19, 1, .22, 1), background .3s, -webkit-transform .5s cubic-bezier(.19, 1, .22, 1), -moz-transform .5s cubic-bezier(.19, 1, .22, 1), -o-transform .5s cubic-bezier(.19, 1, .22, 1);
}
.sf-cursor-text span {
    position: relative;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .1s;
    -o-transition: opacity .1s;
    -moz-transition: opacity .1s;
    transition: opacity .1s;
    font-size: 14px;
    letter-spacing: .01em;
}
.sf-cursor.-close .sf-cursor-text {
    opacity: 1;
    color: #fff;
}
@media (min-width:1024px) {
    .sf-cursor.-close .sf-cursor-text {
    width: 80px;
    height: 80px;
    top: -40px;
    left: -40px;
}
}.sf-cursor.-close .sf-cursor-text::before {
    background: rgba(255, 255, 255, .4);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.sf-cursor.-close .sf-cursor-text svg {
    position: relative;
    z-index: 1;
    width: 19px;
    height: 19px;
    color: #03174e;
}
@media (min-width:1024px) {
    .sf-cursor.-close .sf-cursor-text svg {
    width: 23px;
    height: 23px;
}
}@supports (mix-blend-mode:darken) {
    .sf-cursor.-blend {
    mix-blend-mode: darken;
}
}@supports (mix-blend-mode:darken) {
    .sf-cursor.-blend: :before {
    opacity: 1;
}
}.sf-cursor.-text .sf-cursor-text {
    opacity: 1;
}
.sf-cursor.-text .sf-cursor-text:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.sf-cursor.-text .sf-cursor-text span {
    opacity: 1;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
}
.sf-cursor.-play .sf-cursor-text {
    opacity: 1;
    color: #fff;
}
@media (min-width:1024px) {
    .sf-cursor.-play .sf-cursor-text {
    width: 90px;
    height: 90px;
    top: -40px;
    left: -40px;
}
}.sf-cursor.-play .sf-cursor-text::before {
    background: rgba(255, 255, 255, .4);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.sf-cursor.-play .sf-cursor-text svg {
    width: 15px;
    height: 19px;
    margin: -3px 0 0 4px;
}
@media (min-width:1024px) {
    .sf-cursor.-play .sf-cursor-text svg {
    width: 28px;
    height: 31px;
}
}.sf-cursor.-inverse .sf-cursor-text {
    color: #fff;
    -webkit-transition: 0s;
    -o-transition: 0s;
    -moz-transition: 0s;
    transition: 0s;
}
.sf-cursor.-inverse .sf-cursor-text::before {
    background: #51c8ff;
    -webkit-transition: 0s;
    -o-transition: 0s;
    -moz-transition: 0s;
    transition: 0s;
}
.sf-cursor.-inversed .sf-cursor-text {
    color: #fff;
}
.sf-cursor.-inversed .sf-cursor-text::before {
    background: #51c8ff;
}
.sf-cursor.-media {
    z-index: 0;
}
.sf-cursor.-pointer {
    cursor: pointer;
}
.sf-cursor-media {
    position: absolute;
}
.sf-cursor-media img {
    max-width: 100%}
.select2-container {
    margin: -2px 0 0 0;
    display: block;
    height: 60px;
    left: 0!important;
    right: 0!important;
}
.select2-selection {
    display: block;
    height: 100%!important;
}
.select2-container--default .select2-selection--single {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
    border-bottom: 1px rgba(255, 255, 255, .2) solid;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: 0 0;
    cursor: pointer;
    -webkit-transition: border-bottom-color .3s;
    -o-transition: border-bottom-color .3s;
    -moz-transition: border-bottom-color .3s;
    transition: border-bottom-color .3s;
}
.select2-container--default .select2-selection--single:hover {
    border-bottom-color: rgba(255, 255, 255, .5);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .135em;
    line-height: 1;
    text-transform: uppercase;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 215px;
}
@media (min-width:768px) {
    .select2-container--default .select2-results>.select2-results__options {
    max-height: 300px;
}
}.select2-results {
    margin: 2px 0 0 0;
    text-align: left;
}
.select2-dropdown {
    background: #0d2259;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    direction: revert!important;
    -webkit-animation: sf-dropdown-show .3s backwards;
    -moz-animation: sf-dropdown-show .3s backwards;
    -o-animation: sf-dropdown-show .3s backwards;
    animation: sf-dropdown-show .3s backwards;
}
.select2-selection__arrow {
    position: relative!important;
    width: 16px!important;
    height: 8px!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: inline-block;
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
    margin: 0!important;
    background-image: url(data:image/png;
    base64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADeSURBVHgBlVCxCcJQEH0nCooWjuAKbqAbaKmVbmBAC7uzCiFC3CCIYNpskGwQR3CENKJg5LwEE8RowKv+/Xfv3bsHaLF5GODPyjnEtpc+Agj5aFznbMzjSiK7XXSaDgQzJBjWeDUJ9X8DkhGSZsSm1/u9VbF2K0jJAjF4PQmpALfHkQKumopTZQXPJXJdnZJ01e34tRi1YmA59ZFQP2vqFLGlgu/3NiTKmjv1c3KWwVeb6SagpyCDKBaRnY6ekMj401lJIBNxNKhHy4VI7mKPy23BXB1wWcj2mC2Pq2aeN8JZJdgVhMUAAAAASUVORK5CYII=);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
    border: none!important;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    -o-transition: -o-transform .25s;
    -moz-transition: transform .25s, -moz-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s, -moz-transform .25s, -o-transform .25s;
}
.select2-container--default .select2-selection--single[aria-expanded=true] .select2-selection__arrow b {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected=true] {
    background: 0 0;
}
.select2-results__option {
    width: 100%;
    padding: 17px 34px 17px 30px;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -.03em;
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    -moz-transition: opacity .25s;
    transition: opacity .25s;
}
.select2-results__option:hover {
    opacity: .8;
}
.select2-results__option:first-child {
    padding-top: 30px;
}
.select2-results__option:last-child {
    padding-bottom: 32px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: rgba(255, 255, 255, .5);
}
@-webkit-keyframes sf-dropdown-show {
    0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}@-moz-keyframes sf-dropdown-show {
    0% {
    opacity: 0;
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
100% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
}
}@-o-keyframes sf-dropdown-show {
    0% {
    opacity: 0;
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}
100% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
}
}@keyframes sf-dropdown-show {
    0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
}.sf-sitemap-content {
    padding: 120px 0;
}
.sf-sitemap-title {
    margin: 0 0 40px 0;
    font-size: 32px;
}
.sf-sitemap-item {
    padding: 5px 0;
    font-size: 18px;
}
.sf-hero {
    position: relative;
    background: #020218;
    background: #020213;
    color: #fff;
    overflow: hidden;
}
.sf-hero-content {
    padding: 95px 0 90px;
}
@media (min-width:768px) {
    .sf-hero-content {
    padding: 0 0 140px;
}
}@media (min-width:1024px) {
    .sf-hero-content {
    padding-bottom: 248px;
}
}@media (min-width:1600px) {
    .sf-hero-content {
    padding-bottom: 248px;
}
}@media (min-width:1921px) {
    .sf-hero-container {
    min-width: 2080px;
}
}.sf-hero-description {
    max-width: 288px;
    margin: 0 auto;
    text-align: center;
}
@media (min-width:768px) {
    .sf-hero-description {
    max-width: 315px;
    margin: 0;
    text-align: left;
}
}@media (min-width:1024px) {
    .sf-hero-description {
    max-width: 480px;
}
}@media (min-width:1200px) {
    .sf-hero-description {
    max-width: 560px;
}
}@media (min-width:1600px) {
    .sf-hero-description {
    max-width: 800px;
}
}@media (min-width:1921px) {
    .sf-hero-description {
    max-width: 900px;
}
}.sf-hero-heading {
    margin: 0 0 20px;
    position: relative;
}
@media (min-width:768px) {
    .sf-hero-heading {
    margin-bottom: 30px;
}
}@media (min-width:1024px) {
    .sf-hero-heading {
    margin-bottom: 50px;
}
}@media (min-width:1200px) {
    .sf-hero-heading {
    margin-bottom: 40px;
}
}@media (min-width:1600px) {
    .sf-hero-heading {
    margin-bottom: 50px;
}
}@media (min-width:1921px) {
    .sf-hero-heading {
    margin-bottom: 98px;
}
}.sf-hero-heading-subtitle {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    letter-spacing: .09em;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: opacity .6s, -webkit-transform .6s;
    transition: opacity .6s, -webkit-transform .6s;
    -o-transition: opacity .6s, -o-transform .6s;
    -moz-transition: opacity .6s, transform .6s, -moz-transform .6s;
    transition: opacity .6s, transform .6s;
    transition: opacity .6s, transform .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s;
}
@media (min-width:768px) {
    .sf-hero-heading-subtitle {
    font-size: 16px;
}
}@media (min-width:1024px) {
    .sf-hero-heading-subtitle {
    margin-bottom: 13px;
    font-size: 20px;
}
}@media (min-width:1200px) {
    .sf-hero-heading-subtitle {
    margin-bottom: 13px;
    font-size: 22px;
}
}@media (min-width:1600px) {
    .sf-hero-heading-subtitle {
    font-size: 26px;
}
}@media (min-width:1921px) {
    .sf-hero-heading-subtitle {
    margin-bottom: 18px;
    font-size: 36px;
}
}.sf-hero-heading-title {
    margin: 0;
    position: relative;
    z-index: 1;
    font-weight: 800;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: .04em;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: opacity .6s, -webkit-transform .6s;
    transition: opacity .6s, -webkit-transform .6s;
    -o-transition: opacity .6s, -o-transform .6s;
    -moz-transition: opacity .6s, transform .6s, -moz-transform .6s;
    transition: opacity .6s, transform .6s;
    transition: opacity .6s, transform .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s;
}
@media (min-width:768px) {
    .sf-hero-heading-title {
    font-size: 36px;
    line-height: 41px;
}
}@media (min-width:1024px) {
    .sf-hero-heading-title {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-hero-heading-title {
    font-size: 56px;
    line-height: 64px;
}
}@media (min-width:1600px) {
    .sf-hero-heading-title {
    font-size: 76px;
    line-height: 87px;
}
}@media (min-width:1921px) {
    .sf-hero-heading-title {
    font-size: 96px;
    line-height: 110px;
}
}.sf-hero-heading::before {
    content: '';
    position: absolute;
    left: -53px;
    top: -53px;
    right: -53px;
    bottom: -53px;
}
@media (min-width:1600px) {
    .sf-hero-heading: :before {
    left: -71px;
    top: -71px;
    right: -71px;
    bottom: -71px;
}
}.sf-hero-text {
    margin-bottom: 30px;
    max-width: 280px;
    color: rgba(255, 255, 255, .4);
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: -.02em;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: opacity .6s .3s, -webkit-transform .6s .3s;
    transition: opacity .6s .3s, -webkit-transform .6s .3s;
    -o-transition: opacity .6s .3s, -o-transform .6s .3s;
    -moz-transition: opacity .6s .3s, transform .6s .3s, -moz-transform .6s .3s;
    transition: opacity .6s .3s, transform .6s .3s;
    transition: opacity .6s .3s, transform .6s .3s, -webkit-transform .6s .3s, -moz-transform .6s .3s, -o-transform .6s .3s;
}
.sf-hero-text span {
    color: #fff;
    font-weight: 600;
}
@media (min-width:1024px) {
    .sf-hero-text {
    margin-bottom: 40px;
    max-width: none;
    font-size: 16px;
    line-height: 29px;
}
}@media (min-width:1200px) {
    .sf-hero-text {
    margin-bottom: 50px;
}
}@media (min-width:1600px) {
    .sf-hero-text {
    max-width: 532px;
    margin-bottom: 80px;
    font-size: 18px;
    line-height: 33px;
}
}.sf-hero-score {
    margin: 0 -16px;
}
@media (min-width:768px) {
    .sf-hero-score {
    margin: 0;
}
}.sf-hero-start {
    position: relative;
    z-index: 1;
}
@media (min-width:768px) {
    .sf-hero-start {
    padding-top: 200px;
}
}@media (min-width:1600px) {
    .sf-hero-start {
    padding-top: 238px;
}
}@media (min-width:768px) and (max-width:1023px) and (min-height:760px) {
    .sf-hero-start {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
}
}@media (min-width:1024px) and (max-width:1199px) and (min-height:760px) {
    .sf-hero-start {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
}
}@media (min-width:1200px) and (max-width:1599px) and (min-height:800px) {
    .sf-hero-start {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
}
}@media (min-width:1600px) and (min-height:930px) {
    .sf-hero-start {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
}
}.sf-hero-start-down {
    display: none;
}
@media (min-width:1024px) {
    .sf-hero-start-down {
    display: block;
    width: 50px;
    margin: 0 auto;
    padding: 20px 0;
}
}@media (min-width:1024px) and (max-width:1199px) and (min-height:760px) {
    .sf-hero-start-down {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
}@media (min-width:1200px) and (max-width:1599px) and (min-height:800px) {
    .sf-hero-start-down {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
}@media (min-width:1600px) {
    .sf-hero-start-down {
    margin: 10px auto;
}
}@media (min-width:1600px) and (min-height:930px) {
    .sf-hero-start-down {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
}.sf-hero-start-down-ico {
    display: block;
    margin: 0 auto;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sf-hero-sphere {
    position: relative;
    width: 320px;
    height: 320px;
    max-width: 100%;
    margin: 60px auto 0;
}
@media (min-width:768px) {
    .sf-hero-sphere {
    position: absolute;
    left: auto;
    right: -40px;
    top: -webkit-calc(50vh - 238px);
    top: -moz-calc(50vh - 238px);
    top: calc(50vh - 238px);
    width: 477px;
    height: 477px;
    margin: 0;
}
}@media (min-width:1024px) {
    .sf-hero-sphere {
    right: -22px;
    top: -webkit-calc(50vh - 253px);
    top: -moz-calc(50vh - 253px);
    top: calc(50vh - 253px);
    width: 507px;
    height: 507px;
}
}@media (min-width:1200px) {
    .sf-hero-sphere {
    right: 50px;
}
}@media (min-width:1600px) {
    .sf-hero-sphere {
    right: 127px;
    top: -webkit-calc(50vh - 318px);
    top: -moz-calc(50vh - 318px);
    top: calc(50vh - 318px);
    width: 637px;
    height: 637px;
}
}@media (min-width:1921px) {
    .sf-hero-sphere {
    right: -webkit-calc((100vw - 2080px)/ 2 + 50px);
    right: -moz-calc((100vw - 2080px)/ 2 + 50px);
    right: calc((100vw - 2080px)/ 2 + 50px);
    top: -webkit-calc(50vh - 449px);
    top: -moz-calc(50vh - 449px);
    top: calc(50vh - 449px);
    width: 899px;
    height: 899px;
}
}@supports (mix-blend-mode:lighten) {
    .sf-hero-sphere {
    background: #020213;
}
}.sf-hero-sphere-video {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 2px;
    bottom: 1px;
    overflow: hidden;
}
@supports (mix-blend-mode:lighten) {
    .sf-hero-sphere-video {
    mix-blend-mode: lighten;
}
.sf-hero-sphere-video.-difference {
    mix-blend-mode: difference;
}
}.sf-hero-sphere-video video {
    display: none;
}
@supports (mix-blend-mode:lighten) {
    .sf-hero-sphere-video video {
    display: block;
    height: 100%;
    width: 101%;
    background: #000;
}
}.sf-hero-sphere-video::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    right: 0;
    bottom: 0;
    width: 169px;
    height: 169px;
    background: -webkit-radial-gradient(50% 50%, 50% 50%, #000 0, rgba(0, 0, 0, .3) 78.12%, rgba(2, 18, 60, 0) 100%);
    background: -moz-radial-gradient(50% 50%, 50% 50%, #000 0, rgba(0, 0, 0, .3) 78.12%, rgba(2, 18, 60, 0) 100%);
    background: -o-radial-gradient(50% 50%, 50% 50%, #000 0, rgba(0, 0, 0, .3) 78.12%, rgba(2, 18, 60, 0) 100%);
    background: radial-gradient(50% 50% at 50% 50%, #000 0, rgba(0, 0, 0, .3) 78.12%, rgba(2, 18, 60, 0) 100%);
    opacity: .7;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (min-width:768px) {
    .sf-hero-sphere-video: :after {
    width: 256px;
    height: 256px;
}
}@media (min-width:1024px) {
    .sf-hero-sphere-video: :after {
    width: 271px;
    height: 271px;
}
}@media (min-width:1600px) {
    .sf-hero-sphere-video: :after {
    width: 341px;
    height: 341px;
}
}.sf-hero-sphere-video-overlay {
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    background-image: url("../img/home/hero/sphere-1.png");
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    -webkit-transition: background-color .7s;
    -o-transition: background-color .7s;
    -moz-transition: background-color .7s;
    transition: background-color .7s;
}
.sf-hero-sphere-video-overlay.-color-1 {
    background-image: url("../img/home/hero/sphere-1.png");
}
@supports (mix-blend-mode:overlay) {
    .sf-hero-sphere-video-overlay.-color-1 {
    background-image: none;
    background-color: red;
}
.-difference .sf-hero-sphere-video-overlay.-color-1 {
    background-color: #da0220;
    mix-blend-mode: soft-light;
}
}.sf-hero-sphere-video-overlay.-color-2 {
    background-image: url("../img/home/hero/sphere-2.png");
}
@supports (mix-blend-mode:overlay) {
    .sf-hero-sphere-video-overlay.-color-2 {
    background-image: none;
    background-color: #ff8e3c;
}
}.sf-hero-sphere-video-overlay.-color-3 {
    background-image: url("../img/home/hero/sphere-3.png");
}
@supports (mix-blend-mode:overlay) {
    .sf-hero-sphere-video-overlay.-color-3 {
    background-image: none;
    background-color: #ffb11a;
}
}.sf-hero-sphere-video-overlay.-color-4 {
    background-image: url("../img/home/hero/sphere-4.png");
}
@supports (mix-blend-mode:overlay) {
    .sf-hero-sphere-video-overlay.-color-4 {
    background-image: none;
    background-color: #00d079;
}
}.sf-hero-sphere-video-overlay.-color-5 {
    background-image: url("../img/home/hero/sphere-5.png");
}
@supports (mix-blend-mode:overlay) {
    .sf-hero-sphere-video-overlay.-color-5 {
    background-image: none;
    background-color: #0d79e8;
}
}@supports (mix-blend-mode:overlay) {
    .sf-hero-sphere-video-overlay {
    background-image: none;
    background-color: #d61b08;
    mix-blend-mode: overlay;
}
}.sf-hero-sphere-description {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.sf-hero-sphere-label {
    color: rgba(255, 255, 255, .5);
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .04em;
}
@media (min-width:768px) {
    .sf-hero-sphere-label {
    font-size: 15px;
    line-height: 22px;
}
}@media (min-width:1024px) {
    .sf-hero-sphere-label {
    font-size: 17px;
    line-height: 25px;
}
}@media (min-width:1600px) {
    .sf-hero-sphere-label {
    font-size: 20px;
    line-height: 30px;
}
}@media (min-width:1921px) {
    .sf-hero-sphere-label {
    font-size: 28px;
    line-height: 42px;
}
}.sf-hero-sphere-value {
    margin-bottom: 10px;
    color: #fff;
    font-weight: 200;
    font-size: 45px;
    line-height: 56px;
    letter-spacing: .025em;
}
@media (min-width:768px) {
    .sf-hero-sphere-value {
    margin-bottom: 10px;
    font-size: 70px;
    line-height: 98px;
}
}@media (min-width:1024px) {
    .sf-hero-sphere-value {
    margin-bottom: 6px;
    font-size: 80px;
    line-height: 122px;
}
}@media (min-width:1600px) {
    .sf-hero-sphere-value {
    margin-bottom: 17px;
    font-size: 100px;
    line-height: 140px;
}
}@media (min-width:1921px) {
    .sf-hero-sphere-value {
    font-size: 120px;
    line-height: 168px;
}
}.sf-hero-sphere-info {
    color: rgba(255, 255, 255, .5);
    font-size: 11px;
    line-height: 18px;
    letter-spacing: .04em;
}
@media (min-width:768px) {
    .sf-hero-sphere-info {
    font-size: 15px;
    line-height: 21px;
}
}@media (min-width:1024px) {
    .sf-hero-sphere-info {
    font-size: 17px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-hero-sphere-info {
    font-size: 20px;
    line-height: 28px;
}
}@media (min-width:1921px) {
    .sf-hero-sphere-info {
    font-size: 26px;
    line-height: 36px;
}
}.sf-hero-sphere-info-val {
    margin-left: 5px;
}
.sf-hero-sphere-info-val.-very-low {
    color: #0047ff;
}
.sf-hero-sphere-info-val.-low {
    color: #00d079;
}
.sf-hero-sphere-info-val.-medium {
    color: #ffb11a;
}
.sf-hero-sphere-info-val.-high {
    color: #ff8e3c;
}
.sf-hero-sphere-info-val.-very-high {
    color: #fa4338;
}
.sf-hero-sphere-points-item {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 130px;
}
@media (min-width:1024px) {
    .sf-hero-sphere-points-item {
    min-width: 170px;
}
}@media (min-width:1921px) {
    .sf-hero-sphere-points-item {
    min-width: 260px;
}
}.sf-hero-sphere-points-item.-invert .sf-hero-sphere-points-circle {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
@media (min-width:768px) {
    .sf-hero-sphere-points-item.-invert .sf-hero-sphere-points-circle {
    margin-right: 0;
    margin-left: 10px;
}
}@media (min-width:1024px) {
    .sf-hero-sphere-points-item.-invert .sf-hero-sphere-points-circle {
    margin-right: 0;
    margin-left: 15px;
}
}.sf-hero-sphere-points-item.-active .sf-hero-sphere-points-circle span {
    border: 2px solid #50c6ff;
    -webkit-animation: sf-pulse-hover .4s linear 1 forwards;
    -moz-animation: sf-pulse-hover .4s linear 1 forwards;
    -o-animation: sf-pulse-hover .4s linear 1 forwards;
    animation: sf-pulse-hover .4s linear 1 forwards;
}
.sf-hero-sphere-points-item.-first {
    left: 39%;
    top: 7%}
@media (min-width:768px) {
    .sf-hero-sphere-points-item.-first {
    left: 41%;
    top: 7%}
}@media (min-width:1024px) {
    .sf-hero-sphere-points-item.-first {
    left: 39%;
    top: 6%}
}@media (min-width:1200px) {
    .sf-hero-sphere-points-item.-first {
    top: 5%}
}@media (min-width:1600px) {
    .sf-hero-sphere-points-item.-first {
    top: 7%;
    left: 41%}
}.sf-hero-sphere-points-item.-second {
    left: 84%;
    top: 41%}
@media (min-width:768px) {
    .sf-hero-sphere-points-item.-second {
    left: 90%;
    top: 40%}
}@media (min-width:1024px) {
    .sf-hero-sphere-points-item.-second {
    left: 94%;
    top: 43%}
}@media (min-width:1200px) {
    .sf-hero-sphere-points-item.-second {
    top: 42%}
}@media (min-width:1600px) {
    .sf-hero-sphere-points-item.-second {
    left: 91%}
}.sf-hero-sphere-points-item.-third {
    left: 65%;
    top: 72%}
@media (min-width:768px) {
    .sf-hero-sphere-points-item.-third {
    left: 76%;
    top: 73%}
}@media (min-width:1024px) {
    .sf-hero-sphere-points-item.-third {
    left: 78%;
    top: 78%}
}@media (min-width:1200px) {
    .sf-hero-sphere-points-item.-third {
    top: 77%}
}@media (min-width:1600px) {
    .sf-hero-sphere-points-item.-third {
    top: 74%;
    left: 76%}
}.sf-hero-sphere-points-item.-fourth {
    left: 13%;
    top: 66%}
@media (min-width:768px) {
    .sf-hero-sphere-points-item.-fourth {
    left: 8%;
    top: 68%}
}@media (min-width:1024px) {
    .sf-hero-sphere-points-item.-fourth {
    left: 2%;
    top: 73%}
}@media (min-width:1200px) {
    .sf-hero-sphere-points-item.-fourth {
    left: 0;
    top: 72%}
}@media (min-width:1600px) {
    .sf-hero-sphere-points-item.-fourth {
    left: 6%;
    top: 70%}
}.sf-hero-sphere-points-item.-fifth {
    left: 6%;
    top: 33%}
@media (min-width:768px) {
    .sf-hero-sphere-points-item.-fifth {
    left: 3%;
    top: 34%}
}@media (min-width:1024px) {
    .sf-hero-sphere-points-item.-fifth {
    left: -3%}
}@media (min-width:1200px) {
    .sf-hero-sphere-points-item.-fifth {
    left: -4%;
    top: 33%}
}@media (min-width:1600px) {
    .sf-hero-sphere-points-item.-fifth {
    left: 3%;
    top: 34%}
}.sf-hero-sphere-points-circle {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    padding: 0;
    position: relative;
}
.sf-hero-sphere-points-circle::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: -webkit-linear-gradient(227.22deg, #aafffa .34%, #50c6ff 74.46%);
    background: -moz-linear-gradient(227.22deg, #aafffa .34%, #50c6ff 74.46%);
    background: -o-linear-gradient(227.22deg, #aafffa .34%, #50c6ff 74.46%);
    background: linear-gradient(222.78deg, #aafffa .34%, #50c6ff 74.46%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (min-width:1024px) {
    .sf-hero-sphere-points-circle: :after {
    width: 5px;
    height: 5px;
}
}@media (min-width:1600px) {
    .sf-hero-sphere-points-circle: :after {
    width: 6px;
    height: 6px;
}
}.sf-hero-sphere-points-circle span {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(80, 198, 255, .2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    will-change: transform;
    -webkit-perspective: 1;
    -moz-perspective: 1;
    perspective: 1;
    -webkit-animation: sf-pulse 1.5s linear infinite;
    -moz-animation: sf-pulse 1.5s linear infinite;
    -o-animation: sf-pulse 1.5s linear infinite;
    animation: sf-pulse 1.5s linear infinite;
    -webkit-transition: border .3s linear, -webkit-transform .3s linear;
    transition: border .3s linear, -webkit-transform .3s linear;
    -o-transition: border .3s linear, -o-transform .3s linear;
    -moz-transition: transform .3s linear, border .3s linear, -moz-transform .3s linear;
    transition: transform .3s linear, border .3s linear;
    transition: transform .3s linear, border .3s linear, -webkit-transform .3s linear, -moz-transform .3s linear, -o-transform .3s linear;
}
@media (min-width:1024px) {
    .sf-hero-sphere-points-circle span {
    width: 28px;
    height: 28px;
}
}@media (min-width:1600px) {
    .sf-hero-sphere-points-circle span {
    width: 32px;
    height: 32px;
    border-width: 2px;
}
}@media (min-width:768px) {
    .sf-hero-sphere-points-circle {
    margin-right: 10px;
}
}@media (min-width:1024px) {
    .sf-hero-sphere-points-circle {
    width: 28px;
    height: 28px;
    margin-right: 15px;
}
}@media (min-width:1600px) {
    .sf-hero-sphere-points-circle {
    width: 32px;
    height: 32px;
}
}.sf-hero-sphere-points-title {
    display: none;
}
@media (min-width:768px) {
    .sf-hero-sphere-points-title {
    display: block;
    opacity: 0;
    pointer-events: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .02em;
}
}@media (min-width:1024px) {
    .sf-hero-sphere-points-title {
    font-size: 16px;
    line-height: 19px;
}
}@media (min-width:1921px) {
    .sf-hero-sphere-points-title {
    font-size: 26px;
    line-height: 31px;
}
}.sf-hero-sphere-points-title a {
    position: relative;
}
.sf-hero-sphere-points-title a:after {
    content: '';
    position: absolute;
    right: 2px;
    bottom: -5px;
    left: 2px;
    height: 1px;
    background: #fff;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    -o-transition: -o-transform .35s;
    -moz-transition: transform .35s, -moz-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s, -moz-transform .35s, -o-transform .35s;
}
.sf-hero-sphere-points-title a:hover:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.sf-hero-slider {
    width: 100%;
    position: relative;
}
.sf-hero-slider-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.sf-hero-slider-item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    position: relative;
    z-index: 1;
}
.sf-hero-slider-item.swiper-slide-active {
    z-index: 2;
}
.sf-hero-slider-item.swiper-slide-active .sf-hero-heading-title {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.sf-hero-slider-item.swiper-slide-active .sf-hero-heading-subtitle {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.sf-hero-slider-item.swiper-slide-active .sf-hero-text {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.sf-hero-slider-btn {
    text-align: center;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: opacity .6s .3s, -webkit-transform .6s .3s;
    transition: opacity .6s .3s, -webkit-transform .6s .3s;
    -o-transition: opacity .6s .3s, -o-transform .6s .3s;
    -moz-transition: opacity .6s .3s, transform .6s .3s, -moz-transform .6s .3s;
    transition: opacity .6s .3s, transform .6s .3s;
    transition: opacity .6s .3s, transform .6s .3s, -webkit-transform .6s .3s, -moz-transform .6s .3s, -o-transform .6s .3s;
}
@media (min-width:768px) {
    .sf-hero-slider-btn {
    text-align: left;
}
}.swiper-container-initialized+.sf-hero-slider-btn {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.sf-hero-slider-pagination {
    display: none;
}
@media (min-width:768px) {
    .sf-hero-slider-pagination {
    display: block;
    position: absolute;
    top: 0;
    left: -87px;
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: opacity .6s .3s, -webkit-transform .6s .3s;
    transition: opacity .6s .3s, -webkit-transform .6s .3s;
    -o-transition: opacity .6s .3s, -o-transform .6s .3s;
    -moz-transition: opacity .6s .3s, transform .6s .3s, -moz-transform .6s .3s;
    transition: opacity .6s .3s, transform .6s .3s;
    transition: opacity .6s .3s, transform .6s .3s, -webkit-transform .6s .3s, -moz-transform .6s .3s, -o-transform .6s .3s;
}
.sf-hero-slider-pagination.swiper-pagination-bullets {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
}@media (min-width:1024px) {
    .sf-hero-slider-pagination {
    left: -125px;
    top: 7px;
}
}@media (min-width:1200px) {
    .sf-hero-slider-pagination {
    left: -110px;
    top: 0;
}
}@media (min-width:1600px) {
    .sf-hero-slider-pagination {
    left: -webkit-calc((1600px - 100vw)/ 2 - 200px);
    left: -moz-calc((1600px - 100vw)/ 2 - 200px);
    left: calc((1600px - 100vw)/ 2 - 200px);
    top: -2px;
}
}.sf-hero-slider .swiper-pagination-bullet {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 14px;
    padding: 0;
    color: #fff;
    opacity: .1;
    background: 0 0;
    border: none;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .02em;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-hero-slider .swiper-pagination-bullet::before {
    content: '';
    display: block;
    margin-bottom: 4px;
    width: 2px;
    height: 33px;
    background: #fff;
}
@media (min-width:1024px) {
    .sf-hero-slider .swiper-pagination-bullet: :before {
    height: 45px;
    margin-bottom: 10px;
}
}.sf-hero-slider .swiper-pagination-bullet:first-child::before {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 4px 0 0;
}
@media (min-width:1024px) {
    .sf-hero-slider .swiper-pagination-bullet: first-child::before {
    margin: 10px 0 0;
}
}.sf-hero-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}
.sf-hero-info {
    margin-top: 34px;
    text-align: center;
}
@media (min-width:768px) {
    .sf-hero-info {
    margin: 0 0 100px;
}
}@media (min-width:768px) {
    .sf-hero-info-heading {
    height: 60vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
}.sf-hero-info-subtitle {
    max-width: 225px;
    margin: 0 auto 10px;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-hero-info-subtitle {
    max-width: 680px;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1024px) {
    .sf-hero-info-subtitle {
    font-size: 20px;
    line-height: 28px;
}
}@media (min-width:1200px) {
    .sf-hero-info-subtitle {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 31px;
}
}@media (min-width:1600px) {
    .sf-hero-info-subtitle {
    font-size: 26px;
    line-height: 36px;
}
}.sf-hero-info-title {
    max-width: 280px;
    margin: 0 auto 50px;
    color: #fff;
    font-weight: 600;
    font-size: 28px;
    line-height: 39px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-hero-info-title {
    max-width: 570px;
    margin-bottom: 70px;
    font-size: 36px;
    line-height: 50px;
}
}@media (min-width:1024px) {
    .sf-hero-info-title {
    max-width: 700px;
    margin-bottom: 100px;
    font-size: 46px;
    line-height: 64px;
}
}@media (min-width:1200px) {
    .sf-hero-info-title {
    max-width: 800px;
    margin-bottom: 142px;
    font-size: 56px;
    line-height: 78px;
}
}@media (min-width:1600px) {
    .sf-hero-info-title {
    max-width: 1000px;
    margin-bottom: 149px;
    font-size: 76px;
    line-height: 106px;
}
}@media (min-width:768px) {
    .sf-hero-info-title br {
    display: none;
}
}.sf-hero-info-points {
    padding-left: 4px;
}
@media (min-width:768px) {
    .sf-hero-info-points {
    padding: 0 35px;
}
}.sf-hero-info-points-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    position: relative;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: .01em;
    white-space: nowrap;
}
.sf-hero-info-points-item:last-child {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .sf-hero-info-points-item {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 29px;
}
}@media (min-width:1024px) {
    .sf-hero-info-points-item {
    margin-bottom: 50px;
    font-size: 20px;
    line-height: 36px;
}
}.sf-hero-info-points-item-ico {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 15px;
    width: 24px;
}
@media (min-width:768px) {
    .sf-hero-info-points-item-ico {
    width: 29px;
}
}@media (min-width:1024px) {
    .sf-hero-info-points-item-ico {
    margin-right: 20px;
    width: 38px;
}
}.sf-hero-info-points-item-ico img {
    width: 100%;
    -webkit-animation: sf-pulse 1.5s linear infinite;
    -moz-animation: sf-pulse 1.5s linear infinite;
    -o-animation: sf-pulse 1.5s linear infinite;
    animation: sf-pulse 1.5s linear infinite;
    /* filter: brightness(0); */
}
.sf-hero-info-points-item:nth-child(2n) {
    margin-left: 47%}
@media (min-width:768px) {
    .sf-hero-info-points-item: nth-child(2n) {
    margin-left: 62%}
}@media (min-width:768px) {
    .sf-hero-info-points-item.-offset {
    padding-left: 85px;
}
}@media (min-width:1024px) {
    .sf-hero-info-points-item.-offset {
    padding-left: 150px;
}
}.sf-hero-mask {
    display: none;
}
@media (min-width:768px) {
    .sf-hero-mask {
    margin-top: -90vh;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #F2F2F2;
    mix-blend-mode: screen;
    overflow: hidden;
}
.sf-hero-mask::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 4px;
    background: #F2F2F2;
}
}.sf-hero-mask-body {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #F2F2F2;
    mix-blend-mode: screen;
    overflow: hidden;
}
.sf-hero-mask-body::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 4px;
    background: #fff;
}
.sf-hero-mask-text {
    color: #020213;
    font-size: 150px;
    font-weight: 900;
    text-transform: uppercase;
}
@media (min-width:1024px) {
    .sf-hero-mask-text {
    font-size: 250px;
}
}@supports (mix-blend-mode:overlay) {
    .sf-hero-mask-text {
    color: #000;
}
}@-webkit-keyframes sf-pulse {
    0% {
    -webkit-transform: scale(.6);
    transform: scale(.6);
}
50% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
100% {
    -webkit-transform: scale(.6);
    transform: scale(.6);
}
}@-moz-keyframes sf-pulse {
    0% {
    -moz-transform: scale(.6);
    transform: scale(.6);
}
50% {
    -moz-transform: scale(1);
    transform: scale(1);
}
100% {
    -moz-transform: scale(.6);
    transform: scale(.6);
}
}@-o-keyframes sf-pulse {
    0% {
    -o-transform: scale(.6);
    transform: scale(.6);
}
50% {
    -o-transform: scale(1);
    transform: scale(1);
}
100% {
    -o-transform: scale(.6);
    transform: scale(.6);
}
}@keyframes sf-pulse {
    0% {
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -o-transform: scale(.6);
    transform: scale(.6);
}
50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
100% {
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -o-transform: scale(.6);
    transform: scale(.6);
}
}@-webkit-keyframes sf-pulse-hover {
    100% {
    -webkit-transform: scale(.6);
    transform: scale(.6);
}
}@-moz-keyframes sf-pulse-hover {
    100% {
    -moz-transform: scale(.6);
    transform: scale(.6);
}
}@-o-keyframes sf-pulse-hover {
    100% {
    -o-transform: scale(.6);
    transform: scale(.6);
}
}@keyframes sf-pulse-hover {
    100% {
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -o-transform: scale(.6);
    transform: scale(.6);
}
}.sf-promo {
    text-align: center;
    overflow: hidden;
    /* background: #F2F2F2; */
}
.sf-promo-content {
    padding: 100px 0;
}
@media (min-width:768px) {
    .sf-promo-content {
    padding: 140px 0 100px;
}
}@media (min-width:1024px) {
    .sf-promo-content {
    padding: 160px 0 176px;
}
}@media (min-width:1200px) {
    .sf-promo-content {
    padding: 180px 0;
}
}@media (min-width:1600px) {
    .sf-promo-content {
    padding: 216px 0 364px;
}
}.sf-promo-title {
    max-width: 430px;
    margin: 0 auto 20px;
    /* color: #02123c; */
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-promo-title {
    max-width: 550px;
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-promo-title {
    max-width: 700px;
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-promo-title {
    max-width: 850px;
    margin-bottom: 60px;
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-promo-title {
    max-width: 1000px;
    margin-bottom: 90px;
    font-size: 76px;
    line-height: 88px;
}
}.sf-promo-text {
    max-width: 618px;
    margin: 0 auto 30px;
    /* color: #02123c; */
    font-size: 14px;
    line-height: 25px;
    letter-spacing: -.01em;
}
@media (min-width:1024px) {
    .sf-promo-text {
    max-width: 712px;
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 36px;
}
}@media (min-width:1200px) {
    .sf-promo-text {
    max-width: 827px;
    margin-bottom: 50px;
    font-size: 18px;
    line-height: 36px;
}
}@media (min-width:1600px) {
    .sf-promo-text {
    max-width: 891px;
    margin-bottom: 70px;
}
}.sf-promo-link {
    display: inline-block;
    color: #323232;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .135em;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d6b161), to(#d6b161));
    background-image: -webkit-linear-gradient(bottom, #d6b161 0, #d6b161 100%);
    background-image: -moz-linear-gradient(bottom, #d6b161 0, #d6b161 100%);
    background-image: -o-linear-gradient(bottom, #d6b161 0, #d6b161 100%);
    background-image: linear-gradient(0deg, #d6b161 0, #d6b161 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.sf-promo-link:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
@media (min-width:768px) {
    .sf-promo-link {
    font-size: 14px;
    line-height: 28px;
}
}@media (min-width:1024px) {
    .sf-promo-link {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-promo-link {
    font-size: 18px;
    line-height: 36px;
}
}.sf-promo-video {
    display: block;
    margin-top: 80px;
    height: 237px;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
@media (min-width:768px) {
    .sf-promo-video {
    margin-top: 140px;
    height: 320px;
}
}@media (min-width:1024px) {
    .sf-promo-video {
    height: 390px;
}
}@media (min-width:1200px) {
    .sf-promo-video {
    margin-top: 160px;
    height: 406px;
}
}@media (min-width:1600px) {
    .sf-promo-video {
    margin-top: 225px;
    height: 542px;
}
}.sf-promo-video-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (min-width:1024px) {
    .sf-promo-video-btn {
    width: 90px;
    height: 90px;
}
}.sf-promo-video-btn::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%}
.sf-promo-video-btn-ico {
    width: 15px;
    height: 19px;
    margin: -6px 0 0 3px;
    color: #fff;
}
@media (min-width:1024px) {
    .sf-promo-video-btn-ico {
    width: 28px;
    height: 31px;
}
}.sf-promo-video-btn-ico svg {
    width: 100%;
    height: 100%}
.desktop .sf-promo-video-btn {
    display: none;
}
.sf-why {
    overflow: hidden;
}
.sf-why-content {
    padding-bottom: 100px;
}
@media (min-width:768px) {
    .sf-why-content {
    padding-bottom: 180px;
}
}@media (min-width:1200px) {
    .sf-why-content {
    padding-bottom: 140px;
}
}@media (min-width:1600px) {
    .sf-why-content {
    padding-bottom: 295px;
}
}.sf-why-title {
    margin: 0 0 40px 0;
    color: #03133f;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-why-title {
    max-width: 300px;
    margin: 0 0 60px 0;
    font-size: 36px;
    line-height: 41px;
}
}@media (min-width:1024px) {
    .sf-why-title {
    max-width: 400px;
    margin-bottom: 70px;
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-why-title {
    margin-bottom: 60px;
    font-size: 56px;
    line-height: 64px;
}
}@media (min-width:1600px) {
    .sf-why-title {
    max-width: 478px;
    margin-bottom: 90px;
    font-size: 76px;
    line-height: 87px;
}
}@media (min-width:768px) {
    .sf-why-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
}@media (min-width:768px) {
    .sf-why-grid.-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}.sf-why-grid-col {
    position: relative;
}
@media (min-width:768px) {
    .sf-why-grid-col.-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
}.sf-why-grid-col.-right {
    margin-bottom: 20px;
}
@media (min-width:768px) {
    .sf-why-grid-col.-right {
    margin: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
}
}@media (min-width:768px) {
    .sf-why-grid-col.-offset {
    margin-top: -100px;
}
}@media (min-width:1200px) {
    .sf-why-grid-col.-offset {
    margin-top: -160px;
}
}.sf-why-video {
    overflow: hidden;
}
@media (min-width:1200px) {
    .sf-why-video {
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
}
}.sf-why-video video {
    max-width: 100%;
    margin-bottom: -1px;
}
.sf-why-img {
    margin: 0 0 10px 0;
    max-width: 380px;
    text-align: center;
}
@media (min-width:768px) {
    .sf-why-img {
    margin: 0 auto;
    max-width: 575px;
}
}.sf-why-img img {
    max-width: 100%}
.sf-why-number {
    margin-bottom: 20px;
    color: rgba(2, 18, 60, .9);
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -.02em;
}
@media (min-width:768px) {
    .sf-why-number {
    margin-bottom: 30px;
}
}@media (min-width:1024px) {
    .sf-why-number {
    margin-bottom: 40px;
}
}@media (min-width:1200px) {
    .sf-why-number {
    margin-bottom: 30px;
    font-size: 22px;
    line-height: 31px;
}
}@media (min-width:1600px) {
    .sf-why-number {
    margin-bottom: 40px;
    font-size: 26px;
    line-height: 36px;
}
}.sf-why-caption {
    margin-bottom: 20px;
    color: #020213;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-why-caption {
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-why-caption {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-why-caption {
    margin-bottom: 22px;
    font-size: 26px;
    line-height: 34px;
}
}.sf-why-text {
    max-width: 288px;
    margin-bottom: 32px;
    color: #03174e;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: -.01em;
}
.sf-why-text:last-child {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .sf-why-text {
    max-width: 358px;
}
}@media (min-width:1024px) {
    .sf-why-text {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-why-text {
    font-size: 18px;
    line-height: 36px;
}
}@media (min-width:768px) {
    .sf-why-text.-lg {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-why-text.-lg {
    font-size: 18px;
    line-height: 36px;
}
}.sf-why-link {
    color: #244ca2;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .135em;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #244ca2), to(#244ca2));
    background-image: -webkit-linear-gradient(bottom, #244ca2 0, #244ca2 100%);
    background-image: -moz-linear-gradient(bottom, #244ca2 0, #244ca2 100%);
    background-image: -o-linear-gradient(bottom, #244ca2 0, #244ca2 100%);
    background-image: linear-gradient(0deg, #244ca2 0, #244ca2 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.sf-why-link:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
.sf-why-slider {
    width: 288px;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-why-slider {
    width: 330px;
}
}@media (min-width:1024px) {
    .sf-why-slider {
    width: 360px;
}
}@media (min-width:1600px) {
    .sf-why-slider {
    width: 400px;
}
}.sf-why-slider-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.sf-why-slider-item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    pointer-events: none;
}
.sf-why-slider-item.swiper-slide-active {
    pointer-events: auto;
}
@media (min-width:768px) {
    .sf-why-slider-thumbs {
    width: 347px;
}
}@media (min-width:1024px) {
    .sf-why-slider-thumbs {
    width: 433px;
}
}@media (min-width:1200px) {
    .sf-why-slider-thumbs {
    width: 550px;
}
}@media (min-width:1600px) {
    .sf-why-slider-thumbs {
    width: 615px;
}
}.sf-why-slider-thumbs-wrap {
    white-space: nowrap;
}
.sf-why-slider-thumbs-item {
    display: inline-block;
    width: 100%}
.sf-why-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
}
@media (min-width:768px) {
    .sf-why-action {
    margin-top: 50px;
}
}@media (min-width:1024px) {
    .sf-why-action {
    margin-top: 70px;
}
}@media (min-width:1200px) {
    .sf-why-action {
    margin-top: 50px;
}
}@media (min-width:1600px) {
    .sf-why-action {
    margin-top: 70px;
}
}.sf-why-action-pagination {
    width: 30px;
    margin: 0 17px;
    color: rgba(3, 19, 61, .6);
    font-size: 14px;
    line-height: 17px;
    text-align: center;
}
@media (min-width:768px) {
    .sf-why-action-pagination {
    width: 35px;
    margin: 0 25px;
    font-size: 18px;
    line-height: 22px;
}
}.sf-why-action .swiper-pagination-current {
    width: 10px;
}
@media (min-width:1024px) {
    .sf-why-action.-sm {
    margin-top: 50px;
}
}@media (min-width:1200px) {
    .sf-why-action.-sm {
    margin-top: 60px;
}
}.sf-why-heading {
    max-width: 300px;
    margin: 0 auto 50px;
    color: #03133f;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
    text-align: center;
}
@media (min-width:768px) {
    .sf-why-heading {
    max-width: 500px;
    margin-bottom: 100px;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-why-heading {
    max-width: 562px;
    margin-bottom: 100px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-why-heading {
    max-width: 600px;
    margin-bottom: 95px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-why-heading {
    max-width: 680px;
    margin-bottom: 75px;
    font-size: 46px;
    line-height: 60px;
}
}.sf-why.-lg .sf-why-content {
    padding-top: 104px;
}
@media (min-width:768px) {
    .sf-why.-lg .sf-why-content {
    padding-top: 180px;
}
}@media (min-width:1024px) {
    .sf-why.-lg .sf-why-content {
    padding: 220px 0;
}
}@media (min-width:1200px) {
    .sf-why.-lg .sf-why-content {
    padding: 250px 0 255px;
}
}@media (min-width:1600px) {
    .sf-why.-lg .sf-why-content {
    padding: 300px 0 290px;
}
}.sf-feature {
    overflow: hidden;
}
.sf-feature-content {
    padding-bottom: 100px;
}
@media (min-width:768px) {
    .sf-feature-content {
    padding-bottom: 180px;
}
}@media (min-width:1024px) {
    .sf-feature-content {
    padding-bottom: 200px;
}
}@media (min-width:1200px) {
    .sf-feature-content {
    padding-bottom: 220px;
}
}@media (min-width:1600px) {
    .sf-feature-content {
    padding-bottom: 290px;
}
}.sf-feature-container {
    padding: 0 35px;
}
@media (min-width:768px) {
    .sf-feature-container {
    padding: 0 40px;
}
}@media (min-width:1024px) {
    .sf-feature-container {
    padding: 0 82px;
    max-width: 1024px;
    margin: 0 auto;
}
}@media (min-width:1200px) {
    .sf-feature-container {
    padding: 0 100px;
    max-width: 1200px;
}
}@media (min-width:1600px) {
    .sf-feature-container {
    padding: 0 280px;
    max-width: 1600px;
}
}@media (min-width:1921px) {
    .sf-feature-container {
    max-width: 1766px;
}
}.sf-feature-title {
    margin: 0 0 50px;
    color: #03133f;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -.03em;
    text-align: center;
}
@media (min-width:768px) {
    .sf-feature-title {
    margin-bottom: 80px;
    font-size: 36px;
    line-height: 41px;
}
}@media (min-width:1024px) {
    .sf-feature-title {
    margin-bottom: 100px;
    font-size: 46px;
    line-height: 55px;
}
}@media (min-width:1200px) {
    .sf-feature-title {
    margin-bottom: 100px;
    font-size: 56px;
    line-height: 67px;
}
}@media (min-width:1600px) {
    .sf-feature-title {
    margin-bottom: 150px;
    font-size: 76px;
    line-height: 91px;
}
}.sf-feature-title-light {
    display: block;
    font-weight: 200;
}
.sf-feature-tabs {
    margin: 0 0 30px 0;
    white-space: nowrap;
}
@media (min-width:1024px) {
    .sf-feature-tabs {
    margin-bottom: 88px;
}
}@media (min-width:1200px) {
    .sf-feature-tabs {
    margin-bottom: 92px;
}
}@media (min-width:1600px) {
    .sf-feature-tabs {
    margin-bottom: 123px;
}
}@media (min-width:768px) {
    .sf-feature-tabs-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -10px 50px;
}
}@media (min-width:1921px) {
    .sf-feature-tabs-wrap {
    margin: 0 5px 140px;
}
}.sf-feature-tabs-item {
    padding: 0;
    margin: 0 25px;
    white-space: normal;
    background: 0 0;
    border: none;
    color: #02123c;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .01em;
    white-space: nowrap;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s;
}
.sf-feature-tabs-item:last-child {
    margin-right: 16px;
}
@media (min-width:768px) {
    .sf-feature-tabs-item {
    margin: 0 10px;
    font-size: 22px;
    line-height: 31px;
}
}@media (min-width:1024px) {
    .sf-feature-tabs-item {
    font-size: 30px;
    line-height: 42px;
}
}@media (min-width:1200px) {
    .sf-feature-tabs-item {
    font-size: 34px;
    line-height: 48px;
}
}@media (min-width:1600px) {
    .sf-feature-tabs-item {
    font-size: 36px;
    line-height: 50px;
}
}.sf-feature-tabs-item.-active {
    color: #51c8ff;
}
@media (min-width:768px) {
    .sf-feature-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}@media (min-width:1200px) {
    .sf-feature-grid {
    margin-left: 55px;
}
}@media (min-width:1600px) {
    .sf-feature-grid {
    margin-left: 50px;
}
}@media (min-width:1921px) {
    .sf-feature-grid {
    margin-left: 0;
}
}@media (min-width:768px) {
    .sf-feature-grid-col.-left {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 391px;
}
}@media (min-width:1024px) {
    .sf-feature-grid-col.-left {
    width: 520px;
}
}@media (min-width:1921px) {
    .sf-feature-grid-col.-left {
    width: 779px;
}
}.sf-feature-grid-col.-right {
    margin-top: 32px;
}
@media (min-width:768px) {
    .sf-feature-grid-col.-right {
    margin: 0 0 0 26px;
}
}@media (min-width:1024px) {
    .sf-feature-grid-col.-right {
    margin-left: 45px;
}
}@media (min-width:1200px) {
    .sf-feature-grid-col.-right {
    margin: -45px 0 0 50px;
}
}@media (min-width:1921px) {
    .sf-feature-grid-col.-right {
    margin-left: 140px;
}
}.sf-feature-video {
    position: relative;
}
.sf-feature-video video {
    max-width: 100%}
.sf-feature-img img {
    position: relative;
    margin-bottom: -1px;
    max-width: 80%}
.sf-feature-info-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 13px;
}
@media (min-width:768px) {
    .sf-feature-info-top {
    margin-bottom: 10px;
}
}@media (min-width:1024px) {
    .sf-feature-info-top {
    margin-bottom: 16px;
}
}.sf-feature-info-title {
    margin-right: 15px;
    color: #02123c;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .01em;
}
@media (min-width:1024px) {
    .sf-feature-info-title {
    margin-right: 12px;
    font-size: 20px;
    line-height: 28px;
}
}@media (min-width:1200px) {
    .sf-feature-info-title {
    margin-right: 15px;
    font-size: 26px;
    line-height: 36px;
}
}@media (min-width:1921px) {
    .sf-feature-info-title {
    max-width: 217px;
    font-size: 28px;
    line-height: 39px;
}
}.sf-feature-info-val {
    margin-top: 4px;
    padding: 5px 4px 3px;
    color: #0047ff;
    background: rgba(0, 71, 255, .15);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: .03em;
}
@media (min-width:1024px) {
    .sf-feature-info-val {
    padding: 7px;
    font-size: 12px;
    line-height: 17px;
}
}.sf-feature-info-val.-very-low {
    color: #0047ff;
    background: rgba(0, 71, 255, .15);
}
.sf-feature-info-val.-low {
    color: #00d079;
    background: rgba(0, 208, 121, .15);
}
.sf-feature-info-val.-medium {
    color: #ffb11a;
    background: rgba(255, 177, 26, .15);
}
.sf-feature-info-val.-high {
    color: #ff8e3c;
    background: rgba(255, 142, 60, .15);
}
.sf-feature-info-val.-very-high {
    color: #fa4338;
    background: rgba(250, 67, 56, .15);
}
.sf-feature-info-status {
    margin-bottom: 20px;
    color: rgba(2, 18, 60, .5);
    font-size: 12px;
    line-height: 17px;
    letter-spacing: .03em;
}
@media (min-width:1024px) {
    .sf-feature-info-status {
    font-size: 14px;
    line-height: 20px;
}
}.sf-feature-info-status-val {
    margin-left: 5px;
}
.sf-feature-info-status-val.-very-low {
    color: #0047ff;
}
.sf-feature-info-status-val.-low {
    color: #00d079;
}
.sf-feature-info-status-val.-medium {
    color: #ffb11a;
}
.sf-feature-info-status-val.-high {
    color: #ff8e3c;
}
.sf-feature-info-status-val.-very-high {
    color: #fa4338;
}
.sf-feature-info-text {
    margin-bottom: 30px;
    color: #03174e;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-feature-info-text {
    max-width: none;
    margin-bottom: 30px;
}
}@media (min-width:1024px) {
    .sf-feature-info-text {
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1200px) {
    .sf-feature-info-text {
    margin-bottom: 20px;
}
}@media (min-width:1600px) {
    .sf-feature-info-text {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 36px;
}
}.sf-feature-info-link {
    display: inline-block;
    color: #2549ca;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .135em;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2549ca), to(#2549ca));
    background-image: -webkit-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: -moz-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: -o-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: linear-gradient(0deg, #2549ca 0, #2549ca 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.sf-feature-info-link:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
@media (min-width:768px) {
    .sf-feature-info-link {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-feature-info-link {
    font-size: 18px;
    line-height: 36px;
}
}.sf-feature-list {
    white-space: nowrap;
    position: relative;
}
@media (min-width:768px) {
    .sf-feature-list {
    padding: 0;
}
}.sf-feature-list-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 18px;
    width: 100%;
    white-space: normal;
}
@media (min-width:768px) {
    .sf-feature-list-item {
    display: none;
    margin: 0;
}
}.sf-feature-list-item-shadow {
    position: absolute;
    top: 0;
    right: -10px;
    bottom: -10px;
    left: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity .3s 0s;
    -o-transition: opacity .3s 0s;
    -moz-transition: opacity .3s 0s;
    transition: opacity .3s 0s;
}
@media (min-width:768px) {
    .sf-feature-list-item-shadow {
    right: -20px;
    bottom: -20px;
}
}.sf-feature-list-item-shadow img {
    width: 100%}
@media (min-width:768px) {
    .sf-feature-list-item.-active {
    display: block;
}
}.sf-feature-list-item.-active .sf-feature-list-item-shadow {
    opacity: 1;
    -webkit-transition: opacity .3s .2s;
    -o-transition: opacity .3s .2s;
    -moz-transition: opacity .3s .2s;
    transition: opacity .3s .2s;
}
.sf-feature-dots {
    margin: 50px auto 0 auto;
    text-align: center;
}
@media (min-width:768px) {
    .sf-feature-dots {
    display: none;
}
}.sf-feature-dots span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin: 0 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #80889d;
    cursor: pointer;
    -webkit-transition: background .25s;
    -o-transition: background .25s;
    -moz-transition: background .25s;
    transition: background .25s;
}
.sf-feature-dots span:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: -10px;
    padding: 10px;
}
.sf-feature-dots span.-active {
    background: #2549ca;
    border: 1px solid #2549ca;
}
.sf-work {
    background:#323232;
    overflow: hidden;
}
.sf-work-heading {
    position: relative;
    z-index: 1;
    padding: 82px 0 50px;
    text-align: center;
}
@media (min-width:768px) {
    .sf-work-heading {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    z-index: 0;
    background: #fff;
}
}.sf-work-heading-bg {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #020213;
}
@supports (mix-blend-mode:overlay) {
    .sf-work-heading-bg {
    background: #000;
}
}@media (min-width:768px) {
    .sf-work-heading-bg {
    display: block;
}
}@media (min-width:768px) {
    .sf-work-heading-overlay {
    display: none;
}
@supports (mix-blend-mode:screen) {
    .sf-work-heading-overlay {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #020213;
    mix-blend-mode: screen;
    pointer-events: none;
}
}}.sf-work-heading-title {
    margin: 0 auto;
    color: #fff;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-work-heading-title {
    font-size: 36px;
    line-height: 47px;
    mix-blend-mode: difference;
}
}@media (min-width:1024px) {
    .sf-work-heading-title {
    font-size: 46px;
    line-height: 60px;
}
}@media (min-width:1200px) {
    .sf-work-heading-title {
    font-size: 56px;
    line-height: 73px;
}
}@media (min-width:1600px) {
    .sf-work-heading-title {
    font-size: 75px;
    line-height: 80px;
}
}.sf-work-heading-text {
    margin-top: 30px;
    color: #fff;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-work-heading-text {
    font-size: 20px;
    line-height: 26px;
    mix-blend-mode: difference;
}
}@media (min-width:1200px) {
    .sf-work-heading-text {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-work-heading-text {
    margin-top: 40px;
    font-size: 26px;
    line-height: 34px;
}
}.sf-work-caption {
    padding: 100px 0 50px;
    text-align: center;
}
@media (min-width:768px) {
    .sf-work-caption {
    padding: 140px 0 207px;
}
}@media (min-width:1024px) {
    .sf-work-caption {
    padding: 180px 0 154px;
}
}@media (min-width:1200px) {
    .sf-work-caption {
    padding: 180px 0 138px;
}
}@media (min-width:1600px) {
    .sf-work-caption {
    padding: 200px 0 160px;
}
}.sf-work-caption.-channel {
    padding: 50px 0;
}
@media (min-width:768px) {
    .sf-work-caption.-channel {
    padding: 50px 0;
}
}@media (min-width:1024px) {
    .sf-work-caption.-channel {
    padding: 90px 0;
}
}@media (min-width:1200px) {
    .sf-work-caption.-channel {
    padding: 100px 0;
}
}@media (min-width:1600px) {
    .sf-work-caption.-channel {
    padding: 150px 0;
}
}.sf-work-caption-title {
    margin: 0 auto;
    color: #fff;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-work-caption-title {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1024px) {
    .sf-work-caption-title {
    font-size: 46px;
    line-height: 60px;
}
}@media (min-width:1200px) {
    .sf-work-caption-title {
    font-size: 56px;
    line-height: 73px;
}
}@media (min-width:1600px) {
    .sf-work-caption-title {
    font-size: 76px;
    line-height: 88px;
}
}.sf-work-caption-text {
    margin-top: 30px;
    color: #fff;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-work-caption-text {
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-work-caption-text {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-work-caption-text {
    margin-top: 40px;
    font-size: 26px;
    line-height: 34px;
}
}.sf-work-body {
    position: relative;
    background: #020213;
    color: #fff;
}
@media (min-width:768px) {
    .sf-work-body {
    z-index: 1;
}
}.sf-work-body-bg-item {
    position: absolute;
}
.sf-work-body-bg-item.-first {
    width: 120vw;
    height: 120vh;
    right: 0;
    top: -50vh;
    z-index: 0;
    background: -webkit-radial-gradient(52.69% 50%, 103.53% 47.36%, rgba(112, 0, 255, .78) 0, #020213 100%);
    background: -moz-radial-gradient(52.69% 50%, 103.53% 47.36%, rgba(112, 0, 255, .78) 0, #020213 100%);
    background: -o-radial-gradient(52.69% 50%, 103.53% 47.36%, rgba(112, 0, 255, .78) 0, #020213 100%);
    background: radial-gradient(103.53% 47.36% at 52.69% 50%, rgba(112, 0, 255, .78) 0, #020213 100%);
    opacity: .3;
}
.sf-work-body-bg-item.-second {
    width: 70vw;
    height: 120vh;
    right: -30vw;
    top: -40vh;
    z-index: 0;
    background: -webkit-radial-gradient(52.69% 50%, 46.52% 41.88%, #ff005c 0, rgba(255, 0, 107, 0) 100%);
    background: -moz-radial-gradient(52.69% 50%, 46.52% 41.88%, #ff005c 0, rgba(255, 0, 107, 0) 100%);
    background: -o-radial-gradient(52.69% 50%, 46.52% 41.88%, #ff005c 0, rgba(255, 0, 107, 0) 100%);
    background: radial-gradient(46.52% 41.88% at 52.69% 50%, #ff005c 0, rgba(255, 0, 107, 0) 100%);
    opacity: .15;
}
.sf-work-content {
    padding-bottom: 100px;
}
@media (min-width:768px) {
    .sf-work-content {
    padding-bottom: 120px;
}
}@media (min-width:1024px) {
    .sf-work-content {
    padding-bottom: 200px;
}
}@media (min-width:1200px) {
    .sf-work-content {
    padding-bottom: 220px;
}
}@media (min-width:1600px) {
    .sf-work-content {
    padding-bottom: 290px;
}
}.sf-work.-sm .sf-work-content {
    padding: 0 0 30px 0;
}
@media (min-width:768px) {
    .sf-work.-sm .sf-work-content {
    padding: 0 0 46px 0;
}
}@media (min-width:1024px) {
    .sf-work.-sm .sf-work-content {
    padding: 0 0 70px 0;
}
}@media (min-width:1200px) {
    .sf-work.-sm .sf-work-content {
    padding: 0 0 125px 0;
}
}@media (min-width:1600px) {
    .sf-work.-sm .sf-work-content {
    padding: 0 0 155px 0;
}
}.sf-work.-lg .sf-work-content {
    padding: 50px 0 90px 0;
}
@media (min-width:768px) {
    .sf-work.-lg .sf-work-content {
    padding: 60px 0 145px 0;
}
}@media (min-width:1024px) {
    .sf-work.-lg .sf-work-content {
    padding: 105px 0 145px 0;
}
}@media (min-width:1200px) {
    .sf-work.-lg .sf-work-content {
    padding: 120px 0 165px 0;
}
}@media (min-width:1600px) {
    .sf-work.-lg .sf-work-content {
    padding: 140px 0 200px 0;
}
}@media (min-width:1600px) {
    .sf-work-container {
    max-width: 1920px;
}
}.sf-work.-lg .sf-work-container {
    padding: 0 20px;
}
@media (min-width:768px) {
    .sf-work.-lg .sf-work-container {
    padding: 0 40px 0 80px;
}
}@media (min-width:1024px) {
    .sf-work.-lg .sf-work-container {
    padding: 0 80px;
}
}@media (min-width:1200px) {
    .sf-work.-lg .sf-work-container {
    padding: 0 81px 0 150px;
}
}@media (min-width:1600px) {
    .sf-work.-lg .sf-work-container {
    padding: 0 304px 0 330px;
    max-width: 1600px;
}
}.sf-work-info {
    overflow: hidden;
}
@media (max-width:767px) {
    .sf-work-info {
    margin-top: 60px!important;
}
}@media (min-width:768px) {
    .sf-work-info {
    margin-bottom: 80px;
}
}@media (min-width:1024px) {
    .sf-work-info {
    margin-bottom: 160px;
}
}@media (min-width:1200px) {
    .sf-work-info {
    margin-bottom: 183px;
}
}@media (min-width:1600px) {
    .sf-work-info {
    margin-bottom: 121px;
}
}.sf-work-info-section {
    margin-bottom: 88px;
    background: #020213;
    text-align: center;
}
.sf-work-info-section:last-child {
    margin-bottom: 50px;
}
@media (min-width:768px) {
    .sf-work-info-section {
    margin: 0;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}
}.sf-work-info-section.-channel {
    margin-bottom: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
@media (min-width:768px) {
    .sf-work-info-action {
    height: 244px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}
}@media (min-width:1024px) {
    .sf-work-info-action {
    height: 324px;
    margin-bottom: 30px;
}
}@media (min-width:1200px) {
    .sf-work-info-action {
    margin-bottom: 40px;
}
}@media (min-width:1600px) {
    .sf-work-info-action {
    height: 332px;
    margin-bottom: 60px;
}
}@media (min-width:1921px) {
    .sf-work-info-action {
    height: 332px;
    margin-bottom: 100px;
}
}@media (min-width:1024px) and (max-height:740px) {
    .sf-work-info-action {
    height: 250px;
    margin-bottom: 30px;
}
}.sf-work-info-video {
    width: 450px;
    position: relative;
    left: 51%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    mix-blend-mode: lighten;
}
@media (min-width:768px) {
    .sf-work-info-video {
    width: 100%}
@supports (mix-blend-mode:lighten) {
    .sf-work-info-video {
    width: auto;
}
}}.sf-work-info-video video {
    display: none;
}
@supports (mix-blend-mode:lighten) {
    .sf-work-info-video video {
    display: block;
    max-width: 100%;
    max-height: 700px;
}
}.sf-work-info-video-overlay {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: url("../img/home/work/sphere.png") no-repeat center;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%}
@supports (mix-blend-mode:overlay) {
    .sf-work-info-video-overlay {
    background: #056eff;
    mix-blend-mode: overlay;
}
}.sf-work-info-graphic {
    margin-bottom: 38px;
}
@media (min-width:768px) {
    .sf-work-info-graphic {
    margin-bottom: 0;
}
}.sf-work-info-description-title {
    max-width: 288px;
    margin: 0 auto 20px;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
    text-align: center;
}
@media (min-width:768px) {
    .sf-work-info-description-title {
    max-width: none;
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 41px;
}
}@media (min-width:1024px) {
    .sf-work-info-description-title {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-work-info-description-title {
    margin-bottom: 40px;
    font-size: 56px;
    line-height: 64px;
}
}@media (min-width:1200px) and (max-height:740px) {
    .sf-work-info-description-title {
    margin-bottom: 25px;
}
}@media (min-width:1600px) {
    .sf-work-info-description-title {
    font-size: 76px;
    line-height: 87px;
}
}.sf-work-info-description-text {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
}
@media (min-width:1024px) {
    .sf-work-info-description-text {
    font-size: 20px;
    line-height: 28px;
}
}@media (min-width:1200px) {
    .sf-work-info-description-text {
    font-size: 22px;
    line-height: 31px;
}
}@media (min-width:1600px) {
    .sf-work-info-description-text {
    font-size: 26px;
    line-height: 36px;
}
}.sf-work-list {
    position: relative;
    padding-left: 14px;
}
@media (min-width:768px) {
    .sf-work-list {
    width: 620px;
    margin: 0 auto;
    padding-left: 0;
}
}@media (min-width:1024px) {
    .sf-work-list {
    width: 850px;
}
}@media (min-width:1200px) {
    .sf-work-list {
    width: 90%;
}
}.sf-work-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 40px;
    width: 250px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-work-list-item: nth-child(odd) {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
}@media (min-width:768px) {
    .sf-work-list-item {
    margin-bottom: 94px;
    width: 274px;
    height: 63px;
    font-size: 16px;
    line-height: 21px;
}
.sf-work-list-item:nth-child(2) {
    margin-left: 67%}
.sf-work-list-item:nth-child(3) {
    margin-left: 2%}
.sf-work-list-item:nth-child(4) {
    margin-left: 62%;
    -webkit-transform: translateY(55px);
    -moz-transform: translateY(55px);
    -ms-transform: translateY(55px);
    -o-transform: translateY(55px);
    transform: translateY(55px);
}
}@media (min-width:1024px) {
    .sf-work-list-item {
    margin-bottom: 100px;
    width: 350px;
    height: 116px;
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1200px) {
    .sf-work-list-item {
    margin-bottom: 120px;
    width: 400px;
    height: 136px;
    font-size: 26px;
    line-height: 34px;
}
}.sf-work-list-item-ico {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 24px;
    margin: 8px 15px 0 0;
}
.sf-work-list-item-ico img {
    max-width: 100%}
@media (min-width:768px) {
    .sf-work-list-item-ico {
    width: 29px;
}
}@media (min-width:1024px) {
    .sf-work-list-item-ico {
    width: 38px;
}
}@media (min-width:768px) {
    .sf-work-list-item.-revert .sf-work-list-item-ico {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 0;
    margin-left: 15px;
}
}.sf-work-list-line {
    display: none;
}
@media (min-width:768px) {
    .sf-work-list-line {
    display: block;
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
}.sf-work-list-line img {
    position: absolute;
    top: 0;
    left: -webkit-calc(50% + 30px);
    left: -moz-calc(50% + 30px);
    left: calc(50% + 30px);
    height: 94%;
    max-width: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (min-width:1024px) {
    .sf-work-list-line img {
    height: 90%}
}.sf-work-list-line-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(90%, #020213), to(rgba(2, 23, 78, 0)));
    background: -webkit-linear-gradient(bottom, #020213 90%, rgba(2, 23, 78, 0) 100%);
    background: -moz-linear-gradient(bottom, #020213 90%, rgba(2, 23, 78, 0) 100%);
    background: -o-linear-gradient(bottom, #020213 90%, rgba(2, 23, 78, 0) 100%);
    background: linear-gradient(to top, #020213 90%, rgba(2, 23, 78, 0) 100%);
}
.sf-work-score-graph {
    width: 203px;
    height: 158px;
    margin: 0 auto 28px;
    position: relative;
}
@media (min-width:768px) {
    .sf-work-score-graph {
    width: 231px;
    height: 180px;
    margin-bottom: 40px;
}
}@media (min-width:1024px) {
    .sf-work-score-graph {
    width: 306px;
    height: 239px;
    margin-bottom: 54px;
}
}@media (min-width:1024px) and (max-height:740px) {
    .sf-work-score-graph {
    width: 250px;
    height: 190px;
    margin-bottom: 30px;
}
}.sf-work-score-graph-circle {
    width: 100%;
    height: 100%}
.sf-work-score-graph-circle svg {
    width: 100%;
    height: 100%}
.sf-work-score-graph-circle path {
    fill: #354962;
}
.sf-work-score-graph-text {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 15px;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (min-width:1024px) {
    .sf-work-score-graph-text {
    margin-top: 22px;
}
}.sf-work-score-label {
    color: rgba(255, 255, 255, .5);
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .005em;
}
@media (min-width:768px) {
    .sf-work-score-label {
    font-size: 13px;
    line-height: 18px;
}
}@media (min-width:1024px) {
    .sf-work-score-label {
    font-size: 17px;
    line-height: 23px;
}
}.sf-work-score-val {
    font-weight: 300;
    font-size: 44px;
    line-height: 62px;
    letter-spacing: .065em;
}
@media (min-width:768px) {
    .sf-work-score-val {
    font-size: 50px;
    line-height: 71px;
}
}@media (min-width:1024px) {
    .sf-work-score-val {
    font-size: 66px;
    line-height: 93px;
}
}.sf-work-score-info {
    color: #8e929c;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: .03em;
}
@media (min-width:768px) {
    .sf-work-score-info {
    font-size: 14px;
    line-height: 19px;
}
}@media (min-width:1024px) {
    .sf-work-score-info {
    font-size: 18px;
    line-height: 25px;
}
}.sf-work-score-info span {
    margin-right: 5px;
    color: #00d079;
    font-weight: 600;
}
.sf-work-score-info.-channel {
    margin-bottom: 0;
}
.sf-work-score-description {
    color: #8e929c;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: .03em;
}
@media (min-width:768px) {
    .sf-work-score-description {
    font-size: 17px;
    line-height: 24px;
}
}@media (min-width:1024px) {
    .sf-work-score-description {
    font-size: 22px;
    line-height: 31px;
}
}.sf-work-score-description span {
    margin-left: 5px;
    color: #00d079;
}
.sf-work-points {
    padding-left: 14px;
}
@media (min-width:768px) {
    .sf-work-points {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 0;
}
}@media (min-width:1024px) {
    .sf-work-points {
    display: block;
}
}.sf-work.-lg .sf-work-points {
    max-width: 320px;
    margin: 0 auto;
}
@media (min-width:768px) {
    .sf-work.-lg .sf-work-points {
    max-width: 100%}
}.sf-work-points-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    position: relative;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
}
.sf-work-points-item:last-child {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .sf-work-points-item {
    width: 50%;
    margin-bottom: 70px;
    font-size: 20px;
    line-height: 30px;
}
}@media (min-width:1024px) {
    .sf-work-points-item {
    width: auto;
    font-size: 22px;
    line-height: 29px;
}
.sf-work-points-item:nth-child(2n) {
    margin-left: 55%}
.sf-work-points-item:nth-child(3) {
    padding-left: 69px;
}
.sf-work-points-item:nth-child(4) {
    padding-left: 81px;
}
.sf-work-points-item:nth-child(5) {
    padding-left: 55px;
}
.sf-work-points-item:nth-child(6) {
    padding-left: 41px;
}
.sf-work-points-item:nth-child(7) {
    padding-left: 132px;
}
.sf-work-points-item:nth-child(8) {
    padding-left: 91px;
}
}@media (min-width:1200px) {
    .sf-work-points-item {
    font-size: 30px;
    line-height: 45px;
}
.sf-work-points-item:nth-child(2n) {
    margin-left: 55%}
.sf-work-points-item:nth-child(2) {
    padding-left: 50px;
}
.sf-work-points-item:nth-child(3) {
    padding-left: 120px;
}
.sf-work-points-item:nth-child(4) {
    padding-left: 0;
}
.sf-work-points-item:nth-child(5) {
    padding-left: 55px;
}
.sf-work-points-item:nth-child(6) {
    padding-left: 30px;
}
.sf-work-points-item:nth-child(7) {
    padding-left: 132px;
}
.sf-work-points-item:nth-child(8) {
    padding-left: 91px;
}
}@media (min-width:1600px) {
    .sf-work-points-item: nth-child(2n) {
    margin-left: 65%}
}.sf-work-points-item-ico {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 15px;
    width: 24px;
}
@media (min-width:768px) {
    .sf-work-points-item-ico {
    width: 29px;
}
}@media (min-width:1024px) {
    .sf-work-points-item-ico {
    margin-right: 20px;
    width: 38px;
}
}.sf-work-points-item-ico img {
    width: 100%}
@media (min-width:768px) {
    .sf-work-points-item.-offset {
    padding-left: 85px;
}
}@media (min-width:1024px) {
    .sf-work-points-item.-offset {
    padding-left: 150px;
}
}.sf-work.-sm .sf-work-points-item {
    padding: 0;
    margin: 0 0 44px 0;
    width: 100%}
.sf-work.-sm .sf-work-points-item:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-work.-sm .sf-work-points-item {
    margin: 0 0 40px 0;
    font-size: 16px;
    line-height: 29px;
}
.sf-work.-sm .sf-work-points-item:nth-child(2n) {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.sf-work.-sm .sf-work-points-item:nth-child(3) {
    padding: 0 0 0 120px;
}
.sf-work.-sm .sf-work-points-item:nth-child(4) {
    padding: 0 48px 0 0;
}
}@media (min-width:1024px) {
    .sf-work.-sm .sf-work-points-item {
    font-size: 18px;
    line-height: 33px;
}
.sf-work.-sm .sf-work-points-item:nth-child(3) {
    padding: 0 0 0 150px;
}
.sf-work.-sm .sf-work-points-item:nth-child(4) {
    padding: 0 20px 0 0;
}
}@media (min-width:1200px) {
    .sf-work.-sm .sf-work-points-item {
    margin: 0 0 50px 0;
    padding: 0 0 0 40px;
    font-size: 20px;
    line-height: 36px;
}
.sf-work.-sm .sf-work-points-item:nth-child(2) {
    padding: 0 50px 0 0;
}
.sf-work.-sm .sf-work-points-item:nth-child(3) {
    padding: 0 0 0 190px;
}
.sf-work.-sm .sf-work-points-item:nth-child(4) {
    padding: 0 80px 0 0;
}
.sf-work.-sm .sf-work-points-item:nth-child(6) {
    padding: 0 30px 0 0;
}
}.sf-work.-lg .sf-work-points-item {
    padding: 0;
    margin: 0 0 44px 0;
    width: 100%}
.sf-work.-lg .sf-work-points-item:last-child {
    margin: 0;
}
.sf-work.-lg .sf-work-points-item:nth-child(2) {
    padding: 0 30px 0 0;
    opacity: .9;
}
.sf-work.-lg .sf-work-points-item:nth-child(2n) {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.sf-work.-lg .sf-work-points-item:nth-child(3) {
    opacity: .8;
}
.sf-work.-lg .sf-work-points-item:nth-child(4) {
    opacity: .7;
}
.sf-work.-lg .sf-work-points-item:nth-child(5) {
    opacity: .6;
}
@media (min-width:768px) {
    .sf-work.-lg .sf-work-points-item {
    margin: 0 0 31px 0;
    font-size: 16px;
    line-height: 29px;
}
.sf-work.-lg .sf-work-points-item:nth-child(2) {
    padding: 0 93px 0 0;
}
.sf-work.-lg .sf-work-points-item:nth-child(3) {
    padding: 0 0 0 48px;
}
}@media (min-width:1024px) {
    .sf-work.-lg .sf-work-points-item {
    margin: 0 0 64px 0;
    font-size: 20px;
    line-height: 36px;
}
.sf-work.-lg .sf-work-points-item:nth-child(2) {
    padding: 0 213px 0 0;
}
.sf-work.-lg .sf-work-points-item:nth-child(3) {
    padding: 0 0 0 145px;
}
}@media (min-width:1600px) {
    .sf-work.-lg .sf-work-points-item {
    margin: 0 0 50px 0;
}
.sf-work.-lg .sf-work-points-item:nth-child(2) {
    padding: 0 206px 0 0;
}
.sf-work.-lg .sf-work-points-item:nth-child(3) {
    padding: 0 0 0 151px;
}
}.sf-functional {
    position: relative;
    z-index: 2;
    background: #020213;
    color: #fff;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}
.sf-functional::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 2px;
    background: #020213;
}
@media (max-width:767px) {
    .sf-functional {
    margin-top: 0!important;
}
}.sf-functional-container {
    padding: 0 35px;
}
@media (min-width:375px) {
    .sf-functional-container {
    padding: 0 45px;
}
}@media (min-width:768px) {
    .sf-functional-container {
    padding: 0 40px;
}
}@media (min-width:1024px) {
    .sf-functional-container {
    padding: 0 82px;
    max-width: 1024px;
    margin: 0 auto;
}
}@media (min-width:1200px) {
    .sf-functional-container {
    padding: 0 100px;
    max-width: 1200px;
}
}@media (min-width:1600px) {
    .sf-functional-container {
    padding: 0 280px;
    max-width: 1600px;
}
}.sf-functional-section {
    padding-bottom: 95px;
}
@media (min-width:768px) {
    .sf-functional-section {
    padding-bottom: 0;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}@media (min-width:1024px) {
    .sf-functional-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}@media (min-width:768px) {
    .sf-functional-grid {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
}@media (min-width:768px) {
    .sf-functional-grid-col.-right {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
}.sf-functional-title {
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-functional-title {
    font-size: 26px;
    line-height: 36px;
}
}@media (min-width:1024px) {
    .sf-functional-title {
    max-width: 340px;
    font-size: 36px;
    line-height: 50px;
}
}@media (min-width:1200px) {
    .sf-functional-title {
    max-width: 490px;
    margin-bottom: 40px;
    font-size: 40px;
    line-height: 56px;
}
}@media (min-width:1600px) {
    .sf-functional-title {
    max-width: 570px;
    font-size: 46px;
    line-height: 64px;
}
}.sf-functional-text {
    max-width: 288px;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-functional-text {
    max-width: 311px;
}
}@media (min-width:1024px) {
    .sf-functional-text {
    max-width: 415px;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1200px) {
    .sf-functional-text {
    max-width: 501px;
    font-size: 18px;
    line-height: 36px;
}
}.sf-functional-status {
    width: 288px;
    height: 146px;
    max-width: 100%;
    margin-top: 32px;
    position: relative;
    overflow: hidden;
}
.sf-functional-status::before {
    content: '';
    position: absolute;
    top: -1px;
    right: 0;
    left: 0;
    height: 30px;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(#020213), to(rgba(2, 23, 78, 0)));
    background: -webkit-linear-gradient(top, #020213 0, rgba(2, 23, 78, 0) 100%);
    background: -moz-linear-gradient(top, #020213 0, rgba(2, 23, 78, 0) 100%);
    background: -o-linear-gradient(top, #020213 0, rgba(2, 23, 78, 0) 100%);
    background: linear-gradient(180deg, #020213 0, rgba(2, 23, 78, 0) 100%);
}
.sf-functional-status::after {
    content: '';
    position: absolute;
    bottom: -3px;
    right: 0;
    left: 0;
    height: 30px;
    z-index: 1;
    background: -webkit-gradient(linear, left bottom, left top, from(#020213), to(rgba(2, 23, 78, 0)));
    background: -webkit-linear-gradient(bottom, #020213 0, rgba(2, 23, 78, 0) 100%);
    background: -moz-linear-gradient(bottom, #020213 0, rgba(2, 23, 78, 0) 100%);
    background: -o-linear-gradient(bottom, #020213 0, rgba(2, 23, 78, 0) 100%);
    background: linear-gradient(0deg, #020213 0, rgba(2, 23, 78, 0) 100%);
}
@media (min-width:768px) {
    .sf-functional-status {
    margin: 0;
    width: 295px;
}
}@media (min-width:1024px) {
    .sf-functional-status {
    margin-top: 20px;
    width: 370px;
    height: 177px;
}
}@media (min-width:1200px) {
    .sf-functional-status {
    width: 350px;
}
}.sf-functional-status-line {
    position: absolute;
    left: -16px;
    right: -16px;
    top: 50%;
    height: 29px;
    background: -webkit-gradient(linear, left top, right top, color-stop(5.58%, rgba(255, 255, 255, 0)), color-stop(44.86%, rgba(255, 255, 255, .18)), color-stop(92.63%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 5.58%, rgba(255, 255, 255, .18) 44.86%, rgba(255, 255, 255, 0) 92.63%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 5.58%, rgba(255, 255, 255, .18) 44.86%, rgba(255, 255, 255, 0) 92.63%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 5.58%, rgba(255, 255, 255, .18) 44.86%, rgba(255, 255, 255, 0) 92.63%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 5.58%, rgba(255, 255, 255, .18) 44.86%, rgba(255, 255, 255, 0) 92.63%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (min-width:1024px) {
    .sf-functional-status-line {
    height: 36px;
    left: -20px;
    right: -20px;
}
}@media (min-width:1200px) {
    .sf-functional-status-line {
    height: 35px;
}
}.sf-functional-status-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 7px 5px 6px;
}
@media (min-width:768px) {
    .sf-functional-status-item {
    padding: 7px 35px 8px;
}
}@media (min-width:1024px) {
    .sf-functional-status-item {
    padding: 7px 45px 8px;
}
}.sf-functional-status-title {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.015em;
    text-transform: uppercase;
}
@media (min-width:1024px) {
    .sf-functional-status-title {
    font-size: 16px;
    line-height: 21px;
}
}@media (min-width:1200px) {
    .sf-functional-status-title {
    font-size: 14px;
    line-height: 20px;
}
}.sf-functional-status-val {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.003em;
}
@media (min-width:1024px) {
    .sf-functional-status-val {
    font-size: 16px;
    line-height: 21px;
}
}@media (min-width:1200px) {
    .sf-functional-status-val {
    font-size: 14px;
    line-height: 20px;
}
}.sf-functional-status-val.-high {
    color: #00d079;
}
.sf-functional-status-val.-low {
    color: #fe655c;
}
.sf-functional-risk {
    width: 288px;
    max-width: 100%;
    height: 146px;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-functional-risk {
    width: 260px;
    height: 200px;
    margin-top: 0;
    padding-left: 0;
}
}@media (min-width:1024px) {
    .sf-functional-risk {
    width: 325px;
    margin-top: -10px;
}
}@media (min-width:1200px) {
    .sf-functional-risk {
    width: 308px;
    margin-top: 0;
}
}.sf-functional-risk::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 22px;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(#020213), to(rgba(2, 23, 78, 0)));
    background: -webkit-linear-gradient(top, #020213 0, rgba(2, 23, 78, 0) 100%);
    background: -moz-linear-gradient(top, #020213 0, rgba(2, 23, 78, 0) 100%);
    background: -o-linear-gradient(top, #020213 0, rgba(2, 23, 78, 0) 100%);
    background: linear-gradient(180deg, #020213 0, rgba(2, 23, 78, 0) 100%);
}
.sf-functional-risk::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 22px;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 23, 78, 0)), to(#020213));
    background: -webkit-linear-gradient(top, rgba(2, 23, 78, 0) 0, #020213 100%);
    background: -moz-linear-gradient(top, rgba(2, 23, 78, 0) 0, #020213 100%);
    background: -o-linear-gradient(top, rgba(2, 23, 78, 0) 0, #020213 100%);
    background: linear-gradient(180deg, rgba(2, 23, 78, 0) 0, #020213 100%);
}
.sf-functional-risk-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: .1;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
}
.sf-functional-risk-item.-active {
    opacity: 1;
}
.sf-functional-risk-item.-active .sf-functional-risk-status {
    opacity: 1;
}
.sf-functional-risk-val {
    margin-right: 8px;
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-functional-risk-val {
    margin-right: 10px;
}
}@media (min-width:1024px) {
    .sf-functional-risk-val {
    font-size: 32px;
    line-height: 40px;
}
}@media (min-width:1200px) {
    .sf-functional-risk-val {
    margin-right: 12px;
    font-size: 30px;
    line-height: 38px;
}
}.sf-functional-risk-status {
    opacity: 0;
    color: #00d079;
    font-weight: 600;
    font-size: 9px;
    line-height: 13px;
    letter-spacing: .02em;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
}
@media (min-width:1024px) {
    .sf-functional-risk-status {
    font-size: 12px;
    line-height: 16px;
}
}@media (min-width:1200px) {
    .sf-functional-risk-status {
    font-size: 11px;
    line-height: 15px;
}
}.sf-functional-risk-status-ico {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 7px;
    margin-right: 4px;
}
@media (min-width:1024px) {
    .sf-functional-risk-status-ico {
    width: 9px;
    height: 8px;
}
}.sf-functional-risk-status-ico svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.sf-functional-summary {
    position: relative;
    width: 260px;
    margin-top: 44px;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-functional-summary {
    margin-left: 0;
    margin-top: 16px;
}
}@media (min-width:1024px) {
    .sf-functional-summary {
    width: 327px;
    margin-top: 24px;
}
}@media (min-width:1200px) {
    .sf-functional-summary {
    width: 307px;
}
}.sf-functional-summary::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 80px;
    background: -webkit-gradient(linear, right top, left top, from(#020213), to(rgba(2, 23, 78, 0)));
    background: -webkit-linear-gradient(right, #020213 0, rgba(2, 23, 78, 0) 100%);
    background: -moz-linear-gradient(right, #020213 0, rgba(2, 23, 78, 0) 100%);
    background: -o-linear-gradient(right, #020213 0, rgba(2, 23, 78, 0) 100%);
    background: linear-gradient(-90deg, #020213 0, rgba(2, 23, 78, 0) 100%);
}
.sf-functional-summary-grid {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.sf-functional-summary-col {
    width: 164px;
    margin-right: 8px;
}
@media (min-width:768px) {
    .sf-functional-summary-col {
    width: 168px;
}
}@media (min-width:1024px) {
    .sf-functional-summary-col {
    width: 212px;
    margin-right: 10px;
}
}@media (min-width:1200px) {
    .sf-functional-summary-col {
    width: 200px;
}
}.sf-functional-summary-title {
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: .005em;
}
@media (min-width:1024px) {
    .sf-functional-summary-title {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 22px;
}
}@media (min-width:1200px) {
    .sf-functional-summary-title {
    font-size: 14px;
    line-height: 21px;
}
}.sf-functional-summary-item {
    padding: 8px 10px 7px;
    margin-bottom: 4px;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(0, rgba(255, 255, 255, .18)), color-stop(92.63%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .18) 0, rgba(255, 255, 255, 0) 92.63%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .18) 0, rgba(255, 255, 255, 0) 92.63%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .18) 0, rgba(255, 255, 255, 0) 92.63%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .18) 0, rgba(255, 255, 255, 0) 92.63%);
    color: rgba(255, 255, 255, .7);
    font-weight: 300;
    font-size: 9px;
    line-height: 14px;
    white-space: nowrap;
}
@media (min-width:1024px) {
    .sf-functional-summary-item {
    padding: 10px 12px 9px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 17px;
}
}@media (min-width:1200px) {
    .sf-functional-summary-item {
    padding: 9px 12px;
    font-size: 11px;
    line-height: 16px;
}
}.sf-functional-summary-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
}
.sf-functional-summary-item.-low::before {
    background: #fe655c;
}
.sf-functional-summary-item.-middle::before {
    background: #ffc062;
}
.sf-functional-summary-item.-high::before {
    background: #00d079;
}
.sf-functional-summary-arrow {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 1px 10px;
    border: 2px solid rgba(51, 74, 103, .5);
    border-top: 0;
    border-right: 0;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media (min-width:1024px) {
    .sf-functional-summary-arrow {
    width: 8px;
    height: 8px;
    margin-left: 13px;
}
}.sf-functional-bg {
    display: none;
}
@media (min-width:1024px) {
    .sf-functional-bg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
}.sf-functional-bg-item {
    position: absolute;
}
.sf-functional-bg-item.-first {
    width: 70vw;
    height: 60vh;
    left: -10vw;
    top: 40vh;
    background: -webkit-radial-gradient(52.69% 50%, 46.52% 41.88%, #00239f 0, rgba(255, 0, 107, 0) 100%);
    background: -moz-radial-gradient(52.69% 50%, 46.52% 41.88%, #00239f 0, rgba(255, 0, 107, 0) 100%);
    background: -o-radial-gradient(52.69% 50%, 46.52% 41.88%, #00239f 0, rgba(255, 0, 107, 0) 100%);
    background: radial-gradient(46.52% 41.88% at 52.69% 50%, #00239f 0, rgba(255, 0, 107, 0) 100%);
    opacity: .2;
}
.sf-account {
    position: relative;
    z-index: 1;
    background: #020213;
    color: #fff;
}
.sf-account::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 2px;
    background: #020213;
}
.sf-account::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: #020213;
}
.sf-account-content {
    padding: 56px 0 0;
}
@media (min-width:768px) {
    .sf-account-content {
    padding: 0;
}
}.sf-account-description {
    position: relative;
    text-align: center;
}
@media (min-width:768px) {
    .sf-account-description {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}.sf-account-title {
    max-width: 288px;
    margin: 0 auto 17px;
    font-weight: 600;
    font-size: 28px;
    line-height: 39px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-account-title {
    max-width: 600px;
    margin-bottom: 40px;
    font-size: 36px;
    line-height: 50px;
}
}@media (min-width:1024px) {
    .sf-account-title {
    max-width: 750px;
    margin-bottom: 50px;
    font-size: 46px;
    line-height: 64px;
}
}@media (min-width:1200px) {
    .sf-account-title {
    max-width: 850px;
    margin-bottom: 60px;
    font-size: 56px;
    line-height: 78px;
}
}@media (min-width:1600px) {
    .sf-account-title {
    max-width: 1100px;
    margin-bottom: 70px;
    font-size: 76px;
    line-height: 106px;
}
}.sf-account-link {
    color: #51c8ff;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .135em;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #51c8ff), to(#51c8ff));
    background-image: -webkit-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: -moz-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: -o-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: linear-gradient(0deg, #51c8ff 0, #51c8ff 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.sf-account-link:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
@media (min-width:768px) {
    .sf-account-link {
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 21px;
}
}@media (min-width:1024px) {
    .sf-account-link {
    font-size: 16px;
    line-height: 24px;
}
}.sf-account-graph {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 130%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    pointer-events: none;
}
@media (min-width:768px) {
    .sf-account-graph {
    height: 70vh;
    bottom: 15vh;
}
}.sf-account-graph::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    right: 0;
    height: 100%;
    background: -webkit-linear-gradient(270.36deg, rgba(2, 23, 78, 0) 39.45%, #020213 96.95%);
    background: -moz-linear-gradient(270.36deg, rgba(2, 23, 78, 0) 39.45%, #020213 96.95%);
    background: -o-linear-gradient(270.36deg, rgba(2, 23, 78, 0) 39.45%, #020213 96.95%);
    background: linear-gradient(179.64deg, rgba(2, 23, 78, 0) 39.45%, #020213 96.95%);
}
.sf-account-graph-item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    width: 4px;
    margin-left: 3px;
    background: #54c9ff;
    opacity: .2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
@media (min-width:768px) {
    .sf-account-graph-item {
    width: 9px;
    margin-left: 5px;
}
}.sf-getapp {
    background: #020213;
    color: #fff;
    overflow: hidden;
}
.sf-getapp-content {
    padding: 96px 0 0;
}
@media (min-width:768px) {
    .sf-getapp-content {
    padding: 132px 0 130px;
}
}@media (min-width:1024px) {
    .sf-getapp-content {
    padding-bottom: 220px;
}
}@media (min-width:1200px) {
    .sf-getapp-content {
    padding-bottom: 275px;
}
}@media (min-width:1600px) {
    .sf-getapp-container {
    padding: 0 279px;
}
}@media (min-width:768px) {
    .sf-getapp-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}.sf-getapp-grid-col.-left {
    margin-bottom: 50px;
    text-align: center;
}
@media (min-width:768px) {
    .sf-getapp-grid-col.-left {
    margin-bottom: 0;
    padding-top: 18px;
    text-align: left;
}
}@media (min-width:1024px) {
    .sf-getapp-grid-col.-left {
    padding-top: 0;
}
}@media (min-width:768px) {
    .sf-getapp-grid-col.-right {
    padding-right: 60px;
}
}@media (min-width:1024px) {
    .sf-getapp-grid-col.-right {
    padding-right: 77px;
}
}@media (min-width:1200px) {
    .sf-getapp-grid-col.-right {
    padding-right: 134px;
}
}@media (min-width:1600px) {
    .sf-getapp-grid-col.-right {
    padding-right: 28px;
}
}.sf-getapp-preview {
    width: 220px;
    margin: 0 auto -204px;
    position: relative;
}
@media (min-width:768px) {
    .sf-getapp-preview {
    width: 155px;
    margin: 0;
}
}@media (min-width:1024px) {
    .sf-getapp-preview {
    width: 188px;
}
}@media (min-width:1200px) {
    .sf-getapp-preview {
    width: 215px;
}
}@media (min-width:1600px) {
    .sf-getapp-preview {
    width: 217px;
}
}.sf-getapp-preview-video {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 5px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-getapp-preview-video {
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}
}@media (min-width:1200px) {
    .sf-getapp-preview-video {
    padding: 5px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
}.sf-getapp-preview-video video {
    width: 100%}
.sf-getapp-preview-device {
    position: relative;
    z-index: 1;
}
.sf-getapp-preview-device img {
    width: 100%}
.sf-getapp-title {
    max-width: 270px;
    margin: 0 auto 30px;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-getapp-title {
    margin: 0 0 30px;
    font-size: 26px;
    line-height: 34px;
}
}@media (min-width:1024px) {
    .sf-getapp-title {
    max-width: 390px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-getapp-title {
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-getapp-title {
    max-width: 450px;
    font-size: 46px;
    line-height: 60px;
}
}.sf-getapp-text {
    max-width: 331px;
    margin: 0 auto 42px;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-getapp-text {
    margin: 0 0 52px;
}
}@media (min-width:1024px) {
    .sf-getapp-text {
    max-width: 500px;
    font-size: 20px;
    line-height: 28px;
}
}@media (min-width:1200px) {
    .sf-getapp-text {
    margin-bottom: 60px;
    font-size: 22px;
    line-height: 31px;
}
}@media (min-width:1600px) {
    .sf-getapp-text {
    font-size: 26px;
    line-height: 36px;
}
}.sf-getapp-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -8px;
}
@media (min-width:768px) {
    .sf-getapp-links {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -10px;
}
}.sf-getapp-links-item {
    padding: 0 8px;
}
@media (min-width:768px) {
    .sf-getapp-links-item {
    padding: 0 10px;
}
}.sf-getapp.-color-light {
    background: #244ca2;
}
.sf-getapp.-sm .sf-getapp-content {
    padding: 60px 0 0;
}
@media (min-width:768px) {
    .sf-getapp.-sm .sf-getapp-content {
    padding: 89px 0;
}
}@media (min-width:1024px) {
    .sf-getapp.-sm .sf-getapp-content {
    padding: 130px 0;
}
}@media (min-width:1200px) {
    .sf-getapp.-sm .sf-getapp-content {
    padding: 150px 0;
}
}@media (min-width:1600px) {
    .sf-getapp.-sm .sf-getapp-content {
    padding: 200px 0;
}
}.sf-brand-content {
    padding: 100px 0;
}
@media (min-width:768px) {
    .sf-brand-content {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
}
}.sf-brand-content.-md {
    padding: 80px 0 120px 0;
}
@media (min-width:768px) {
    .sf-brand-content.-md {
    height: auto;
    padding: 140px 0 180px 0;
}
}@media (min-width:1024px) {
    .sf-brand-content.-md {
    padding: 160px 0 220px 0;
}
}@media (min-width:1200px) {
    .sf-brand-content.-md {
    padding: 200px 0 250px 0;
}
}@media (min-width:1600px) {
    .sf-brand-content.-md {
    padding: 200px 0 300px 0;
}
}.sf-brand-content.-lg {
    padding: 60px 0;
}
@media (min-width:768px) {
    .sf-brand-content.-lg {
    height: auto;
}
}@media (min-width:1024px) {
    .sf-brand-content.-lg {
    padding: 110px 0;
}
}@media (min-width:1200px) {
    .sf-brand-content.-lg {
    padding: 125px 0;
}
}@media (min-width:1600px) {
    .sf-brand-content.-lg {
    padding: 150px 0;
}
}.sf-brand-content.-xl {
    padding: 120px 0 60px 0;
}
@media (min-width:768px) {
    .sf-brand-content.-xl {
    height: auto;
}
}@media (min-width:1024px) {
    .sf-brand-content.-xl {
    padding: 220px 0 110px 0;
}
}@media (min-width:1200px) {
    .sf-brand-content.-xl {
    padding: 250px 0 125px 0;
}
}@media (min-width:1600px) {
    .sf-brand-content.-xl {
    padding: 300px 0 150px 0;
}
}.sf-brand-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 30px;
}
@media (min-width:768px) {
    .sf-brand-heading {
    margin-bottom: 20px;
}
}@media (min-width:1024px) {
    .sf-brand-heading {
    margin-bottom: 50px;
}
}.sf-brand-heading-title {
    max-width: 185px;
    margin: 0 20px 0 0;
    color: #03133f;
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-brand-heading-title {
    max-width: 280px;
    font-size: 26px;
    line-height: 30px;
}
}@media (min-width:1024px) {
    .sf-brand-heading-title {
    max-width: 600px;
    font-size: 36px;
    line-height: 41px;
}
}@media (min-width:1200px) {
    .sf-brand-heading-title {
    font-size: 40px;
    line-height: 46px;
}
}@media (min-width:1600px) {
    .sf-brand-heading-title {
    font-size: 46px;
    line-height: 53px;
}
}.sf-brand-heading-title br {
    display: none;
}
@media (min-width:768px) {
    .sf-brand-heading-title br {
    display: block;
}
}.sf-brand-heading-link {
    color: #2549ca;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .135em;
    text-transform: uppercase;
    white-space: nowrap;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2549ca), to(#2549ca));
    background-image: -webkit-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: -moz-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: -o-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: linear-gradient(0deg, #2549ca 0, #2549ca 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.sf-brand-heading-link:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
@media (min-width:768px) {
    .sf-brand-heading-link {
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-brand-heading-link {
    font-size: 18px;
    line-height: 36px;
}
}.sf-brand-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.sf-brand-list-item {
    width: 50%;
    padding: 0 15px;
    margin-top: 29px;
    text-align: center;
}
@media (min-width:768px) {
    .sf-brand-list-item {
    width: 33.3333%;
    margin-top: 35px;
}
}@media (min-width:1024px) {
    .sf-brand-list-item {
    margin-top: 50px;
}
}@media (min-width:1200px) {
    .sf-brand-list-item {
    margin-top: 55px;
}
}@media (min-width:1600px) {
    .sf-brand-list-item {
    margin-top: 60px;
}
}.sf-brand-list-item img {
    width: 100%;
    max-width: 200px;
}
@media (min-width:768px) {
    .sf-brand-list-item img {
    width: auto;
    max-width: 100%}
}.sf-recognition-content {
    padding-bottom: 100px;
}
@media (min-width:768px) {
    .sf-recognition-content {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
}
}@media (min-width:768px) {
    .sf-recognition-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
}.sf-recognition-grid-col.-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
}
@media (min-width:768px) {
    .sf-recognition-grid-col.-left {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 276px;
}
}@media (min-width:1024px) {
    .sf-recognition-grid-col.-left {
    margin: 0;
}
}.sf-recognition-grid-col.-right {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (min-width:768px) {
    .sf-recognition-grid-col.-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
}.sf-recognition-title {
    max-width: 170px;
    color: #03133f;
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-recognition-title {
    max-width: 221px;
    margin-bottom: 60px;
    font-size: 26px;
    line-height: 30px;
}
}@media (min-width:1024px) {
    .sf-recognition-title {
    margin-bottom: 80px;
    font-size: 36px;
    line-height: 41px;
}
}@media (min-width:1200px) {
    .sf-recognition-title {
    margin-bottom: 70px;
    font-size: 40px;
    line-height: 46px;
}
}@media (min-width:1600px) {
    .sf-recognition-title {
    font-size: 46px;
    line-height: 53px;
}
}.sf-recognition-text {
    margin-bottom: 42px;
    color: #03174e;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:1024px) {
    .sf-recognition-text {
    margin-bottom: 50px;
    font-size: 18px;
    line-height: 36px;
}
}@media (min-width:1200px) {
    .sf-recognition-text {
    margin-bottom: 70px;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-recognition-text {
    font-size: 18px;
    line-height: 36px;
}
}.sf-recognition-link {
    display: inline-block;
    color: #2549ca;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: .135em;
    text-transform: uppercase;
    white-space: nowrap;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2549ca), to(#2549ca));
    background-image: -webkit-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: -moz-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: -o-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: linear-gradient(0deg, #2549ca 0, #2549ca 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.sf-recognition-link:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
@media (min-width:768px) {
    .sf-recognition-link {
    font-size: 16px;
    line-height: 30px;
}
}@media (min-width:1024px) {
    .sf-recognition-link {
    font-size: 18px;
    line-height: 36px;
}
}@media (min-width:1200px) {
    .sf-recognition-link {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-recognition-link {
    font-size: 18px;
    line-height: 36px;
}
}.sf-recognition-list {
    max-width: 289px;
    margin: 0 auto;
}
@media (min-width:768px) {
    .sf-recognition-list {
    max-width: 100%;
    margin: 0;
}
}.sf-recognition-list-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -7px;
}
@media (min-width:768px) {
    .sf-recognition-list-grid {
    margin: 0 -5px;
}
}@media (min-width:1024px) {
    .sf-recognition-list-grid {
    margin: 0 -8px;
}
}@media (min-width:1200px) {
    .sf-recognition-list-grid {
    margin: 0 -10px;
}
}.sf-recognition-list-grid-col {
    padding: 0 7px;
}
@media (min-width:768px) {
    .sf-recognition-list-grid-col {
    padding: 0 5px;
}
}@media (min-width:1024px) {
    .sf-recognition-list-grid-col {
    padding: 0 8px;
}
}@media (min-width:1200px) {
    .sf-recognition-list-grid-col {
    padding: 0 10px;
}
}.sf-recognition-list-grid-col.-full {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
@media (min-width:768px) {
    .sf-recognition-list-grid-col.-full {
    width: auto;
    display: block;
}
}.sf-recognition-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 0 15px 0;
}
.sf-recognition-item:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-recognition-item {
    margin: 0 0 11px 0;
}
}@media (min-width:1024px) {
    .sf-recognition-item {
    margin: 0 0 16px 0;
}
}@media (min-width:1200px) {
    .sf-recognition-item {
    margin: 0 0 20px 0;
}
}.sf-recognition-item-img {
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.sf-recognition-item-img::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -webkit-linear-gradient(241.31deg, rgba(255, 255, 255, .7) 2.8%, rgba(255, 255, 255, .7) 98.63%);
    background: -moz-linear-gradient(241.31deg, rgba(255, 255, 255, .7) 2.8%, rgba(255, 255, 255, .7) 98.63%);
    background: -o-linear-gradient(241.31deg, rgba(255, 255, 255, .7) 2.8%, rgba(255, 255, 255, .7) 98.63%);
    background: linear-gradient(208.69deg, rgba(255, 255, 255, .7) 2.8%, rgba(255, 255, 255, .7) 98.63%);
    -webkit-backdrop-filter: blur(11px);
    backdrop-filter: blur(11px);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    -o-transition: -o-transform .5s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: transform .5s cubic-bezier(.19, 1, .22, 1), -moz-transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: transform .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1), -moz-transform .5s cubic-bezier(.19, 1, .22, 1), -o-transform .5s cubic-bezier(.19, 1, .22, 1);
}
.sf-recognition-item-info {
    position: absolute;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s;
}
.sf-recognition-item-logo {
    margin-bottom: 20px;
}
@media (min-width:768px) {
    .sf-recognition-item-logo {
    margin-bottom: 15px;
}
}@media (min-width:1024px) {
    .sf-recognition-item-logo {
    margin-bottom: 16px;
}
}.sf-recognition-item-logo img {
    width: 100%}
.sf-recognition-item-text {
    max-width: 138px;
    color: rgba(3, 19, 63, .6);
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-recognition-item-text {
    max-width: 175px;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}
}@media (min-width:1400px) {
    .sf-recognition-item-text {
    max-width: 210px;
    font-size: 15px;
    line-height: 22px;
}
}.sf-recognition-item.-v1 .sf-recognition-item-logo {
    width: 86px;
    height: 27px;
}
@media (min-width:1024px) {
    .sf-recognition-item.-v1 .sf-recognition-item-logo {
    width: 106px;
    height: 33px;
}
}.sf-recognition-item.-v1 .sf-recognition-item-img {
    width: 115px;
    height: 142px;
}
@media (min-width:768px) {
    .sf-recognition-item.-v1 .sf-recognition-item-img {
    width: 98px;
    height: 121px;
}
}@media (min-width:1024px) {
    .sf-recognition-item.-v1 .sf-recognition-item-img {
    width: 121px;
    height: 149px;
}
}@media (min-width:1400px) {
    .sf-recognition-item.-v1 .sf-recognition-item-img {
    width: 139px;
    height: 172px;
}
}@media (min-width:1600px) {
    .sf-recognition-item.-v1 .sf-recognition-item-img {
    width: 145px;
    height: 180px;
}
}.sf-recognition-item.-v1 .sf-recognition-item-info {
    top: 16px;
    right: 15px;
}
@media (min-width:768px) {
    .sf-recognition-item.-v1 .sf-recognition-item-info {
    right: 7px;
}
}@media (min-width:1024px) {
    .sf-recognition-item.-v1 .sf-recognition-item-info {
    top: 20px;
    right: 15px;
}
}@media (min-width:1200px) {
    .sf-recognition-item.-v1 .sf-recognition-item-info {
    top: 25px;
    right: 27px;
}
}@media (min-width:1600px) {
    .sf-recognition-item.-v1 .sf-recognition-item-info {
    right: 38px;
}
}.sf-recognition-item.-v2 .sf-recognition-item-logo {
    width: 121px;
    height: 50px;
}
@media (min-width:768px) {
    .sf-recognition-item.-v2 .sf-recognition-item-logo {
    width: 96px;
    height: 41px;
}
}@media (min-width:1024px) {
    .sf-recognition-item.-v2 .sf-recognition-item-logo {
    width: 122px;
    height: 51px;
}
}.sf-recognition-item.-v2 .sf-recognition-item-img {
    width: 165px;
    height: 131px;
}
@media (min-width:768px) {
    .sf-recognition-item.-v2 .sf-recognition-item-img {
    width: 141px;
    height: 110px;
}
}@media (min-width:1024px) {
    .sf-recognition-item.-v2 .sf-recognition-item-img {
    width: 174px;
    height: 130px;
}
}@media (min-width:1400px) {
    .sf-recognition-item.-v2 .sf-recognition-item-img {
    width: 201px;
    height: 158px;
}
}@media (min-width:1600px) {
    .sf-recognition-item.-v2 .sf-recognition-item-img {
    width: 210px;
    height: 165px;
}
}.sf-recognition-item.-v2 .sf-recognition-item-info {
    top: 20px;
    left: 15px;
}
@media (min-width:768px) {
    .sf-recognition-item.-v2 .sf-recognition-item-info {
    left: -15px;
}
}@media (min-width:1024px) {
    .sf-recognition-item.-v2 .sf-recognition-item-info {
    top: 25px;
    left: -20px;
}
}@media (min-width:1200px) {
    .sf-recognition-item.-v2 .sf-recognition-item-info {
    top: 30px;
    left: -25px;
}
}@media (min-width:1600px) {
    .sf-recognition-item.-v2 .sf-recognition-item-info {
    left: -30px;
}
}.sf-recognition-item.-v3 .sf-recognition-item-logo {
    width: 77px;
    height: 18px;
}
@media (min-width:768px) {
    .sf-recognition-item.-v3 .sf-recognition-item-logo {
    width: 86px;
    height: 20px;
}
}@media (min-width:1024px) {
    .sf-recognition-item.-v3 .sf-recognition-item-logo {
    width: 106px;
    height: 25px;
}
}.sf-recognition-item.-v3 .sf-recognition-item-img {
    width: 108px;
    height: 142px;
}
@media (min-width:768px) {
    .sf-recognition-item.-v3 .sf-recognition-item-img {
    width: 93px;
    height: 121px;
}
}@media (min-width:1024px) {
    .sf-recognition-item.-v3 .sf-recognition-item-img {
    width: 115px;
    height: 149px;
}
}@media (min-width:1400px) {
    .sf-recognition-item.-v3 .sf-recognition-item-img {
    width: 135px;
    height: 173px;
}
}@media (min-width:1600px) {
    .sf-recognition-item.-v3 .sf-recognition-item-img {
    width: 140px;
    height: 180px;
}
}.sf-recognition-item.-v3 .sf-recognition-item-info {
    top: 20px;
    left: 15px;
}
@media (min-width:768px) {
    .sf-recognition-item.-v3 .sf-recognition-item-info {
    left: 24px;
}
}@media (min-width:1024px) {
    .sf-recognition-item.-v3 .sf-recognition-item-info {
    top: 25px;
    left: 29px;
}
}@media (min-width:1200px) {
    .sf-recognition-item.-v3 .sf-recognition-item-info {
    top: 30px;
    left: 54px;
}
}@media (min-width:1600px) {
    .sf-recognition-item.-v3 .sf-recognition-item-info {
    left: 64px;
}
}.sf-recognition-item.-v4 .sf-recognition-item-logo {
    width: 77px;
    height: 23px;
}
@media (min-width:768px) {
    .sf-recognition-item.-v4 .sf-recognition-item-logo {
    width: 82px;
    height: 24px;
}
}@media (min-width:1024px) {
    .sf-recognition-item.-v4 .sf-recognition-item-logo {
    width: 101px;
    height: 29px;
}
}.sf-recognition-item.-v4 .sf-recognition-item-img {
    width: 108px;
    height: 176px;
}
@media (min-width:768px) {
    .sf-recognition-item.-v4 .sf-recognition-item-img {
    width: 93px;
    height: 150px;
}
}@media (min-width:1024px) {
    .sf-recognition-item.-v4 .sf-recognition-item-img {
    width: 115px;
    height: 186px;
}
}@media (min-width:1400px) {
    .sf-recognition-item.-v4 .sf-recognition-item-img {
    width: 135px;
    height: 216px;
}
}@media (min-width:1600px) {
    .sf-recognition-item.-v4 .sf-recognition-item-img {
    width: 140px;
    height: 225px;
}
}.sf-recognition-item.-v4 .sf-recognition-item-info {
    top: 20px;
    left: 15px;
}
@media (min-width:768px) {
    .sf-recognition-item.-v4 .sf-recognition-item-info {
    left: 29px;
    top: auto;
    bottom: 20px;
}
}@media (min-width:1024px) {
    .sf-recognition-item.-v4 .sf-recognition-item-info {
    bottom: 25px;
    left: 34px;
}
}@media (min-width:1200px) {
    .sf-recognition-item.-v4 .sf-recognition-item-info {
    bottom: 30px;
    left: 59px;
}
}@media (min-width:1600px) {
    .sf-recognition-item.-v4 .sf-recognition-item-info {
    left: 69px;
}
}.sf-recognition-item.-v5 {
    margin: -8px 0 0 0;
    -webkit-transform: translateX(6px);
    -moz-transform: translateX(6px);
    -ms-transform: translateX(6px);
    -o-transform: translateX(6px);
    transform: translateX(6px);
}
@media (min-width:768px) {
    .sf-recognition-item.-v5 {
    margin: 0;
    -webkit-transform: initial;
    -moz-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial;
}
}.sf-recognition-item.-v5 .sf-recognition-item-logo {
    width: 129px;
    height: 19px;
}
@media (min-width:1024px) {
    .sf-recognition-item.-v5 .sf-recognition-item-logo {
    width: 160px;
    height: 24px;
}
}.sf-recognition-item.-v5 .sf-recognition-item-img {
    width: 158px;
    height: 130px;
}
@media (min-width:768px) {
    .sf-recognition-item.-v5 .sf-recognition-item-img {
    width: 134px;
    height: 111px;
}
}@media (min-width:1024px) {
    .sf-recognition-item.-v5 .sf-recognition-item-img {
    width: 166px;
    height: 137px;
}
}@media (min-width:1400px) {
    .sf-recognition-item.-v5 .sf-recognition-item-img {
    width: 192px;
    height: 159px;
}
}@media (min-width:1600px) {
    .sf-recognition-item.-v5 .sf-recognition-item-img {
    width: 200px;
    height: 165px;
}
}.sf-recognition-item.-v5 .sf-recognition-item-info {
    top: 20px;
    left: 15px;
}
@media (min-width:768px) {
    .sf-recognition-item.-v5 .sf-recognition-item-info {
    left: 20px;
}
}@media (min-width:1024px) {
    .sf-recognition-item.-v5 .sf-recognition-item-info {
    top: 25px;
    left: 26px;
}
}@media (min-width:1200px) {
    .sf-recognition-item.-v5 .sf-recognition-item-info {
    top: 30px;
    left: 57px;
}
}@media (min-width:1600px) {
    .sf-recognition-item.-v5 .sf-recognition-item-info {
    left: 70px;
}
}.sf-recognition-item:hover .sf-recognition-item-info {
    opacity: 1;
}
.sf-recognition-item:hover .sf-recognition-item-img::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
.sf-progress {
    display: none;
}
@media (min-width:768px) {
    .sf-progress {
    display: block;
    position: fixed;
    right: 14px;
    bottom: 40px;
    z-index: 10;
    color: #fff;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
}
}@media (min-width:1024px) {
    .sf-progress {
    right: 34px;
    bottom: 50px;
}
}@media (min-width:1200px) {
    .sf-progress {
    right: 40px;
}
}@media (min-width:1600px) {
    .sf-progress {
    right: 80px;
    bottom: 60px;
}
}.sf-progress-line {
    position: relative;
    width: 1px;
    height: 96px;
    margin: 0 auto 14px;
    background: rgba(255, 255, 255, .1);
    -webkit-transition: background .5s;
    -o-transition: background .5s;
    -moz-transition: background .5s;
    transition: background .5s;
}
@media (min-width:1024px) {
    .sf-progress-line {
    width: 2px;
    height: 157px;
    margin-bottom: 19px;
}
}@media (min-width:1600px) {
    .sf-progress-line {
    height: 210px;
    margin-bottom: 25px;
}
}.sf-progress-line-current {
    position: absolute;
    left: 0;
    right: 0;
    height: 24px;
    background: #fff;
    -webkit-transition: background .5s;
    -o-transition: background .5s;
    -moz-transition: background .5s;
    transition: background .5s;
}
@media (min-width:768px) {
    .sf-progress-line-current {
    height: 33px;
}
}@media (min-width:1600px) {
    .sf-progress-line-current {
    height: 44px;
}
}.sf-progress-text {
    height: 120px;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .02em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    white-space: nowrap;
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    -moz-transition: color .5s;
    transition: color .5s;
}
.sf-progress.-color-dark .sf-progress-line {
    background: rgba(154, 160, 177, .3);
}
.sf-progress.-color-dark .sf-progress-line-current {
    background: #03133f;
}
.sf-progress.-color-dark .sf-progress-text {
    color: #03133f;
}
.sf-progress.-hide {
    opacity: 0;
}
.sf-tophead {
    overflow: hidden;
}
.sf-tophead-content {
    position: relative;
    padding: 120px 0 80px 0;
    text-align: center;
}
@media (min-width:768px) {
    .sf-tophead-content {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
}
}.sf-tophead.-inverse .sf-tophead-content {
    background: #020213;
    color: #fff;
}
.sf-tophead-container {
    margin: 0 auto;
}
.sf-tophead-title {
    margin: 0 0 10px 0;
}
@media (min-width:768px) {
    .sf-tophead-title {
    margin: 0 0 30px 0;
}
}@media (min-width:1600px) {
    .sf-tophead-title {
    margin: 0 0 40px 0;
}
}.sf-tophead-title h1 {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-tophead-title h1 {
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-tophead-title h1 {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-tophead-title h1 {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-tophead-title h1 {
    font-size: 76px;
    line-height: 88px;
}
}.sf-tophead-description p {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: .01em;
    color: #9aa0b1;
}
@media (min-width:768px) {
    .sf-tophead-description p {
    font-size: 16px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-tophead-description p {
    font-size: 18px;
    line-height: 33px;
}
}.sf-tophead-brief p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .01em;
    font-weight: 300;
}
@media (min-width:768px) {
    .sf-tophead-brief p {
    max-width: 564px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 30px;
}
}@media (min-width:1200px) {
    .sf-tophead-brief p {
    max-width: 620px;
    font-size: 22px;
    line-height: 33px;
}
}@media (min-width:1600px) {
    .sf-tophead-brief p {
    max-width: 730px;
    font-size: 26px;
    line-height: 39px;
}
}.sf-tophead-brief p a {
    font-weight: 600;
}
.sf-tophead-video {
    position: absolute;
    top: 67px;
    right: 0;
    height: 90%}
@media (min-width:768px) {
    .sf-tophead-video {
    top: 137px;
    right: 60px;
}
}@media (min-width:1024px) {
    .sf-tophead-video {
    top: 132px;
    right: 62px;
}
}@media (min-width:1200px) {
    .sf-tophead-video {
    top: 101px;
    right: 80px;
}
}@media (min-width:1600px) {
    .sf-tophead-video {
    top: 83px;
    right: 108px;
}
}@supports (mix-blend-mode:screen) {
    .sf-tophead-video {
    mix-blend-mode: screen;
    opacity: .2;
}
}.sf-tophead-video-overlay {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: url("../img/note/1.png") no-repeat right center;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%}
@supports (mix-blend-mode:overlay) {
    .sf-tophead-video-overlay {
    mix-blend-mode: color-dodge;
    background: #2549ca;
}
}.sf-tophead-video video {
    height: 100%}
.sf-quote {
    position: relative;
    z-index: 1;
}
.sf-quote-content {
    padding: 0 0 120px 0;
}
@media (min-width:768px) {
    .sf-quote-content {
    padding: 0 0 180px 0;
}
}@media (min-width:1024px) {
    .sf-quote-content {
    padding: 0 0 220px 0;
}
}@media (min-width:1200px) {
    .sf-quote-content {
    padding: 0 0 250px 0;
}
}@media (min-width:1600px) {
    .sf-quote-content {
    padding: 0 0 300px 0;
}
}.sf-quote-content.-sm {
    padding: 80px 0 100px 0;
}
@media (min-width:768px) {
    .sf-quote-content.-sm {
    padding: 80px 0 140px 0;
}
}@media (min-width:1024px) {
    .sf-quote-content.-sm {
    padding: 80px 0 160px 0;
}
}@media (min-width:1200px) {
    .sf-quote-content.-sm {
    padding: 100px 0 180px 0;
}
}@media (min-width:1600px) {
    .sf-quote-content.-sm {
    padding: 160px 0 200px 0;
}
}.sf-quote-content.-lg {
    padding: 80px 0;
}
@media (min-width:768px) {
    .sf-quote-content.-lg {
    padding: 120px 0;
}
}@media (min-width:1024px) {
    .sf-quote-content.-lg {
    padding: 160px 0;
}
}@media (min-width:1200px) {
    .sf-quote-content.-lg {
    padding: 200px 0 150px 0;
}
}@media (min-width:1600px) {
    .sf-quote-content.-lg {
    padding: 200px 0 140px 0;
}
}.sf-quote-content.-xl {
    padding: 80px 0 160px 0;
}
@media (min-width:768px) {
    .sf-quote-content.-xl {
    padding: 200px 0 238px 0;
}
}@media (min-width:1024px) {
    .sf-quote-content.-xl {
    padding: 220px 0 300px 0;
}
}@media (min-width:1200px) {
    .sf-quote-content.-xl {
    padding: 250px 0 350px 0;
}
}@media (min-width:1600px) {
    .sf-quote-content.-xl {
    padding: 300px 0 440px 0;
}
}@media (min-width:768px) {
    .sf-quote-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
}.sf-quote-body {
    max-width: 320px;
}
@media (min-width:768px) {
    .sf-quote-body {
    max-width: 356px;
}
}@media (min-width:1024px) {
    .sf-quote-body {
    max-width: 400px;
}
}@media (min-width:1600px) {
    .sf-quote-body {
    max-width: 525px;
}
}.sf-quote.-inverse .sf-quote-body {
    max-width: 320px;
}
@media (min-width:768px) {
    .sf-quote.-inverse .sf-quote-body {
    max-width: 410px;
}
}@media (min-width:1024px) {
    .sf-quote.-inverse .sf-quote-body {
    max-width: 460px;
}
}@media (min-width:1600px) {
    .sf-quote.-inverse .sf-quote-body {
    max-width: 590px;
}
}.sf-quote-text {
    max-width: 280px;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-quote-text {
    max-width: 100%}
}.sf-quote.-inverse .sf-quote-text {
    color: #fff;
}
@media (min-width:768px) {
    .sf-quote.-lg .sf-quote-text {
    margin: 20px 0 0 0;
}
}@media (min-width:1024px) {
    .sf-quote.-lg .sf-quote-text {
    margin: 56px 0 0 0;
}
}@media (min-width:1200px) {
    .sf-quote.-lg .sf-quote-text {
    margin: 59px 0 0 0;
}
}@media (min-width:1600px) {
    .sf-quote.-lg .sf-quote-text {
    margin: 69px 0 0 0;
}
}.sf-quote-text b {
    display: block;
    font-size: 26px;
    line-height: .7;
    letter-spacing: -.03em;
    font-weight: 600;
}
.sf-quote-text b:last-child {
    padding: 0 6px 0 0;
    line-height: 1.35;
    text-align: right;
}
@media (min-width:1600px) {
    .sf-quote-text b: last-child {
    padding: 0 19px 0 0;
}
}@media (min-width:768px) {
    .sf-quote-text b {
    font-size: 32px;
}
}@media (min-width:1024px) {
    .sf-quote-text b {
    font-size: 36px;
}
}@media (min-width:1600px) {
    .sf-quote-text b {
    font-size: 46px;
}
}.sf-quote-text p {
    padding: 0;
    margin: 0;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    text-transform: uppercase;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-quote-text p {
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-quote-text p {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-quote-text p {
    font-size: 46px;
    line-height: 60px;
}
}.sf-quote-text span {
    position: relative;
}
.sf-quote-text span b {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #51c8ff;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: center left;
    -moz-transform-origin: center left;
    -ms-transform-origin: center left;
    -o-transform-origin: center left;
    transform-origin: center left;
    z-index: -1;
}
.sf-quote.-inverse .sf-quote-text span {
    background: #244ca2;
}
.sf-quote-text.-lg {
    margin-bottom: 30px;
}
@media (min-width:768px) {
    .sf-quote-text.-lg {
    margin-bottom: 40px;
}
}@media (min-width:1024px) {
    .sf-quote-text.-lg {
    margin-bottom: 50px;
}
}@media (min-width:1200px) {
    .sf-quote-text.-lg {
    margin-bottom: 60px;
}
}@media (min-width:1600px) {
    .sf-quote-text.-lg {
    margin-bottom: 70px;
}
}.sf-quote-description {
    margin: 0 0 20px 0;
}
@media (min-width:768px) {
    .sf-quote-description {
    max-width: 357px;
    margin: 0 0 30px 0;
}
}@media (min-width:1024px) {
    .sf-quote-description {
    margin: 0 0 20px 0;
}
}@media (min-width:1200px) {
    .sf-quote-description {
    max-width: 394px;
}
}@media (min-width:1600px) {
    .sf-quote-description {
    max-width: 410px;
}
}.sf-quote-description p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-quote-description p {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-quote-description p {
    font-size: 18px;
    line-height: 36px;
}
}.sf-quote-link {
    margin: 0 0 30px 0;
}
@media (min-width:768px) {
    .sf-quote-link {
    margin: 0 0 50px 0;
}
}@media (min-width:1600px) {
    .sf-quote-link {
    margin: 0 0 70px 0;
}
}.sf-quote-link a {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
    color: #2549ca;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-quote-link a:focus, .sf-quote-link a:hover {
    text-decoration: none;
    opacity: .8;
}
@media (min-width:768px) {
    .sf-quote-link a {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-quote-link a {
    font-size: 18px;
    line-height: 36px;
}
}.sf-quote-name {
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
    font-weight: 600;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-quote-name {
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1600px) {
    .sf-quote-name {
    font-size: 18px;
    line-height: 25px;
}
}.sf-quote.-inverse .sf-quote-name {
    margin: 50px 0 10px 0;
    color: #fff;
}
@media (min-width:768px) {
    .sf-quote.-inverse .sf-quote-name {
    margin: 18px 0 20px 0;
}
}@media (min-width:1024px) {
    .sf-quote.-inverse .sf-quote-name {
    margin: 24px 0 20px 0;
}
}@media (min-width:1200px) {
    .sf-quote.-inverse .sf-quote-name {
    margin: 30px 0 20px 0;
}
}@media (min-width:1600px) {
    .sf-quote.-inverse .sf-quote-name {
    margin: 38px 0 20px 0;
}
}.sf-quote-position {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
    color: #9aa0b1;
}
@media (min-width:768px) {
    .sf-quote-position {
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1600px) {
    .sf-quote-position {
    font-size: 18px;
    line-height: 25px;
}
}.sf-quote-img {
    max-width: 288px;
    margin: 30px 0 0 0;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-quote-img {
    max-width: 212px;
    margin: 0;
}
}@media (min-width:1024px) {
    .sf-quote-img {
    max-width: 267px;
}
}@media (min-width:1200px) {
    .sf-quote-img {
    max-width: 308px;
}
}@media (min-width:1600px) {
    .sf-quote-img {
    max-width: 320px;
}
}.sf-quote-img img {
    width: 100%}
.sf-quote-img.-xs-hidden {
    display: none;
}
@media (min-width:768px) {
    .sf-quote-img.-xs-hidden {
    display: block;
}
}.sf-quote-img.-sm-hidden {
    display: block;
}
@media (min-width:768px) {
    .sf-quote-img.-sm-hidden {
    display: none;
}
}.sf-quote-img.-xs {
    max-width: 187px;
}
@media (min-width:768px) {
    .sf-quote-img.-xs {
    max-width: 212px;
}
}@media (min-width:1024px) {
    .sf-quote-img.-xs {
    max-width: 267px;
}
}@media (min-width:1200px) {
    .sf-quote-img.-xs {
    max-width: 308px;
}
}@media (min-width:1600px) {
    .sf-quote-img.-xs {
    max-width: 320px;
}
}.sf-quote.-inverse {
    background: #020213;
}
.sf-brief {
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-brief {
    margin-top: -60vh;
}
}.sf-brief-content {
    position: relative;
    height: 409px;
    color: #fff;
    text-align: center;
}
@media (min-width:768px) {
    .sf-brief-content {
    height: 100vh;
}
}.sf-brief-container {
    padding: 0 15px;
}
@media (min-width:768px) {
    .sf-brief-container {
    padding: 0;
}
}.sf-brief-top {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #020213;
}
@media (min-width:768px) {
    .sf-brief-top {
    background: #fff;
}
}.sf-brief-bottom {
    display: none;
    padding: 170px 0 0 0;
}
@media (min-width:768px) {
    .sf-brief-bottom {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 220px 0 0 0;
}
}@media (min-width:1024px) {
    .sf-brief-bottom {
    padding: 241px 0 0 0;
}
}@media (min-width:1200px) {
    .sf-brief-bottom {
    padding: 279px 0 0 0;
}
}@media (min-width:1600px) {
    .sf-brief-bottom {
    padding: 358px 0 0 0;
}
}.sf-brief-video {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 90%}
@media (min-width:768px) {
    .sf-brief-video {
    height: 90%}
}@media (min-width:1200px) {
    .sf-brief-video {
    height: 95%}
}.sf-brief-video video {
    display: none;
    height: 100%;
    opacity: .2;
}
@media (min-width:768px) {
    .sf-brief-video video {
    padding: 0;
}
}@media (min-width:1200px) {
    .sf-brief-video video {
    padding: 0 0 0 200px;
}
}@supports (mix-blend-mode:overlay) {
    .sf-brief-video video {
    display: inline;
}
}.sf-brief-video-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("../img/about/brief/1.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}
@supports (mix-blend-mode:overlay) {
    .sf-brief-video-overlay {
    mix-blend-mode: color-dodge;
    background: #2549ca;
}
}.sf-brief-bg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #020213;
}
@supports (mix-blend-mode:overlay) {
    .sf-brief-bg {
    background: #000;
}
}@media (min-width:768px) {
    .sf-brief-bg {
    display: block;
}
}@media (min-width:768px) {
    .sf-brief-overlay {
    display: none;
}
@supports (mix-blend-mode:screen) {
    .sf-brief-overlay {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #020213;
    mix-blend-mode: screen;
    pointer-events: none;
}
}}@supports (mix-blend-mode:screen) {
    .sf-brief-overlay {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #020213;
    mix-blend-mode: screen;
    pointer-events: none;
}
}.sf-brief-body {
    max-width: 288px;
    margin: 0 auto;
}
@media (min-width:768px) {
    .sf-brief-body {
    max-width: 348px;
}
}@media (min-width:1024px) {
    .sf-brief-body {
    max-width: 464px;
}
}@media (min-width:1200px) {
    .sf-brief-body {
    max-width: 480px;
}
}@media (min-width:1600px) {
    .sf-brief-body {
    max-width: 620px;
}
}@media (min-width:768px) {
    .sf-brief-body.-lg {
    max-width: 476px;
}
}@media (min-width:1024px) {
    .sf-brief-body.-lg {
    max-width: 564px;
}
}@media (min-width:1200px) {
    .sf-brief-body.-lg {
    max-width: 654px;
}
}@media (min-width:1600px) {
    .sf-brief-body.-lg {
    max-width: 725px;
}
}.sf-brief-title {
    margin: 0 0 10px 0;
    position: relative;
    font-size: 28px;
    line-height: 39px;
    letter-spacing: -.03em;
    font-weight: 600;
    text-align: center;
}
@media (min-width:768px) {
    .sf-brief-title {
    margin: 0;
    font-size: 36px;
    line-height: 50px;
    mix-blend-mode: difference;
}
}@media (min-width:1024px) {
    .sf-brief-title {
    font-size: 46px;
    line-height: 64px;
}
}@media (min-width:1200px) {
    .sf-brief-title {
    font-size: 56px;
    line-height: 78px;
}
}@media (min-width:1600px) {
    .sf-brief-title {
    font-size: 76px;
    line-height: 106px;
}
}.sf-brief-description {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
    font-weight: 300;
}
@media (min-width:768px) {
    .sf-brief-description {
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1600px) {
    .sf-brief-description {
    font-size: 22px;
    line-height: 36px;
}
}.sf-brief-description.-sm-hidden {
    display: block;
    position: relative;
}
@media (min-width:768px) {
    .sf-brief-description.-sm-hidden {
    display: none;
}
}.sf-brief-description.-lg {
    font-size: 16px;
    line-height: 22px;
}
@media (min-width:768px) {
    .sf-brief-description.-lg {
    font-size: 18px;
    line-height: 25px;
}
}@media (min-width:1024px) {
    .sf-brief-description.-lg {
    font-size: 20px;
    line-height: 28px;
}
}@media (min-width:1200px) {
    .sf-brief-description.-lg {
    font-size: 22px;
    line-height: 36px;
}
}@media (min-width:1600px) {
    .sf-brief-description.-lg {
    font-size: 26px;
    line-height: 36px;
}
}.sf-brief-by {
    margin: 30px 0 0 0;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.03em;
    text-transform: uppercase;
    color: #244ca2;
}
@media (min-width:768px) {
    .sf-brief-by {
    margin: 40px 0 0 0;
    font-size: 14px;
    line-height: 18px;
}
}@media (min-width:1024px) {
    .sf-brief-by {
    margin: 50px 0 0 0;
    font-size: 16px;
    line-height: 21px;
}
}@media (min-width:1200px) {
    .sf-brief-by {
    font-size: 18px;
    line-height: 23px;
}
}@media (min-width:1600px) {
    .sf-brief-by {
    margin: 70px 0 0 0;
    font-size: 26px;
    line-height: 34px;
}
}.sf-brief-by span {
    margin: 0 0 0 8px;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -.03em;
    font-weight: 600;
    text-transform: initial;
}
@media (min-width:768px) {
    .sf-brief-by span {
    margin: 0 0 0 10px;
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-brief-by span {
    margin: 0 0 0 12px;
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-brief-by span {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-brief-by span {
    margin: 0 0 0 20px;
    font-size: 76px;
    line-height: 88px;
}
}.sf-brief-by.-sm-hidden {
    display: block;
    position: relative;
}
@media (min-width:768px) {
    .sf-brief-by.-sm-hidden {
    display: none;
}
}@media (min-width:768px) {
    .sf-brief.-lg .sf-brief-bottom {
    padding: 260px 0 0 0;
}
}@media (min-width:1024px) {
    .sf-brief.-lg .sf-brief-bottom {
    padding: 290px 0 0 0;
}
}@media (min-width:1200px) {
    .sf-brief.-lg .sf-brief-bottom {
    padding: 320px 0 0 0;
}
}@media (min-width:1600px) {
    .sf-brief.-lg .sf-brief-bottom {
    padding: 410px 0 0 0;
}
}.sf-definition {
    position: relative;
    z-index: 1;
}
.sf-definition-content {
    padding: 120px 0;
}
@media (min-width:768px) {
    .sf-definition-content {
    padding: 0;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}@media (min-width:1200px) {
    .sf-definition-container {
    padding: 0 125px;
}
}@media (min-width:1600px) {
    .sf-definition-container {
    padding: 0 280px;
}
}@media (min-width:768px) {
    .sf-definition-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
}@media (min-width:768px) {
    .sf-definition-grid-col.-right {
    padding: 0 0 0 120px;
}
}@media (min-width:1024px) {
    .sf-definition-grid-col.-right {
    padding: 0 0 0 165px;
}
}@media (min-width:1200px) {
    .sf-definition-grid-col.-right {
    padding: 0 0 0 260px;
}
}@media (min-width:1600px) {
    .sf-definition-grid-col.-right {
    padding: 0 0 0 210px;
}
}.sf-definition-title {
    margin: 0 0 30px 0;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.01em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-definition-title {
    margin: 0;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-definition-title {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-definition-title {
    font-size: 46px;
    line-height: 60px;
}
}.sf-definition-text {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-definition-text {
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-definition-text {
    font-size: 18px;
    line-height: 36px;
}
}.sf-timeline {
    text-align: center;
}
@media (min-width:768px) {
    .sf-timeline {
    margin-top: -60vh;
}
}@media (min-width:768px) {
    .sf-timeline-wrap {
    height: 100vh;
}
}@media (min-width:768px) {
    .sf-timeline-header {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}.sf-timeline-content {
    position: relative;
    color: #fff;
    background: #244ca2;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-timeline-content {
    height: 100vh;
    max-height: 580px;
}
}@media (min-width:1024px) {
    .sf-timeline-content {
    max-height: 800px;
}
}@media (min-width:1600px) {
    .sf-timeline-content {
    max-height: 1100px;
}
}@media (min-width:768px) {
    .sf-timeline-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%}
}.sf-timeline-grid-col.-right {
    position: relative;
    height: 455px;
}
@media (min-width:768px) {
    .sf-timeline-grid-col.-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    height: 100%}
}.sf-timeline-head {
    margin: 0 0 60px 0;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-timeline-head {
    margin: 0 0 68px 0;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1024px) {
    .sf-timeline-head {
    font-size: 46px;
    line-height: 60px;
}
}@media (min-width:1024px) {
    .sf-timeline-head {
    font-size: 56px;
    line-height: 73px;
}
}@media (min-width:1600px) {
    .sf-timeline-head {
    margin: 0 0 100px 0;
    font-size: 76px;
    line-height: 99px;
}
}.sf-timeline-imgs {
    position: relative;
    width: 100%;
    height: 278px;
}
@media (min-width:768px) {
    .sf-timeline-imgs {
    width: 268px;
    height: 100%}
}@media (min-width:1024px) {
    .sf-timeline-imgs {
    width: 366px;
}
}@media (min-width:1200px) {
    .sf-timeline-imgs {
    width: 433px;
}
}@media (min-width:1600px) {
    .sf-timeline-imgs {
    width: 620px;
}
}.sf-timeline-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (min-width:768px) {
    .sf-timeline-img {
    background-position: center center;
}
}.sf-timeline-img.-prev {
    z-index: 1;
}
.sf-timeline-img.-active {
    z-index: 2;
}
.sf-timeline-body {
    height: 100%;
    width: 100%;
    padding: 0 100px 0 16px;
    text-align: left;
}
@media (min-width:768px) {
    .sf-timeline-body {
    padding: 0;
    margin: 0 0 0 70px;
    max-width: 267px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}@media (min-width:1024px) {
    .sf-timeline-body {
    margin: 0 0 0 87px;
    max-width: 358px;
}
}@media (min-width:1200px) {
    .sf-timeline-body {
    margin: 0 0 0 150px;
    max-width: 432px;
}
}@media (min-width:1600px) {
    .sf-timeline-body {
    margin: 0 0 0 180px;
    max-width: 460px;
}
}.sf-timeline-title {
    margin: 0 0 35px 0;
    font-size: 28px;
    line-height: 22px;
    letter-spacing: -.03em;
    text-transform: uppercase;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-timeline-title {
    margin: 0 0 40px 0;
    font-size: 36px;
    line-height: 29px;
}
}@media (min-width:1024px) {
    .sf-timeline-title {
    margin: 0 0 45px 0;
    font-size: 46px;
    line-height: 37px;
}
}@media (min-width:1200px) {
    .sf-timeline-title {
    margin: 0 0 50px 0;
    font-size: 56px;
    line-height: 45px;
}
}@media (min-width:1600px) {
    .sf-timeline-title {
    margin: 0 0 60px 0;
    font-size: 76px;
    line-height: 61px;
}
}.sf-timeline-text {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:1024px) {
    .sf-timeline-text {
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-timeline-text {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-timeline-text {
    font-size: 26px;
    line-height: 34px;
}
}.sf-timeline-text-item {
    margin: 0 0 25px 0;
}
.sf-timeline-text-item:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-timeline-text-item {
    margin: 0 0 30px 0;
}
}@media (min-width:1024px) {
    .sf-timeline-text-item {
    margin: 0 0 35px 0;
}
}@media (min-width:1200px) {
    .sf-timeline-text-item {
    margin: 0 0 40px 0;
}
}@media (min-width:1600px) {
    .sf-timeline-text-item {
    margin: 0 0 50px 0;
}
}.sf-timeline-items {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.sf-timeline-item {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.sf-timeline-item.-active {
    -webkit-animation: .4s sf-timeline-item-in .5s both;
    -moz-animation: .4s sf-timeline-item-in .5s both;
    -o-animation: .4s sf-timeline-item-in .5s both;
    animation: .4s sf-timeline-item-in .5s both;
}
.sf-timeline-item.-hidden, .sf-timeline-item.sf-cursor.-text {
    -webkit-animation: sf-timeline-item-out .5s both;
    -moz-animation: sf-timeline-item-out .5s both;
    -o-animation: sf-timeline-item-out .5s both;
    animation: sf-timeline-item-out .5s both;
}
.sf-timeline-nav {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.sf-timeline-nav-items {
    margin: -12px 0;
    padding-right: 44px;
}
@media (min-width:768px) {
    .sf-timeline-nav-items {
    margin: -15px 0;
    padding-right: 60px;
}
}@media (min-width:1200px) {
    .sf-timeline-nav-items {
    padding-right: 70px;
}
}.sf-timeline-nav-item {
    position: relative;
    display: block;
    padding: 12px 0;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.03em;
    color: #cccfd8;
    opacity: .5;
    -webkit-transition: opacity .3s, color .3s;
    -o-transition: opacity .3s, color .3s;
    -moz-transition: opacity .3s, color .3s;
    transition: opacity .3s, color .3s;
}
@media (min-width:768px) {
    .sf-timeline-nav-item {
    padding: 15px 0;
    font-size: 16px;
    line-height: 21px;
}
}@media (min-width:1024px) {
    .sf-timeline-nav-item {
    font-size: 18px;
    line-height: 23px;
}
}.sf-timeline-nav-item:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -28px;
    width: 12px;
    height: 2px;
    background: #cccfd8;
    opacity: .5;
    -webkit-transform-origin: center right;
    -moz-transform-origin: center right;
    -ms-transform-origin: center right;
    -o-transform-origin: center right;
    transform-origin: center right;
    -webkit-transition: opacity .3s, right .3s, -webkit-transform .3s;
    transition: opacity .3s, right .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, right .3s, -o-transform .3s;
    -moz-transition: transform .3s, opacity .3s, right .3s, -moz-transform .3s;
    transition: transform .3s, opacity .3s, right .3s;
    transition: transform .3s, opacity .3s, right .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
}
@media (min-width:768px) {
    .sf-timeline-nav-item: after {
    right: -40px;
    width: 16px;
}
}@media (min-width:1024px) {
    .sf-timeline-nav-item: after {
    right: -50px;
}
}.sf-timeline-nav-item:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100px;
}
.sf-timeline-nav-item:focus, .sf-timeline-nav-item:hover {
    text-decoration: none;
    color: #fff;
    opacity: 1;
}
.sf-timeline-nav-item:hover:after {
    -webkit-transform: scaleX(1.7);
    -moz-transform: scaleX(1.7);
    -ms-transform: scaleX(1.7);
    -o-transform: scaleX(1.7);
    transform: scaleX(1.7);
    opacity: 1;
}
@media (min-width:768px) {
    .sf-timeline-nav-item: hover:after {
    -webkit-transform: scaleX(1.8);
    -moz-transform: scaleX(1.8);
    -ms-transform: scaleX(1.8);
    -o-transform: scaleX(1.8);
    transform: scaleX(1.8);
}
}@media (min-width:1024px) {
    .sf-timeline-nav-item: hover:after {
    -webkit-transform: scaleX(2.5);
    -moz-transform: scaleX(2.5);
    -ms-transform: scaleX(2.5);
    -o-transform: scaleX(2.5);
    transform: scaleX(2.5);
}
}.sf-timeline-nav-item span {
    display: block;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
}
.sf-timeline-nav-item.-active {
    color: #80d7fe;
    opacity: 1;
}
.sf-timeline-nav-item.-active:after {
    background: #80d7fe;
    opacity: 1;
    -webkit-transform: scaleX(3.65);
    -moz-transform: scaleX(3.65);
    -ms-transform: scaleX(3.65);
    -o-transform: scaleX(3.65);
    transform: scaleX(3.65);
    right: -44px;
}
@media (min-width:768px) {
    .sf-timeline-nav-item.-active: after {
    right: -60px;
}
}@media (min-width:1200px) {
    .sf-timeline-nav-item.-active: after {
    -webkit-transform: scaleX(3.75);
    -moz-transform: scaleX(3.75);
    -ms-transform: scaleX(3.75);
    -o-transform: scaleX(3.75);
    transform: scaleX(3.75);
    right: -70px;
}
}.sf-timeline-nav-item.-active span {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
}
@-webkit-keyframes sf-timeline-item-out {
    0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
}
}@-moz-keyframes sf-timeline-item-out {
    0% {
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
100% {
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
}
}@-o-keyframes sf-timeline-item-out {
    0% {
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
100% {
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
}
}@keyframes sf-timeline-item-out {
    0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
}
}@-webkit-keyframes sf-timeline-item-in {
    0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
}@-moz-keyframes sf-timeline-item-in {
    0% {
    -moz-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
}
100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
}@-o-keyframes sf-timeline-item-in {
    0% {
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
}
100% {
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
}@keyframes sf-timeline-item-in {
    0% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
}
100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
}.sf-header {
    background: #020213;
    color: #fff;
}
.sf-header-content {
    padding: 120px 0 50px;
}
@media (min-width:768px) {
    .sf-header-content {
    padding: 200px 0 80px;
}
}@media (min-width:1200px) {
    .sf-header-content {
    padding-bottom: 100px;
}
}@media (min-width:1600px) {
    .sf-header-content {
    padding: 245px 0 150px;
}
}.sf-header-heading {
    position: relative;
    text-align: center;
}
.sf-header-figure {
    position: absolute;
    top: 115px;
    left: 50%;
    right: 0;
    height: 155px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (min-width:768px) {
    .sf-header-figure {
    height: 361px;
    top: 141px;
}
}@media (min-width:1024px) {
    .sf-header-figure {
    height: 520px;
    top: 75px;
}
}@media (min-width:1200px) {
    .sf-header-figure {
    top: 95px;
}
}@media (min-width:1600px) {
    .sf-header-figure {
    height: 600px;
    top: 118px;
}
}.sf-header-figure img {
    height: 100%}
.sf-header-title {
    margin: 0 0 10px;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-header-title {
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-header-title {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-header-title {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-header-title {
    margin-bottom: 40px;
    font-size: 76px;
    line-height: 88px;
}
}.sf-header-description {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-header-description {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-header-description {
    font-size: 18px;
    line-height: 36px;
}
}.sf-header-description p {
    margin: 0;
}
.sf-header-description.-whitepaper {
    font-size: 56px;
    line-height: 65px;
}
.sf-header-description.-usecase {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 40px;
}
.sf-header-caption {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sf-header-caption-title {
    margin: 0;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-header-caption-title {
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-header-caption-title {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-header-caption-title {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-header-caption-title {
    font-size: 76px;
    line-height: 88px;
}
}.sf-header-caption-link {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 30px;
    color: #51c8ff;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .135em;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #51c8ff), to(#51c8ff));
    background-image: -webkit-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: -moz-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: -o-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: linear-gradient(0deg, #51c8ff 0, #51c8ff 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.sf-header-caption-link:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
@media (min-width:1024px) {
    .sf-header-caption-link {
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-header-caption-link {
    font-size: 18px;
    line-height: 27px;
}
}.sf-header-selection {
    margin: 50px auto 0 auto;
}
@media (min-width:768px) {
    .sf-header-selection {
    width: 640px;
}
}@media (min-width:1024px) {
    .sf-header-selection {
    width: 580px;
}
}@media (min-width:1200px) {
    .sf-header-selection {
    margin: 76px auto 0 auto;
}
}@media (min-width:1600px) {
    .sf-header-selection {
    width: 640px;
    margin: 116px auto 0 auto;
}
}@media (min-width:768px) {
    .sf-header-selection-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
}
}.sf-header-selection-item {
    margin: 0 0 20px 0;
}
@media (min-width:768px) {
    .sf-header-selection-item {
    width: 50%;
    padding: 0 10px;
    marging: 0;
}
}.sf-header-text {
    margin-top: 42px;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-header-text {
    margin-top: 50px;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-header-text {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-header-text {
    margin-top: 60px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-header-text {
    margin-top: 80px;
    font-size: 46px;
    line-height: 60px;
}
}.sf-header-text br {
    display: none;
}
@media (min-width:768px) {
    .sf-header-text br {
    display: block;
}
}.sf-header-text.-lg {
    margin: 100px 0 0 0;
}
@media (min-width:768px) {
    .sf-header-text.-lg {
    margin: 240px 0 0 0;
}
}@media (min-width:1024px) {
    .sf-header-text.-lg {
    margin: 230px 0 0 0;
}
}@media (min-width:1200px) {
    .sf-header-text.-lg {
    margin: 255px 0 0 0;
}
}@media (min-width:1600px) {
    .sf-header-text.-lg {
    margin: 300px 0 0 0;
}
}.sf-header-text.-usecase {
    margin-top: 40px;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
}
.sf-header.-xs .sf-header-content {
    padding-bottom: 0;
}
.sf-header.-sm .sf-header-content {
    padding-bottom: 40px;
}
@media (min-width:768px) {
    .sf-header.-sm .sf-header-content {
    padding-bottom: 50px;
}
}@media (min-width:1200px) {
    .sf-header.-sm .sf-header-content {
    padding-bottom: 60px;
}
}@media (min-width:1600px) {
    .sf-header.-sm .sf-header-content {
    padding-bottom: 80px;
}
}.sf-description {
    position: relative;
    z-index: 1;
}
.sf-description-content {
    padding: 120px 0;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-description-content {
    padding: 120px 0 140px;
}
}@media (min-width:1024px) {
    .sf-description-content {
    padding: 140px 0 160px;
}
}@media (min-width:1200px) {
    .sf-description-content {
    padding: 140px 0 180px;
}
}@media (min-width:1600px) {
    .sf-description-content {
    padding: 160px 0 200px;
}
}.sf-description-contentcase {
    padding: 120px 0;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-description-contentcase {
    padding: 120px 0 40px;
}
}@media (min-width:1024px) {
    .sf-description-contentcase {
    padding: 90px 0 40px;
}
}@media (min-width:1200px) {
    .sf-description-contentcase {
    padding: 100px 0 40px;
}
}@media (min-width:1600px) {
    .sf-description-contentcase {
    padding: 105px 0 40px;
}
}.sf-description-title {
    max-width: 450px;
    margin: 0 0 51px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-description-title {
    max-width: 595px;
    margin: 0 auto 80px;
    font-size: 32px;
    line-height: 42px;
    text-align: center;
}
}@media (min-width:1024px) {
    .sf-description-title {
    max-width: 688px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-description-title {
    max-width: 770px;
    margin-bottom: 100px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-description-title {
    max-width: 900px;
    font-size: 46px;
    line-height: 60px;
}
}.sf-description-title.-left {
    margin: 0 0 50px 0;
    text-align: left;
}
@media (min-width:768px) {
    .sf-description-title.-left {
    margin: 0 0 60px 0;
}
}.sf-description-name {
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-description-name {
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1600px) {
    .sf-description-name {
    font-size: 18px;
    line-height: 25px;
}
}.sf-description-position {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
    color: #9aa0b1;
}
@media (min-width:768px) {
    .sf-description-position {
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-description-position {
    font-size: 18px;
    line-height: 27px;
}
}.sf-description-caption {
    margin: 0 0 50px;
    color: #020213;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-description-caption {
    margin-bottom: 60px;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-description-caption {
    margin-bottom: 80px;
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-description-caption {
    margin-bottom: 100px;
    font-size: 26px;
    line-height: 34px;
}
}.sf-description-text {
    color: #020213;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-description-text {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-description-text {
    font-size: 18px;
    line-height: 36px;
}
}.sf-description-text p {
    margin: 0 0 20px;
}
.sf-description-text p:last-child {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .sf-description-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
}
}.sf-description-grid-col {
    margin-bottom: 50px;
}
.sf-description-grid-col:last-child {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .sf-description-grid-col {
    width: 50%;
    margin-bottom: 0;
    padding: 0 20px;
}
}@media (min-width:768px) {
    .sf-description-grid-col.-left {
    padding-right: 50px;
}
}@media (min-width:1024px) {
    .sf-description-grid-col.-left {
    padding-right: 74px;
}
}@media (min-width:1200px) {
    .sf-description-grid-col.-left {
    padding-right: 80px;
}
}@media (min-width:1600px) {
    .sf-description-grid-col.-left {
    padding-right: 70px;
}
}.sf-description-grid-col.-center {
    text-align: center;
}
@media (min-width:768px) {
    .sf-description-grid-col.-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}.sf-description.-sm .sf-description-grid-col {
    margin-bottom: 20px;
}
@media (min-width:768px) {
    .sf-description-griddeal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px 60px;
    margin-bottom: 12px;
    text-align: center;
    font-family: sans-serif;
}
}.sf-description-griddeal.products_chosen::after {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 6px solid #2d353f;
    content: "";
    float: right;
    height: 0;
    width: 0;
    position: relative;
    bottom: 27px;
    right: 5px;
}
.sf-description-griddeal.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    height: 45px;
    font-size: 135%;
    font-family: inherit;
    color: #495057;
    margin: 3px 16px;
    font-weight: 100;
}
.sf-description-griddeal.input {
    width: 100%;
    margin-bottom: 30px;
}
.sf-description-griddeal-col {
    margin-bottom: 50px;
}
.sf-description-griddeal-col:last-child {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .sf-description-griddeal-col {
    width: 50%;
    margin-bottom: 15px;
    padding: 0 0;
    font-size: 22px;
}
}.sf-description-griddeal-col select {
    font-family: sans-serif;
}
.sf-description-griddeal-col.-formcontrol {
    width: 50%;
    border-color: #3d5a7d;
}
.sf-description-griddeal-col h2 {
    font-size: 26px;
    padding-top: 20px;
    padding-bottom: 20px;
}
@media (min-width:768px) {
    .sf-description-griddeal-col.-left {
    padding-right: 50px;
    padding-left: 50px;
}
}@media (min-width:1024px) {
    .sf-description-griddeal-col.-left {
    padding-right: 74px;
    padding-left: 74px;
}
}@media (min-width:1200px) {
    .sf-description-griddeal-col.-left {
    padding-right: 80px;
    padding-left: 80px;
}
}@media (min-width:1600px) {
    .sf-description-griddeal-col.-left {
    padding-right: 70px;
    padding-left: 70px;
}
}.sf-description-griddeal-col.-center {
    text-align: center;
    padding-top: 64px;
    padding-left: 260px;
}
@media (min-width:768px) {
    .sf-description-griddeal-col.-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}.sf-description.-sm .sf-description-griddeal-col {
    margin-bottom: 20px;
}
.sf-description-imgbanner {
    height: 300px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
.sf-description-video {
    margin-top: 80px;
    position: relative;
}
@media (min-width:1200px) {
    .sf-description-video {
    margin-top: 100px;
}
}@media (min-width:1600px) {
    .sf-description-video {
    margin-top: 105px;
}
}.sf-description-video-img {
    height: 300px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
.sf-description-video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, .3);
    border: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.sf-description-video-play-ico {
    width: 28px;
    height: 31px;
    margin: -3px 0 0 4px;
    color: #fff;
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -o-transform: rotate(9deg);
    transform: rotate(9deg);
}
@media (min-width:1600px) {
    .sf-description-video-play-ico {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
}.sf-description-video-play-ico svg {
    width: 100%;
    height: 100%}
.sf-description-img {
    margin-top: 50px;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 40px 40px 34px rgba(214, 215, 218, .23);
    -moz-box-shadow: 40px 40px 34px rgba(214, 215, 218, .23);
    box-shadow: 40px 40px 34px rgba(214, 215, 218, .23);
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-description-img {
    margin-top: 80px;
}
}@media (min-width:1024px) {
    .sf-description-img {
    margin-top: 120px;
}
}@media (min-width:1200px) {
    .sf-description-img {
    margin-top: 130px;
}
}@media (min-width:1600px) {
    .sf-description-img {
    margin-top: 150px;
}
}.sf-description-img img {
    display: block;
    width: 100%}
.sf-description-year {
    margin: 0 0 137px 0;
}
@media (min-width:768px) {
    .sf-description-year {
    margin: 0;
}
}.sf-description-year-img {
    position: absolute;
    height: 288px;
    top: -59px;
    right: -63px;
}
@media (min-width:768px) {
    .sf-description-year-img {
    height: 350px;
    top: -79px;
    right: -106px;
}
}@media (min-width:1024px) {
    .sf-description-year-img {
    height: 440px;
    top: -105px;
    right: -131px;
}
}@media (min-width:1200px) {
    .sf-description-year-img {
    height: 449px;
    top: -100px;
    right: -137px;
}
}@media (min-width:1600px) {
    .sf-description-year-img {
    height: 500px;
    top: -127px;
    right: -157px;
}
}.sf-description-year-img img {
    height: 100%}
.sf-description-year-text {
    display: inline-block;
    position: relative;
    font-size: 100px;
    line-height: 130px;
    letter-spacing: -.03em;
    font-weight: 600;
    text-transform: uppercase;
    color: #244ca2;
}
@media (min-width:768px) {
    .sf-description-year-text {
    font-size: 132px;
    line-height: 172px;
}
}@media (min-width:1024px) {
    .sf-description-year-text {
    font-size: 166px;
    line-height: 217px;
}
}@media (min-width:1200px) {
    .sf-description-year-text {
    font-size: 190px;
    line-height: 247px;
}
}@media (min-width:1600px) {
    .sf-description-year-text {
    font-size: 200px;
    line-height: 260px;
}
}.sf-description-year-text span {
    position: absolute;
    top: -20px;
    left: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-description-year-text span {
    top: -10px;
    font-size: 16px;
    line-height: 21px;
}
}@media (min-width:1024px) {
    .sf-description-year-text span {
    top: 0;
    font-size: 22px;
    line-height: 28px;
}
}@media (min-width:1200px) {
    .sf-description-year-text span {
    font-size: 26px;
    line-height: 34px;
}
}.sf-description.-indent-xs .sf-description-content {
    padding: 0;
}
.sf-description.-sm .sf-description-content {
    padding: 60px 0 80px 0;
}
@media (min-width:768px) {
    .sf-description.-sm .sf-description-content {
    padding: 120px 0;
}
}@media (min-width:1024px) {
    .sf-description.-sm .sf-description-content {
    padding: 80px 0;
}
}@media (min-width:1200px) {
    .sf-description.-sm .sf-description-content {
    padding: 100px 0;
}
}@media (min-width:1600px) {
    .sf-description.-sm .sf-description-content {
    padding: 140px 0;
}
}.sf-description.-lg .sf-description-content {
    padding: 120px 0 109px;
}
@media (min-width:768px) {
    .sf-description.-lg .sf-description-content {
    padding: 180px 0 160px;
}
}@media (min-width:1024px) {
    .sf-description.-lg .sf-description-content {
    padding: 220px 0 160px;
}
}@media (min-width:1200px) {
    .sf-description.-lg .sf-description-content {
    padding: 250px 0 180px;
}
}@media (min-width:1600px) {
    .sf-description.-lg .sf-description-content {
    padding: 302px 0 200px;
}
}.sf-description.-xl .sf-description-content {
    padding: 100px 0;
}
@media (min-width:768px) {
    .sf-description.-xl .sf-description-content {
    padding: 140px 0;
}
}@media (min-width:1024px) {
    .sf-description.-xl .sf-description-content {
    padding: 160px 0;
}
}@media (min-width:1200px) {
    .sf-description.-xl .sf-description-content {
    padding: 180px 0;
}
}@media (min-width:1600px) {
    .sf-description.-xl .sf-description-content {
    padding: 200px 0;
}
}.sf-description.-xs .sf-description-content {
    padding: 0 0 109px;
}
@media (min-width:768px) {
    .sf-description.-xs .sf-description-content {
    padding: 0 0 160px;
}
}@media (min-width:1024px) {
    .sf-description.-xs .sf-description-content {
    padding: 0 0 160px;
}
}@media (min-width:1200px) {
    .sf-description.-xs .sf-description-content {
    padding: 0 0 180px;
}
}@media (min-width:1600px) {
    .sf-description.-xs .sf-description-content {
    padding: 0 0 200px;
}
}.sf-description.-md .sf-description-content {
    padding: 0 0 50px;
}
@media (min-width:768px) {
    .sf-description.-md .sf-description-content {
    padding: 0 0 60px;
}
}@media (min-width:1600px) {
    .sf-description.-md .sf-description-content {
    padding: 0 0 70px;
}
}.sf-description.-usecase {
    background: #f3f9fd;
}
.sf-note {
    position: relative;
    background: #020213;
    color: #fff;
    overflow: hidden;
}
.sf-note-content {
    padding: 97px 0 87px;
}
@media (min-width:768px) {
    .sf-note-content {
    padding: 117px 0 131px;
}
}@media (min-width:1024px) {
    .sf-note-content {
    padding: 174px 0;
}
}@media (min-width:1200px) {
    .sf-note-content {
    padding: 208px 0;
}
}@media (min-width:1600px) {
    .sf-note-content {
    padding: 210px 0;
}
}.sf-note-content.-lg {
    padding: 60px 0 40px;
    text-align: center;
}
@media (min-width:768px) {
    .sf-note-content.-lg {
    padding: 80px 0 60px;
}
}@media (min-width:1024px) {
    .sf-note-content.-lg {
    padding: 120px 0 80px;
}
}@media (min-width:1200px) {
    .sf-note-content.-lg {
    padding: 150px 0 100px;
}
}.sf-note-title {
    position: relative;
    display: inline-block;
    margin: 50px auto 120px auto;
    font-size: 28px;
    line-height: 39px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-note-title {
    margin: 50px auto 140px auto;
    font-size: 36px;
    line-height: 60px;
}
}@media (min-width:1024px) {
    .sf-note-title {
    margin: 50px auto 160px auto;
    font-size: 46px;
    line-height: 64px;
}
}@media (min-width:1200px) {
    .sf-note-title {
    margin: 100px auto 130px auto;
    font-size: 56px;
    line-height: 78px;
}
}@media (min-width:1600px) {
    .sf-note-title {
    margin: 60px auto 200px auto;
    font-size: 76px;
    line-height: 106px;
}
}.sf-note-title span {
    color: #51c8ff;
}
.sf-note-title span svg {
    position: absolute;
    top: 0;
    right: -20px;
    width: 16px;
    height: 16px;
}
@media (min-width:768px) {
    .sf-note-title span svg {
    top: 6px;
    right: -20px;
}
}@media (min-width:1024px) {
    .sf-note-title span svg {
    top: 10px;
}
}@media (min-width:1200px) {
    .sf-note-title span svg {
    top: 12px;
}
}@media (min-width:1600px) {
    .sf-note-title span svg {
    top: 20px;
}
}.sf-note-brief {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    max-width: 637px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-note-brief {
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1600px) {
    .sf-note-brief {
    max-width: 720px;
    font-size: 18px;
    line-height: 25px;
}
}.sf-note-brief span {
    width: 10px;
    height: 10px;
    position: relative;
    top: -5px;
    margin: 0 10px 0 0;
    color: #51c8ff;
}
.sf-note-brief span svg {
    width: 10px;
    height: 10px;
}
.sf-note-text {
    max-width: 500px;
    margin: 0 auto;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-note-text {
    max-width: 688px;
    font-size: 20px;
    line-height: 28px;
}
}@media (min-width:1200px) {
    .sf-note-text {
    max-width: 725px;
    font-size: 22px;
    line-height: 31px;
}
}@media (min-width:1600px) {
    .sf-note-text {
    font-size: 26px;
    line-height: 36px;
}
}.sf-note-casetext {
    margin: 0 auto;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    letter-spacing: -3%}
@media (min-width:768px) {
    .sf-note-casetext {
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1200px) {
    .sf-note-casetext {
    font-size: 18px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-note-casetext {
    font-size: 22px;
    line-height: 33px;
}
}.sf-note-bg {
    position: absolute;
    top: 20px;
    right: 0;
    width: 100%;
    height: 100%}
@supports (mix-blend-mode:screen) {
    .sf-note-bg {
    width: auto;
    mix-blend-mode: screen;
    opacity: .2;
}
}.sf-note-bg video {
    display: none;
}
@supports (mix-blend-mode:screen) {
    .sf-note-bg video {
    display: block;
    max-height: 100%}
@media (min-width:1200px) {
    .sf-note-bg video {
    max-height: 120%}
}}.sf-note-bg-overlay {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: url("../img/note/1.png") no-repeat right center;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%}
@supports (mix-blend-mode:overlay) {
    .sf-note-bg-overlay {
    mix-blend-mode: color-dodge;
    background: #2549ca;
}
}.sf-note-image img {
    position: absolute;
    width: 100%;
    height: 180px;
    left: 90px;
    top: 20px;
}
@media (min-width:768px) {
    .sf-note-image img {
    width: 100%;
    height: 618px;
    bottom: 0;
    left: 324px;
    top: -105px;
}
}@media (min-width:1024px) {
    .sf-note-image img {
    width: 100%;
    height: 676px;
    bottom: 0;
    left: 380px;
    top: -79px;
}
}@media (min-width:1200px) {
    .sf-note-image img {
    width: 100%;
    height: 830px;
    bottom: 0;
    left: 564px;
    top: -102px;
}
}@media (min-width:1600px) {
    .sf-note-image img {
    width: 100%;
    height: 922px;
    bottom: 0;
    left: 820px;
    top: -121px;
}
}.sf-note.-inverse {
    background-color: #244ca2;
}
.sf-factor {
    background: #020213;
    color: #fff;
    overflow: hidden;
}
.sf-factor-content {
    padding: 80px 0;
}
@media (min-width:768px) {
    .sf-factor-content {
    padding: 110px 0 0;
}
}@media (min-width:1024px) {
    .sf-factor-content {
    padding: 160px 0 0;
}
}@media (min-width:1200px) {
    .sf-factor-content {
    padding: 180px 0 0;
}
}@media (min-width:1600px) {
    .sf-factor-content {
    padding: 200px 0 0;
}
}.sf-factor-title {
    max-width: 270px;
    margin: 0 auto;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-factor-title {
    max-width: 574px;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-factor-title {
    max-width: 635px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-factor-title {
    max-width: 680px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-factor-title {
    font-size: 46px;
    line-height: 60px;
}
}.sf-factor-text {
    max-width: 486px;
    margin: 25px auto 0;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
    text-align: center;
}
@media (min-width:768px) {
    .sf-factor-text {
    margin-top: 25px;
}
}@media (min-width:1024px) {
    .sf-factor-text {
    max-width: 644px;
    margin-top: 46px;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1200px) {
    .sf-factor-text {
    margin-top: 56px;
}
}@media (min-width:1600px) {
    .sf-factor-text {
    max-width: 704px;
    margin-top: 40px;
    font-size: 18px;
    line-height: 36px;
}
}.sf-factor-body {
    margin-top: 30px;
}
@media (min-width:768px) {
    .sf-factor-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
    margin-top: 56px;
}
}@media (min-width:1200px) {
    .sf-factor-body {
    margin-top: 110px;
}
}@media (min-width:1600px) {
    .sf-factor-body {
    margin-top: 150px;
}
}@media (min-width:768px) {
    .sf-factor-scheme {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
}@media (min-width:768px) {
    .sf-factor-scheme-action {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}
}.sf-factor-scheme-img {
    margin-top: 50px;
}
@media (min-width:768px) {
    .sf-factor-scheme-img {
    margin: 0 0 56px;
}
}@media (min-width:1200px) {
    .sf-factor-scheme-img {
    margin-bottom: 98px;
}
}@media (min-width:1600px) {
    .sf-factor-scheme-img {
    margin-bottom: 125px;
}
}.sf-factor-scheme-img-item.-desktop {
    display: none;
}
@media (min-width:768px) {
    .sf-factor-scheme-img-item.-desktop {
    display: block;
}
}@media (min-width:1600px) {
    .sf-factor-scheme-img-item.-desktop {
    margin-left: -30px;
}
}.sf-factor-scheme-img-item.-desktop svg {
    width: 2140px;
    height: 400px;
}
@media (min-width:1600px) {
    .sf-factor-scheme-img-item.-desktop svg {
    width: 2498px;
    height: 460px;
}
}@media (min-width:768px) {
    .sf-factor-scheme-img-item.-sm svg {
    width: 1560px;
    height: 160px;
}
}@media (min-width:1600px) {
    .sf-factor-scheme-img-item.-sm svg {
    width: auto;
    height: auto;
}
}.sf-factor-scheme-img-item.-mobile {
    max-width: 288px;
    margin: 0 auto;
}
@media (min-width:768px) {
    .sf-factor-scheme-img-item.-mobile {
    display: none;
}
}.sf-factor-scheme-img-item.-mobile svg {
    display: block;
    margin: 0 auto;
    max-width: 100%}
.sf-factor-legend {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}
@media (min-width:768px) {
    .sf-factor-legend {
    margin: 0 0 0 60px;
}
}@media (min-width:1024px) {
    .sf-factor-legend {
    margin-left: 50px;
}
}@media (min-width:1200px) {
    .sf-factor-legend {
    margin-left: 120px;
}
}@media (min-width:1600px) {
    .sf-factor-legend {
    margin-left: 140px;
}
}.sf-factor-legend-item {
    width: 50%;
    padding: 0 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.sf-factor-legend-item:nth-child(2n) {
    padding-left: 27px;
}
@media (min-width:768px) {
    .sf-factor-legend-item {
    width: auto;
    padding: 0;
    margin-right: 35px;
}
.sf-factor-legend-item:last-child {
    margin-right: 0;
}
}@media (min-width:1024px) {
    .sf-factor-legend-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 50px;
}
}.sf-factor-legend-item-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}
@media (min-width:1024px) {
    .sf-factor-legend-item-top {
    margin: 0 20px 0 0;
}
}.sf-factor-legend-item-symbol {
    width: 30px;
    height: 10px;
    margin-right: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.sf-factor-legend-item-symbol.-first {
    background: #244ca2;
}
.sf-factor-legend-item-symbol.-second {
    background: #80d7fe;
}
.sf-factor-legend-item-caption {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
}
.sf-factor-legend-item-decryption {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-factor-legend-item-decryption {
    font-size: 14px;
    line-height: 20px;
}
}.sf-process {
    position: relative;
    overflow: hidden;
}
.sf-process-content {
    padding: 0 0 100px;
}
@media (min-width:768px) {
    .sf-process-content {
    padding: 0 0 180px;
}
}@media (min-width:1024px) {
    .sf-process-content {
    padding: 0 0 220px;
}
}@media (min-width:1200px) {
    .sf-process-content {
    padding: 0 0 250px;
}
}@media (min-width:1600px) {
    .sf-process-content {
    padding: 0 0 302px;
}
}.sf-process-content.-usecase {
    padding: 0 0 120px;
}
.sf-process-content.-inverse {
    background: #f3f9fd;
}
.sf-process-content.-lg {
    padding: 80px 0;
}
@media (min-width:768px) {
    .sf-process-content.-lg {
    padding: 140px 0;
}
}@media (min-width:1024px) {
    .sf-process-content.-lg {
    padding: 160px 0;
}
}@media (min-width:1200px) {
    .sf-process-content.-lg {
    padding: 180px 0;
}
}@media (min-width:1600px) {
    .sf-process-content.-lg {
    padding: 200px 0;
}
}.sf-process-container-usecaseImg {
    padding: 50px 0;
}
.sf-process-container-usecaseImg img {
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto;
}
.sf-process-figure {
    position: absolute;
    right: 0;
    display: none;
}
@media (min-width:768px) {
    .sf-process-figure {
    display: block;
    max-width: 191px;
    bottom: -66px;
}
}@media (min-width:1024px) {
    .sf-process-figure {
    max-width: 275px;
    bottom: -95px;
}
}@media (min-width:1200px) {
    .sf-process-figure {
    max-width: 325px;
    bottom: -114px;
}
}@media (min-width:1600px) {
    .sf-process-figure {
    max-width: 502px;
    bottom: -175px;
}
}.sf-process-figure img {
    width: 100%}
.sf-process-title {
    max-width: 250px;
    margin: 0 auto 78px;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-process-title {
    max-width: 480px;
    margin-bottom: 90px;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-process-title {
    max-width: 510px;
    margin-bottom: 107px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-process-title {
    max-width: 600px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-process-title {
    max-width: 680px;
    font-size: 46px;
    line-height: 60px;
}
}@media (min-width:768px) {
    .sf-process-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
}.sf-process-grid-col {
    margin-bottom: 80px;
}
.sf-process-grid-col:last-child {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .sf-process-grid-col {
    width: 50%;
    margin-bottom: 69px;
}
.sf-process-grid-col:nth-last-child(2) {
    margin-bottom: 0;
}
}@media (min-width:1024px) {
    .sf-process-grid-col {
    margin-bottom: 60px;
}
}@media (min-width:1200px) {
    .sf-process-grid-col {
    margin-bottom: 100px;
}
}@media (min-width:1600px) {
    .sf-process-grid-col {
    margin-bottom: 116px;
}
}@media (min-width:768px) {
    .sf-process-grid-col.-right {
    padding: 50px 0 0 64px;
}
}@media (min-width:1024px) {
    .sf-process-grid-col.-right {
    padding-left: 77px;
}
}@media (min-width:1200px) {
    .sf-process-grid-col.-right {
    padding-left: 90px;
}
}@media (min-width:1600px) {
    .sf-process-grid-col.-right {
    padding-top: 57px;
    padding-left: 70px;
}
}.sf-process-grid-line {
    display: none;
}
@media (min-width:768px) {
    .sf-process-grid-line {
    display: block;
    width: 122px;
    position: absolute;
    top: 120px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.sf-process-grid-line img {
    max-height: 100%}
}@media (min-width:1024px) {
    .sf-process-grid-line {
    top: 150px;
    left: 45%}
}@media (min-width:1200px) {
    .sf-process-grid-line {
    left: 35%}
}.sf-process-item {
    max-width: 400px;
}
.sf-process-item-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}
@media (min-width:768px) {
    .sf-process-item-top {
    display: block;
}
}.sf-process-item-ico {
    width: 32px;
    height: 32px;
    margin-right: 20px;
}
@media (min-width:768px) {
    .sf-process-item-ico {
    width: 45px;
    height: 45px;
    margin: 0 0 30px;
}
}@media (min-width:1024px) {
    .sf-process-item-ico {
    width: 55px;
    height: 55px;
}
}@media (min-width:1200px) {
    .sf-process-item-ico {
    width: 65px;
    height: 65px;
}
}@media (min-width:1600px) {
    .sf-process-item-ico {
    width: 75px;
    height: 75px;
}
}.sf-process-item-ico img {
    max-width: 100%}
.sf-process-item-number {
    color: #244ca2;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: .05em;
}
@media (min-width:768px) {
    .sf-process-item-number {
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-process-item-number {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-process-item-number {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-process-item-number {
    font-size: 76px;
    line-height: 88px;
}
}.sf-process-item-title {
    margin-bottom: 20px;
    color: #020213;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-process-item-title {
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-process-item-title {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-process-item-title {
    font-size: 26px;
    line-height: 34px;
}
}.sf-process-item-text {
    color: #020213;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-process-item-text {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-process-item-text {
    font-size: 18px;
    line-height: 36px;
}
}.sf-process.-usecase {
    padding: 50px 0 0 0;
}
.sf-act {
    overflow: hidden;
}
.sf-act-content {
    padding: 0 0 117px;
}
@media (min-width:768px) {
    .sf-act-content {
    padding: 0 0 166px;
}
}@media (min-width:1024px) {
    .sf-act-content {
    padding: 0 0 170px;
}
}@media (min-width:1200px) {
    .sf-act-content {
    padding: 0 0 170 px;
}
}@media (min-width:1600px) {
    .sf-act-content {
    padding: 0 0 200px;
}
}.sf-act-content.-sm {
    padding: 80px 0 25px 0;
}
@media (min-width:768px) {
    .sf-act-content.-sm {
    padding: 120px 0 30px 0;
}
}@media (min-width:1024px) {
    .sf-act-content.-sm {
    padding: 160px 0 145px 0;
}
}@media (min-width:1200px) {
    .sf-act-content.-sm {
    padding: 200px 0 120px 0;
}
}@media (min-width:1600px) {
    .sf-act-content.-sm {
    padding: 240px 0 150px 0;
}
}.sf-act-content.-md {
    padding: 100px 0;
}
@media (min-width:768px) {
    .sf-act-content.-md {
    padding: 140px 0 130px 0;
}
}@media (min-width:1024px) {
    .sf-act-content.-md {
    padding: 160px 0 130px 0;
}
}@media (min-width:1200px) {
    .sf-act-content.-md {
    padding: 180px 0 140px 0;
}
}@media (min-width:1600px) {
    .sf-act-content.-md {
    padding: 307px 0 160px 0;
}
}.sf-act-content.-lg {
    padding: 100px 0;
}
@media (min-width:768px) {
    .sf-act-content.-lg {
    padding: 200px 0 140px 0;
}
}@media (min-width:1024px) {
    .sf-act-content.-lg {
    padding: 220px 0 130px 0;
}
}@media (min-width:1200px) {
    .sf-act-content.-lg {
    padding: 240px 0 140px 0;
}
}@media (min-width:1600px) {
    .sf-act-content.-lg {
    padding: 300px 0 180px 0;
}
}.sf-act-title {
    max-width: 270px;
    margin: 0 auto 30px;
    color: #03174e;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -.03em;
    text-align: center;
}
@media (min-width:768px) {
    .sf-act-title {
    max-width: 660px;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-act-title {
    max-width: 820px;
    margin-bottom: 40px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-act-title {
    margin-bottom: 50px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-act-title {
    margin-bottom: 57px;
    font-size: 46px;
    line-height: 60px;
}
}.sf-act-btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width:768px) {
    .sf-act-btns {
    display: block;
}
}.sf-act-btns-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
@media (min-width:768px) {
    .sf-act-btns-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
}.sf-act-btns-item {
    margin-bottom: 20px;
}
@media (min-width:768px) {
    .sf-act-btns-item {
    margin: 0 5px;
}
}.sf-act-btnserror {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 50px;
}
@media (min-width:768px) {
    .sf-act-btnserror {
    display: block;
}
}.sf-act-btnserror-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
@media (min-width:768px) {
    .sf-act-btnserror-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
}.sf-act-btnserror-item {
    margin-bottom: 20px;
}
@media (min-width:768px) {
    .sf-act-btnserror-item {
    margin: 0 5px;
}
}.sf-act-btnsjobposting {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width:768px) {
    .sf-act-btnsjobposting {
    display: block;
}
}.sf-act-btnsjobposting-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: 20px;
}
@media (min-width:375px) {
    .sf-act-btnsjobposting-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
}
}@media (min-width:768px) {
    .sf-act-btnsjobposting-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
    margin-right: 364px;
    padding-top: 0;
}
}@media (min-width:1024px) {
    .sf-act-btnsjobposting-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 444px;
    left: 461px;
    bottom: 85px;
    padding-top: 0;
}
}@media (min-width:1200px) {
    .sf-act-btnsjobposting-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 444px;
    left: 600px;
    bottom: 85px;
    padding-top: 0;
}
}@media (min-width:1600px) {
    .sf-act-btnsjobposting-list {
    position: relative;
    width: 444px;
    left: 608px;
    bottom: 99px;
    padding-top: 0;
}
}.sf-act-btnsjobposting-listtwo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: 20px;
}
@media (min-width:375px) {
    .sf-act-btnsjobposting-listtwo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
}
}@media (min-width:768px) {
    .sf-act-btnsjobposting-listtwo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
    margin-right: 364px;
    padding-top: 0;
}
}@media (min-width:1024px) {
    .sf-act-btnsjobposting-listtwo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 444px;
    left: 461px;
    bottom: 130px;
    padding-top: 0;
}
}@media (min-width:1200px) {
    .sf-act-btnsjobposting-listtwo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 444px;
    left: 600px;
    bottom: 130px;
    padding-top: 0;
}
}@media (min-width:1600px) {
    .sf-act-btnsjobposting-listtwo {
    position: relative;
    width: 444px;
    left: 608px;
    bottom: 160px;
    padding-top: 0;
}
}.sf-act-btnsjobposting-item {
    margin-bottom: 20px;
}
@media (min-width:768px) {
    .sf-act-btnsjobposting-item {
    margin: 0 5px;
}
}.sf-act-btnstool {
    padding-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width:1024px) {
    .sf-act-btnstool {
    padding-left: 50px;
}
}.sf-act-btnstool-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
@media (min-width:768px) {
    .sf-act-btnstool-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
}.sf-act-btnstool-item {
    margin-bottom: 20px;
}
@media (min-width:768px) {
    .sf-act-btnstool-item {
    margin: 0 5px;
}
}.sf-act-img {
    position: relative;
    margin-top: 50px;
    text-align: center;
}
@media (min-width:768px) {
    .sf-act-img {
    margin: 80px auto 0 auto;
    max-width: 569px;
}
}@media (min-width:1024px) {
    .sf-act-img {
    margin: 100px auto 0 auto;
    max-width: 533px;
}
}@media (min-width:1200px) {
    .sf-act-img {
    max-width: 654px;
}
}@media (min-width:1600px) {
    .sf-act-img {
    max-width: 680px;
}
}.sf-act-img-shadow {
    position: absolute;
    right: -35px;
    bottom: -35px;
}
@media (min-width:768px) {
    .sf-act-img-shadow {
    right: -75px;
    bottom: -75px;
}
}@media (min-width:1024px) {
    .sf-act-img-shadow {
    right: -71px;
    bottom: -71px;
}
}@media (min-width:1200px) {
    .sf-act-img-shadow {
    display: block;
    right: -80px;
    bottom: -80px;
}
}@media (min-width:1600px) {
    .sf-act-img-shadow {
    right: -80px;
    bottom: -80px;
}
}.sf-act-img-shadow img {
    width: 100%;
    height: 100%}
.sf-act-img img {
    position: relative;
    z-index: 10;
    width: 100%}
.sf-act-img.-xs {
    max-width: 288px;
    margin: 60px auto 0 auto;
}
@media (min-width:768px) {
    .sf-act-img.-xs {
    max-width: 389px;
    margin: 100px auto 0 auto;
}
}@media (min-width:1024px) {
    .sf-act-img.-xs {
    max-width: 435px;
}
}@media (min-width:1200px) {
    .sf-act-img.-xs {
    max-width: 460px;
}
}@media (min-width:1600px) {
    .sf-act-img.-xs {
    max-width: 511px;
}
}.sf-act-video {
    position: relative;
    margin-top: 50px;
    text-align: center;
}
@media (min-width:768px) {
    .sf-act-video {
    margin: 80px auto 0 auto;
    max-width: 569px;
}
}@media (min-width:1024px) {
    .sf-act-video {
    margin: 100px auto 0 auto;
    max-width: 533px;
}
}@media (min-width:1200px) {
    .sf-act-video {
    max-width: 654px;
}
}@media (min-width:1600px) {
    .sf-act-video {
    max-width: 680px;
}
}.sf-act-video-shadow {
    position: absolute;
    right: -35px;
    bottom: -35px;
}
@media (min-width:768px) {
    .sf-act-video-shadow {
    right: -75px;
    bottom: -75px;
}
}@media (min-width:1024px) {
    .sf-act-video-shadow {
    right: -71px;
    bottom: -71px;
}
}@media (min-width:1200px) {
    .sf-act-video-shadow {
    display: block;
    right: -80px;
    bottom: -80px;
}
}@media (min-width:1600px) {
    .sf-act-video-shadow {
    right: -80px;
    bottom: -80px;
}
}.sf-act-video-shadow img {
    width: 100%;
    height: 100%}
.sf-act-video video {
    position: relative;
    z-index: 10;
    width: 100%}
.sf-act.-usecase {
    background: #f3f9fd;
}
.sf-interaction {
    position: relative;
    background: #020213;
    color: #fff;
}
.sf-interaction::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 4px;
    background: #020213;
}
.sf-interaction-content {
    padding: 80px 0 108px;
}
@media (min-width:768px) {
    .sf-interaction-content {
    padding: 116px 0 66px;
}
}@media (min-width:1024px) {
    .sf-interaction-content {
    padding: 170px 0 65px;
}
}@media (min-width:1200px) {
    .sf-interaction-content {
    padding: 166px 0 113px;
}
}@media (min-width:1600px) {
    .sf-interaction-content {
    padding: 179px 0 106px;
}
}.sf-interaction-content.-xs {
    padding: 80px 0 0 0;
}
@media (min-width:768px) {
    .sf-interaction-content.-xs {
    padding: 116px 0 0 0;
}
}@media (min-width:1024px) {
    .sf-interaction-content.-xs {
    padding: 170px 0 0 0;
}
}@media (min-width:1200px) {
    .sf-interaction-content.-xs {
    padding: 166px 0 0 0;
}
}@media (min-width:1600px) {
    .sf-interaction-content.-xs {
    padding: 179px 0 0 0;
}
}.sf-interaction-content.-lg {
    padding: 0 0 108px 0;
}
@media (min-width:768px) {
    .sf-interaction-content.-lg {
    padding: 0 0 66px 0;
}
}@media (min-width:1024px) {
    .sf-interaction-content.-lg {
    padding: 0 0 65px 0;
}
}@media (min-width:1200px) {
    .sf-interaction-content.-lg {
    padding: 0 0 113px 0;
}
}@media (min-width:1600px) {
    .sf-interaction-content.-lg {
    padding: 0 0 106px 0;
}
}.sf-interaction-content.-xl {
    padding: 80px 0 233px;
}
@media (min-width:768px) {
    .sf-interaction-content.-xl {
    padding: 179px 0 163px;
}
}@media (min-width:1024px) {
    .sf-interaction-content.-xl {
    padding: 179px 0 145px;
}
}@media (min-width:1200px) {
    .sf-interaction-content.-xl {
    padding: 185px 0 127px;
}
}@media (min-width:1600px) {
    .sf-interaction-content.-xl {
    padding: 179px 0 150px;
}
}@media (min-width:768px) {
    .sf-interaction-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}.sf-interaction-title {
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: .025em;
    text-transform: uppercase;
}
@media (min-width:768px) {
    .sf-interaction-title {
    max-width: 450px;
    margin: 0 30px 0 0;
}
}@media (min-width:1024px) {
    .sf-interaction-title {
    max-width: 560px;
    font-size: 26px;
    line-height: 38px;
}
}@media (min-width:1200px) {
    .sf-interaction-title {
    max-width: 700px;
    font-size: 28px;
    line-height: 41px;
}
}@media (min-width:1600px) {
    .sf-interaction-title {
    font-size: 32px;
    line-height: 47px;
}
}.sf-interaction-bg {
    position: absolute;
    top: 100px;
    right: 0;
    width: 100%;
    height: 300px;
    background: #020213;
    pointer-events: none;
}
@supports (mix-blend-mode:screen) {
    .sf-interaction-bg {
    background: #000;
}
}@media (min-width:768px) {
    .sf-interaction-bg {
    top: 0;
    height: 350px;
}
}@media (min-width:1024px) {
    .sf-interaction-bg {
    height: 530px;
}
}@media (min-width:1600px) {
    .sf-interaction-bg {
    height: 600px;
}
}@supports (mix-blend-mode:screen) {
    .sf-interaction-bg {
    width: auto;
    mix-blend-mode: screen;
}
}.sf-interaction-bg video {
    display: none;
}
@supports (mix-blend-mode:screen) {
    .sf-interaction-bg video {
    display: block;
    max-height: 100%;
    opacity: .1;
}
}.sf-interaction-bg-overlay {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: url("../img/interaction/1.png") no-repeat right bottom;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%}
@supports (mix-blend-mode:overlay) {
    .sf-interaction-bg-overlay {
    mix-blend-mode: color-dodge;
    background: #2549ca;
}
}.sf-interaction-bgPopup {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 150px;
    background: #020213;
    pointer-events: none;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
@supports (mix-blend-mode:screen) {
    .sf-interaction-bgPopup {
    background: #000;
}
}@media (min-width:768px) {
    .sf-interaction-bgPopup {
    height: 350px;
}
}@media (min-width:1024px) {
    .sf-interaction-bgPopup {
    height: 320px;
}
}@media (min-width:1600px) {
    .sf-interaction-bgPopup {
    height: 600px;
}
}@supports (mix-blend-mode:screen) {
    .sf-interaction-bgPopup {
    width: auto;
    mix-blend-mode: screen;
}
}.sf-interaction-bgPopup video {
    display: none;
}
@supports (mix-blend-mode:screen) {
    .sf-interaction-bgPopup video {
    display: block;
    max-height: 100%;
    opacity: .1;
}
}.sf-interaction-bgPopup-overlay {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: url("../img/interaction/1.png") no-repeat right bottom;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
@supports (mix-blend-mode:overlay) {
    .sf-interaction-bgPopup-overlay {
    mix-blend-mode: color-dodge;
    background: #2549ca;
}
}.sf-interaction-form {
    position: relative;
    margin: 30px 0 0 0;
}
@media (min-width:768px) {
    .sf-interaction-form {
    max-width: 363px;
    margin: 96px 0 0 0;
}
}@media (min-width:1024px) {
    .sf-interaction-form {
    margin: 69px 0 0 0;
}
}@media (min-width:1200px) {
    .sf-interaction-form {
    margin: 66px 0 0 0;
}
}@media (min-width:1600px) {
    .sf-interaction-form {
    margin: 60px 0 0 0;
}
}.sf-interaction-form-submit {
    position: absolute;
    right: 0;
    top: 50%;
    visibility: hidden;
    opacity: 0;
    color: #51c8ff;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .135em;
    text-transform: uppercase;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .3s, visibility 0s .3s;
    -o-transition: opacity .3s, visibility 0s .3s;
    -moz-transition: opacity .3s, visibility 0s .3s;
    transition: opacity .3s, visibility 0s .3s;
}
@media (min-width:1024px) {
    .sf-interaction-form-submit {
    font-size: 16px;
    line-height: 24px;
}
}.sf-interaction-form-submit.-visible {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-interaction-form-message {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 10px;
    visibility: hidden;
    opacity: 0;
    color: rgba(215, 76, 76, .9);
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .135em;
    -webkit-transition: opacity .3s, visibility 0s .3s;
    -o-transition: opacity .3s, visibility 0s .3s;
    -moz-transition: opacity .3s, visibility 0s .3s;
    transition: opacity .3s, visibility 0s .3s;
}
.sf-interaction-form.-sm {
    margin: 42px 0 0 0;
}
@media (min-width:1024px) {
    .sf-interaction-form.-sm {
    margin-top: 45px;
}
}@media (min-width:1600px) {
    .sf-interaction-form.-sm {
    margin-top: 60px;
}
}.sf-interaction-form.-error .sf-interaction-form-message {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-media {
    overflow: hidden;
}
.sf-media-content {
    padding: 80px 0;
}
@media (min-width:768px) {
    .sf-media-content {
    padding: 85px 0 92px;
}
}@media (min-width:1024px) {
    .sf-media-content {
    padding: 95px 0 82px;
}
}@media (min-width:1200px) {
    .sf-media-content {
    padding: 110px 0 100px;
}
}@media (min-width:1600px) {
    .sf-media-content {
    padding: 150px 0 150px;
}
}.sf-media-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 58px;
}
@media (min-width:768px) {
    .sf-media-heading {
    margin-bottom: 82px;
}
}@media (min-width:1024px) {
    .sf-media-heading {
    margin-bottom: 100px;
}
}@media (min-width:1200px) {
    .sf-media-heading {
    margin-bottom: 122px;
}
}@media (min-width:1600px) {
    .sf-media-heading {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 140px;
}
}.sf-media-title {
    margin: 0;
    color: #03174e;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-media-title {
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-media-title {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-media-title {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-media-title {
    font-size: 76px;
    line-height: 88px;
}
}.sf-media-title-caption {
    display: inline-block;
    width: 97px;
}
@media (min-width:768px) {
    .sf-media-title-caption {
    width: auto;
}
}.sf-media-title-up {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    font-size: 14px;
    line-height: 18px;
}
@media (min-width:768px) {
    .sf-media-title-up {
    margin-top: -4px;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1024px) {
    .sf-media-title-up {
    margin-top: -14px;
    font-size: 30px;
    line-height: 39px;
}
}@media (min-width:1200px) {
    .sf-media-title-up {
    margin-top: -10px;
    font-size: 34px;
    line-height: 44px;
}
}@media (min-width:1600px) {
    .sf-media-title-up {
    margin: -2px 0 0 20px;
    font-size: 36px;
    line-height: 47px;
}
}.sf-media-link {
    color: #2549ca;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .135em;
    text-transform: uppercase;
    white-space: nowrap;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2549ca), to(#2549ca));
    background-image: -webkit-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: -moz-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: -o-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: linear-gradient(0deg, #2549ca 0, #2549ca 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.sf-media-link:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
@media (min-width:768px) {
    .sf-media-link {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1024px) {
    .sf-media-link {
    font-size: 18px;
    line-height: 36px;
}
}@media (min-width:1200px) {
    .sf-media-link {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-media-link {
    font-size: 18px;
    line-height: 36px;
}
}.sf-media-grid {
    margin-bottom: 50px;
}
@media (min-width:768px) {
    .sf-media-grid {
    margin: 0 -20px 72px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
}@media (min-width:1024px) {
    .sf-media-grid {
    margin: 0 -26px 80px;
}
}@media (min-width:1200px) {
    .sf-media-grid {
    margin: 0 -29px 130px;
}
}@media (min-width:1600px) {
    .sf-media-grid {
    margin: 0 -35px 140px;
}
}@media (min-width:768px) {
    .sf-media-grid-col {
    padding: 0 20px;
}
}@media (min-width:1024px) {
    .sf-media-grid-col {
    padding: 0 26px;
}
}@media (min-width:1200px) {
    .sf-media-grid-col {
    padding: 0 29px;
}
}@media (min-width:1600px) {
    .sf-media-grid-col {
    padding: 0 35px;
}
}.sf-media-grid-col.-right {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.sf-media-grid-col.-left {
    display: none;
}
@media (min-width:768px) {
    .sf-media-grid-col.-left {
    display: block;
    width: 33.3333%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
}@media (min-width:1024px) {
    .sf-media-grid-col.-left {
    padding-bottom: 10px;
}
}@media (min-width:1200px) {
    .sf-media-grid-col.-left {
    padding-bottom: 0;
}
}.sf-media-get {
    height: 288px;
    padding: 40px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background: #80d7fe;
    color: #fff;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-media-get {
    height: 100%;
    padding: 70px;
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-media-get {
    padding: 80px;
    font-size: 54px;
    line-height: 62px;
}
}@media (min-width:1200px) {
    .sf-media-get {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-media-get {
    font-size: 76px;
    line-height: 88px;
}
}.sf-media-preview {
    display: block;
}
.sf-media-preview-img {
    width: 100%;
    height: 253px;
    margin-bottom: 20px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
@media (min-width:768px) {
    .sf-media-preview-img {
    height: 273px;
    margin-bottom: 30px;
}
}@media (min-width:1024px) {
    .sf-media-preview-img {
    height: 331px;
    margin-bottom: 40px;
}
}@media (min-width:1200px) {
    .sf-media-preview-img {
    height: 384px;
    margin-bottom: 30px;
}
}@media (min-width:1600px) {
    .sf-media-preview-img {
    height: 400px;
    margin-bottom: 60px;
}
}.sf-media-preview-date {
    margin-bottom: 10px;
    color: #9aa0b1;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
}
@media (min-width:1024px) {
    .sf-media-preview-date {
    font-size: 15px;
    line-height: 23px;
}
}@media (min-width:1200px) {
    .sf-media-preview-date {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-media-preview-date {
    font-size: 18px;
    line-height: 27px;
}
}.sf-media-preview-title {
    margin-bottom: 10px;
    color: #03174e;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
}
@media (min-width:1024px) {
    .sf-media-preview-title {
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1600px) {
    .sf-media-preview-title {
    font-size: 18px;
    line-height: 25px;
}
}.sf-media-preview-note {
    color: #51c8ff;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
}
@media (min-width:1200px) {
    .sf-media-preview-note {
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-media-preview-note {
    font-size: 18px;
    line-height: 27px;
}
}@media (min-width:1024px) {
    .sf-media-preview.-lg .sf-media-preview-date {
    margin-bottom: 22px;
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-media-preview.-lg .sf-media-preview-date {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 27px;
}
}@media (min-width:1024px) {
    .sf-media-preview.-lg .sf-media-preview-note {
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-media-preview.-lg .sf-media-preview-note {
    font-size: 18px;
    line-height: 27px;
}
}.sf-media-list {
    margin: 0 -16px;
    padding: 0 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.sf-media-list::-webkit-scrollbar {
    display: none;
    width: 0;
}
@media (min-width:768px) {
    .sf-media-list {
    margin: 0 -20px;
    padding: 0;
}
}@media (min-width:1024px) {
    .sf-media-list {
    margin: 0 -26px;
}
}@media (min-width:1200px) {
    .sf-media-list {
    margin: 0 -29px;
}
}@media (min-width:1600px) {
    .sf-media-list {
    margin: 0 -35px;
}
}.sf-media-list-item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 187px;
    padding-right: 16px;
}
@media (min-width:768px) {
    .sf-media-list-item {
    width: 33.333%;
    padding: 0 20px;
}
}@media (min-width:1024px) {
    .sf-media-list-item {
    padding: 0 26px;
}
}@media (min-width:1200px) {
    .sf-media-list-item {
    padding: 0 29px;
}
}@media (min-width:1600px) {
    .sf-media-list-item {
    padding: 0 35px;
}
}.sf-people {
    overflow: hidden;
}
.sf-people-content {
    padding: 60px 0;
}
@media (min-width:1024px) {
    .sf-people-content {
    padding: 110px 0;
}
}@media (min-width:1200px) {
    .sf-people-content {
    padding: 125px 0;
}
}@media (min-width:1600px) {
    .sf-people-content {
    padding: 150px 0;
}
}.sf-people-content.-lg {
    padding: 60px 0 120px 0;
}
@media (min-width:1024px) {
    .sf-people-content.-lg {
    padding: 110px 0 220px 0;
}
}@media (min-width:1200px) {
    .sf-people-content.-lg {
    padding: 125px 0 250px 0;
}
}@media (min-width:1600px) {
    .sf-people-content.-lg {
    padding: 150px 0 300px 0;
}
}.sf-people-content.-xl {
    padding: 120px 0;
}
@media (min-width:768px) {
    .sf-people-content.-xl {
    padding: 200px 0 180px 0;
}
}@media (min-width:1024px) {
    .sf-people-content.-xl {
    padding: 200px 0 220px 0;
}
}@media (min-width:1200px) {
    .sf-people-content.-xl {
    padding: 200px 0 250px 0;
}
}@media (min-width:1600px) {
    .sf-people-content.-xl {
    padding: 246px 0 300px 0;
}
}.sf-people.-lg .sf-people-container {
    max-width: 288px;
    margin: 0 auto;
    padding: 0 16px;
}
@media (min-width:768px) {
    .sf-people.-lg .sf-people-container {
    padding: 0 40px;
    max-width: 100%}
}@media (min-width:1024px) {
    .sf-people.-lg .sf-people-container {
    padding: 0 81px;
}
}@media (min-width:1200px) {
    .sf-people.-lg .sf-people-container {
    padding: 0 100px;
}
}@media (min-width:1600px) {
    .sf-people.-lg .sf-people-container {
    padding: 0 280px;
    max-width: 1600px;
    margin: 0 auto;
}
}.sf-people-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 30px;
}
@media (min-width:768px) {
    .sf-people-heading {
    margin-bottom: 20px;
}
}@media (min-width:1024px) {
    .sf-people-heading {
    margin-bottom: 50px;
}
}.sf-people-heading-title {
    max-width: 185px;
    margin: 0 20px 0 0;
    color: #03133f;
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-people-heading-title {
    max-width: 280px;
    font-size: 26px;
    line-height: 30px;
}
}@media (min-width:1024px) {
    .sf-people-heading-title {
    max-width: 600px;
    font-size: 36px;
    line-height: 41px;
}
}@media (min-width:1200px) {
    .sf-people-heading-title {
    font-size: 40px;
    line-height: 46px;
}
}@media (min-width:1600px) {
    .sf-people-heading-title {
    font-size: 46px;
    line-height: 53px;
}
}.sf-people-heading-title br {
    display: none;
}
@media (min-width:768px) {
    .sf-people-heading-title br {
    display: block;
}
}.sf-people-heading-link {
    color: #2549ca;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .135em;
    text-transform: uppercase;
    white-space: nowrap;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2549ca), to(#2549ca));
    background-image: -webkit-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: -moz-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: -o-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: linear-gradient(0deg, #2549ca 0, #2549ca 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.sf-people-heading-link:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
@media (min-width:768px) {
    .sf-people-heading-link {
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-people-heading-link {
    font-size: 18px;
    line-height: 36px;
}
}.sf-people-heading.-lg {
    margin-bottom: 50px;
}
@media (min-width:768px) {
    .sf-people-heading.-lg {
    margin-bottom: 80px;
}
}@media (min-width:1024px) {
    .sf-people-heading.-lg {
    margin-bottom: 100px;
}
}@media (min-width:1600px) {
    .sf-people-heading.-lg {
    margin-bottom: 140px;
}
}.sf-people-items {
    margin: 0 -13px;
    white-space: nowrap;
    overflow: auto;
}
.sf-people-items::-webkit-scrollbar {
    width: 0;
    background: 0 0;
}
@media (min-width:768px) {
    .sf-people-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}
}@media (min-width:1024px) {
    .sf-people-items {
    margin: 0 -22px;
    white-space: normal;
    overflow: initial;
}
}@media (min-width:1200px) {
    .sf-people-items {
    margin: 0 -49px;
}
}@media (min-width:1600px) {
    .sf-people-items {
    margin: 0 -35px;
}
}.sf-people.-lg .sf-people-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -25px -13px;
    white-space: normal;
}
@media (min-width:768px) {
    .sf-people.-lg .sf-people-items {
    margin: -28px -20px;
}
}@media (min-width:1024px) {
    .sf-people.-lg .sf-people-items {
    margin: -40px -26px;
}
}@media (min-width:1200px) {
    .sf-people.-lg .sf-people-items {
    margin: -40px -25px;
}
}@media (min-width:1600px) {
    .sf-people.-lg .sf-people-items {
    margin: -50px -30px;
}
}.sf-people-item {
    display: inline-block;
    padding: 0 13px;
    width: 212px;
}
@media (min-width:768px) {
    .sf-people-item {
    width: 33.3333%}
}@media (min-width:1024px) {
    .sf-people-item {
    padding: 0 22px;
}
}@media (min-width:1200px) {
    .sf-people-item {
    padding: 0 49px;
}
}@media (min-width:1600px) {
    .sf-people-item {
    padding: 0 35px;
}
}.sf-people-item a {
    display: block;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-people-item a:focus, .sf-people-item a:hover {
    opacity: .9;
}
@media (min-width:768px) {
    .sf-people-item.-top {
    margin: 120px 0 0 0;
}
}.sf-people.-lg .sf-people-item {
    padding: 25px 13px;
    width: 50%}
@media (min-width:768px) {
    .sf-people.-lg .sf-people-item {
    padding: 28px 20px;
    width: 33.3333%}
}@media (min-width:1024px) {
    .sf-people.-lg .sf-people-item {
    padding: 40px 26px;
}
}@media (min-width:1200px) {
    .sf-people.-lg .sf-people-item {
    padding: 40px 25px;
}
}@media (min-width:1600px) {
    .sf-people.-lg .sf-people-item {
    padding: 50px 30px;
}
}.sf-people-img {
    display: block;
    width: 100%;
    height: 292px;
    margin: 0 0 30px 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
@media (min-width:768px) {
    .sf-people-img {
    height: 273px;
}
}@media (min-width:1024px) {
    .sf-people-img {
    height: 331px;
}
}@media (min-width:1200px) {
    .sf-people-img {
    height: 365px;
}
}@media (min-width:1600px) {
    .sf-people-img {
    height: 400px;
    margin: 0 0 40px 0;
}
}.sf-people.-lg .sf-people-img {
    height: 167px;
}
@media (min-width:768px) {
    .sf-people.-lg .sf-people-img {
    height: 273px;
}
}@media (min-width:1024px) {
    .sf-people.-lg .sf-people-img {
    height: 331px;
}
}@media (min-width:1200px) {
    .sf-people.-lg .sf-people-img {
    height: 365px;
}
}@media (min-width:1600px) {
    .sf-people.-lg .sf-people-img {
    height: 400px;
}
}.sf-people-name {
    display: block;
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
    font-weight: 600;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-people-name {
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1024px) {
    .sf-people-name {
    margin: 0 0 20px 0;
}
}@media (min-width:1600px) {
    .sf-people-name {
    font-size: 18px;
    line-height: 25px;
}
}.sf-people-text {
    display: block;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
    color: #9aa0b1;
}
@media (min-width:768px) {
    .sf-people-text {
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-people-text {
    font-size: 18px;
    line-height: 27px;
}
}.sf-people-text.-inverse {
    margin: 10px 0 0 0;
    color: #51c8ff;
}
.sf-people-logo {
    height: 20px;
    margin: 15px 0 0 0;
}
@media (min-width:768px) {
    .sf-people-logo {
    height: 25px;
    margin: 20px 0 0 0;
}
}@media (min-width:1024px) {
    .sf-people-logo {
    height: 30px;
}
}@media (min-width:1600px) {
    .sf-people-logo {
    height: 35px;
}
}.sf-people-logo img {
    height: 100%}
.sf-award {
    background: #020213;
    color: #fff;
}
.sf-award-content {
    padding: 80px 0 50px;
}
@media (min-width:768px) {
    .sf-award-content {
    padding-bottom: 108px;
}
}@media (min-width:1024px) {
    .sf-award-content {
    padding-bottom: 80px;
}
}@media (min-width:1200px) {
    .sf-award-content {
    padding: 100px 0;
}
}@media (min-width:1600px) {
    .sf-award-content {
    padding: 150px 0;
}
}.sf-award-content.-lg {
    padding: 0 0 80px 0;
}
@media (min-width:768px) {
    .sf-award-content.-lg {
    padding: 0 0 100px 0;
}
}@media (min-width:1024px) {
    .sf-award-content.-lg {
    padding: 0 0 150px 0;
}
}@media (min-width:1200px) {
    .sf-award-content.-lg {
    padding: 0 0 100px 0;
}
}@media (min-width:1600px) {
    .sf-award-content.-lg {
    padding: 0 0 140px 0;
}
}.sf-award-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 59px;
}
@media (min-width:768px) {
    .sf-award-heading {
    margin-bottom: 98px;
}
}@media (min-width:1024px) {
    .sf-award-heading {
    margin-bottom: 152px;
}
}@media (min-width:1200px) {
    .sf-award-heading {
    margin-bottom: 180px;
}
}@media (min-width:1600px) {
    .sf-award-heading {
    margin-bottom: 140px;
}
}.sf-award-title {
    margin: 0 30px 0 0;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-award-title {
    max-width: 315px;
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-award-title {
    max-width: 638px;
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-award-title {
    max-width: 740px;
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-award-title {
    font-size: 76px;
    line-height: 88px;
}
}.sf-award-link {
    color: #51c8ff;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .135em;
    text-transform: uppercase;
    white-space: nowrap;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #51c8ff), to(#51c8ff));
    background-image: -webkit-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: -moz-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: -o-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: linear-gradient(0deg, #51c8ff 0, #51c8ff 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.sf-award-link:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
@media (min-width:768px) {
    .sf-award-link {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-award-link {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 36px;
}
}@media (min-width:768px) {
    .sf-award-list {
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}
}@media (min-width:1200px) {
    .sf-award-list {
    position: relative;
}
}.sf-award-item {
    position: relative;
    padding: 30px 0;
    margin-bottom: -1px;
    border-top: 1px solid rgba(255, 255, 255, .05);
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}
@media (min-width:768px) {
    .sf-award-item {
    padding: 52px 0;
}
}@media (min-width:1024px) {
    .sf-award-item {
    padding: 70px 0 75px;
}
}@media (min-width:1600px) {
    .sf-award-item {
    padding: 60px 0;
}
}.sf-award-item-info {
    position: relative;
}
@media (min-width:768px) {
    .sf-award-item-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
}.sf-award-item-number {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -.03em;
    text-transform: uppercase;
}
@media (min-width:768px) {
    .sf-award-item-number {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 21px;
}
}@media (min-width:1024px) {
    .sf-award-item-number {
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-award-item-number {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-award-item-number {
    font-size: 26px;
    line-height: 34px;
}
}.sf-award-item-title {
    max-width: 240px;
    margin-bottom: 9px;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-award-item-title {
    max-width: 400px;
    margin-bottom: 0;
    font-size: 26px;
    line-height: 34px;
}
}@media (min-width:1024px) {
    .sf-award-item-title {
    max-width: 525px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-award-item-title {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-award-item-title {
    max-width: 670px;
    font-size: 46px;
    line-height: 60px;
}
}.sf-award-item-text {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-award-item-text {
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:768px) {
    .sf-award-item-text {
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-award-item-text {
    font-size: 18px;
    line-height: 30px;
}
}@media (min-width:1200px) {
    .sf-award-item: hover {
    color: #51c8ff;
}
}.sf-award-img {
    display: none;
}
@media (min-width:1200px) {
    .sf-award-img {
    display: block;
    width: 375px;
    height: 500px;
    position: absolute;
    left: -187px;
    top: -250px;
    z-index: 1;
    opacity: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
    pointer-events: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
}.sf-award-img.-active {
    opacity: 1;
}
.sf-logos {
    overflow: hidden;
}
.sf-logos-content {
    padding: 80px 0 120px;
}
@media (min-width:768px) {
    .sf-logos-content {
    padding-bottom: 180px;
}
}@media (min-width:1024px) {
    .sf-logos-content {
    padding-bottom: 220px;
}
}@media (min-width:1200px) {
    .sf-logos-content {
    padding: 100px 0 250px;
}
}@media (min-width:1600px) {
    .sf-logos-content {
    padding: 150px 0 300px;
}
}.sf-logos-action {
    margin: 50px 0 0 0;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .135px;
    text-align: center;
    text-transform: uppercase;
    color: #2549ca;
}
@media (min-width:768px) {
    .sf-logos-action {
    margin: 60px 0 0 0;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-logos-action {
    margin: 70px 0 0 0;
    font-size: 18px;
    line-height: 36px;
}
}.sf-logos-action a {
    display: inline-block;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2549ca), to(#2549ca));
    background-image: -webkit-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: -moz-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: -o-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: linear-gradient(0deg, #2549ca 0, #2549ca 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.sf-logos-action a:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
.sf-logos-all {
    display: none;
}
.sf-logos-title {
    margin: 0 0 50px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-logos-title {
    margin-bottom: 80px;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-logos-title {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-logos-title {
    margin-bottom: 105px;
}
}@media (min-width:1600px) {
    .sf-logos-title {
    margin-bottom: 120px;
    font-size: 46px;
    line-height: 60px;
}
}.sf-logos-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 64px;
}
@media (min-width:768px) {
    .sf-logos-list {
    margin-bottom: 90px;
}
}@media (min-width:1024px) {
    .sf-logos-list {
    margin-bottom: 97px;
}
}@media (min-width:1200px) {
    .sf-logos-list {
    margin-bottom: 120px;
}
}.sf-logos-list:last-child {
    margin-bottom: 0;
}
.sf-logos-list-item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 51px;
    margin-right: 96px;
}
@media (min-width:768px) {
    .sf-logos-list-item {
    height: 71px;
    margin-right: 134px;
}
}@media (min-width:1024px) {
    .sf-logos-list-item {
    height: 77px;
    margin-right: 146px;
}
}@media (min-width:1200px) {
    .sf-logos-list-item {
    height: 95px;
    margin-right: 180px;
}
}.sf-logos-list-item img {
    max-height: 100%}
@media (min-width:768px) {
    .sf-logos.-sm .sf-logos-list-item {
    height: 70px;
    margin-right: 80px;
}
}@media (min-width:1200px) {
    .sf-logos.-sm .sf-logos-list {
    margin-bottom: 100px;
}
}.sf-logos.-sm .sf-logos-list:last-child {
    margin-bottom: 0;
}
.sf-text-content {
    padding-bottom: 114px;
}
@media (min-width:768px) {
    .sf-text-content {
    padding-bottom: 180px;
}
}@media (min-width:1024px) {
    .sf-text-content {
    padding-bottom: 80px;
}
}@media (min-width:1200px) {
    .sf-text-content {
    padding-bottom: 100px;
}
}@media (min-width:1600px) {
    .sf-text-content {
    padding-bottom: 150px;
}
}.sf-text-title {
    margin: 0 0 50px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-text-title {
    margin-bottom: 80px;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-text-title {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-text-title {
    margin-bottom: 90px;
    font-size: 46px;
    line-height: 60px;
}
}.sf-text-email {
    display: inline-block;
    margin-bottom: 30px;
    color: #51c8ff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #51c8ff), to(#51c8ff));
    background-image: -webkit-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: -moz-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: -o-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: linear-gradient(0deg, #51c8ff 0, #51c8ff 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.sf-text-email:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
@media (min-width:768px) {
    .sf-text-email {
    margin-bottom: 50px;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-text-email {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-text-email {
    margin-bottom: 40px;
    font-size: 46px;
    line-height: 60px;
}
}.sf-text-description {
    margin-bottom: 26px;
    color: #03115a;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
.sf-text-description p {
    margin: 0 0 20px;
}
@media (min-width:768px) {
    .sf-text-description {
    max-width: 686px;
    margin-bottom: 50px;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1024px) {
    .sf-text-description {
    max-width: 860px;
}
}@media (min-width:1200px) {
    .sf-text-description {
    margin-bottom: 70px;
}
}@media (min-width:1600px) {
    .sf-text-description {
    margin-bottom: 60px;
    font-size: 18px;
    line-height: 36px;
}
}.sf-text-link {
    color: #03115a;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #03115a), to(#03115a));
    background-image: -webkit-linear-gradient(bottom, #03115a 0, #03115a 100%);
    background-image: -moz-linear-gradient(bottom, #03115a 0, #03115a 100%);
    background-image: -o-linear-gradient(bottom, #03115a 0, #03115a 100%);
    background-image: linear-gradient(0deg, #03115a 0, #03115a 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .135em;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.sf-text-link:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
@media (min-width:768px) {
    .sf-text-link {
    font-size: 16px;
    line-height: 24px;
}
}.sf-text-terms {
    font-size: 15px;
    line-height: 28px;
    letter-spacing: .01em;
}
.sf-text-terms-bold {
    font-weight: 600;
    color: #000;
    font-size: 16px;
}
.sf-text-termsborder {
    font-size: 15px;
    line-height: 28px;
    letter-spacing: .01em;
    border-style: outset;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    color: gray;
}
.sf-text-termsborder-bold {
    font-weight: 600;
    color: #000;
    font-size: 16px;
}
.sf-list {
    padding-bottom: 10px;
    font-size: 15px;
}
.sf-list-ordered-list {
    padding-top: 15px;
}
.sf-list-lower-alpha {
    list-style-type: lower-alpha;
}
.sf-list-lower-roman {
    list-style-type: lower-roman;
}
.sf-list-bullets {
    list-style-type: "•";
    color: #000;
    padding: 5px;
}
.sf-list-circle {
    list-style-type: circle;
}
.sf-list a {
    position: relative;
}
.sf-list a:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -5px;
    left: 0;
    height: 2px;
    background: #51c8ff;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    -o-transition: -o-transform .35s;
    -moz-transition: transform .35s, -moz-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s, -moz-transform .35s, -o-transform .35s;
}
@media (min-width:768px) {
    .sf-list a: after {
    height: 4px;
}
}.sf-list a:hover:after {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
}
.sf-topper {
    position: relative;
    z-index: 1;
}
.sf-topper-content {
    padding: 120px 0 80px 0;
}
@media (min-width:768px) {
    .sf-topper-content {
    padding: 200px 0 80px 0;
}
}@media (min-width:1200px) {
    .sf-topper-content {
    padding: 200px 0 100px 0;
}
}@media (min-width:1600px) {
    .sf-topper-content {
    padding: 245px 0 140px 0;
}
}.sf-topper-content.-center {
    text-align: center;
}
@media (min-width:768px) {
    .sf-topper-content.-center .sf-topper-title {
    margin: 0 auto 30px;
    max-width: 688px;
}
}@media (min-width:1024px) {
    .sf-topper-content.-center .sf-topper-title {
    max-width: 860px;
}
}@media (min-width:1600px) {
    .sf-topper-content.-center .sf-topper-title {
    margin-bottom: 40px;
    max-width: 1040px;
}
}.sf-topper-contentcase {
    padding: 120px 0 0 0;
}
@media (min-width:768px) {
    .sf-topper-contentcase {
    padding: 200px 0 0 0;
}
}@media (min-width:1200px) {
    .sf-topper-contentcase {
    padding: 200px 0 0 0;
}
}@media (min-width:1600px) {
    .sf-topper-contentcase {
    padding: 245px 0 0 0;
}
}.sf-topper-container.-sm {
    padding: 0 16px;
}
@media (min-width:768px) {
    .sf-topper-container.-sm {
    padding: 0 125px;
}
}@media (min-width:1024px) {
    .sf-topper-container.-sm {
    width: 658px;
    padding: 0;
    margin: 0 auto;
}
}@media (min-width:1200px) {
    .sf-topper-container.-sm {
    width: 772px;
}
}@media (min-width:1600px) {
    .sf-topper-container.-sm {
    width: 800px;
}
}.sf-topper-containerblog.-sm {
    padding: 0 16px;
}
@media (min-width:768px) {
    .sf-topper-containerblog.-sm {
    padding: 0 125px;
}
}@media (min-width:1024px) {
    .sf-topper-containerblog.-sm {
    width: 658px;
    padding: 0;
    margin: 0 auto;
}
}@media (min-width:1200px) {
    .sf-topper-containerblog.-sm {
    width: 772px;
}
}@media (min-width:1600px) {
    .sf-topper-containerblog.-sm {
    width: 800px;
}
}@media (min-width:768px) {
    .sf-topper-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -42px;
}
}@media (min-width:1024px) {
    .sf-topper-grid {
    margin: 0 -55px;
}
}@media (min-width:1200px) {
    .sf-topper-grid {
    margin: 0 -40px;
}
}@media (min-width:1600px) {
    .sf-topper-grid {
    margin: 0 -30px;
}
}.sf-topper-grid-col {
    margin: 0 0 30px 0;
}
.sf-topper-grid-col:last-child {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .sf-topper-grid-col {
    width: 50%;
    padding: 0 42px;
    margin: 0;
}
}@media (min-width:1024px) {
    .sf-topper-grid-col {
    padding: 0 55px;
}
}@media (min-width:1200px) {
    .sf-topper-grid-col {
    padding: 0 40px;
}
}@media (min-width:1600px) {
    .sf-topper-grid-col {
    padding: 0 30px;
}
}.sf-topper-row {
    margin: 0 0 80px 0;
}
@media (min-width:1024px) {
    .sf-topper-row {
    margin: 0 0 100px 0;
}
}@media (min-width:1600px) {
    .sf-topper-row {
    margin: 0 0 70px 0;
}
}.sf-topper-text {
    color: #020213;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
    text-align: left;
}
@media (min-width:768px) {
    .sf-topper-text {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-topper-text {
    font-size: 18px;
    line-height: 36px;
}
}.sf-topper-text p {
    margin: 0;
}
.sf-topper-text p:last-child {
    margin-bottom: 0;
}
.sf-topper-title {
    margin: 0 0 20px 0;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-topper-title {
    margin: 0 0 30px 0;
}
}@media (min-width:1600px) {
    .sf-topper-title {
    margin: 0 0 40px 0;
}
}.sf-topper-title:last-child {
    margin: 0;
}
.sf-topper-title h1 {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-topper-title h1 {
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-topper-title h1 {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-topper-title h1 {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-topper-title h1 {
    font-size: 76px;
    line-height: 88px;
}
}.sf-topper-title br {
    display: none;
}
@media (min-width:768px) {
    .sf-topper-title br {
    display: inline;
}
}.sf-topper-title.-wall {
    text-align: left;
}
.sf-topper-titlecasestudy {
    margin: 0 0 20px 0;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-topper-titlecasestudy {
    margin: 0 0 30px 0;
}
}@media (min-width:1600px) {
    .sf-topper-titlecasestudy {
    margin: 0 0 40px 0;
}
}.sf-topper-titlecasestudy:last-child {
    margin: 0;
}
.sf-topper-titlecasestudy h1 {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-topper-titlecasestudy h1 {
    font-size: 26px;
    line-height: 32px;
}
}@media (min-width:1024px) {
    .sf-topper-titlecasestudy h1 {
    font-size: 36px;
    line-height: 43px;
}
}@media (min-width:1200px) {
    .sf-topper-titlecasestudy h1 {
    font-size: 46px;
    line-height: 55px;
}
}@media (min-width:1600px) {
    .sf-topper-titlecasestudy h1 {
    font-size: 56px;
    line-height: 68px;
}
}.sf-topper-titlecasestudy br {
    display: none;
}
@media (min-width:768px) {
    .sf-topper-titlecasestudy br {
    display: inline;
}
}.sf-topper-titlecasestudy.-wall {
    text-align: left;
}
.sf-topper-title-case {
    margin: 0 0 20px 0;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-topper-title-case {
    margin: 0 0 30px 0;
}
}@media (min-width:1600px) {
    .sf-topper-title-case {
    margin: 0 0 40px 0;
}
}.sf-topper-title-case:last-child {
    margin: 0;
}
.sf-topper-title-case h1 {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-topper-title-case h1 {
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-topper-title-case h1 {
    font-size: 40px;
    line-height: 48px;
}
}@media (min-width:1200px) {
    .sf-topper-title-case h1 {
    font-size: 46px;
    line-height: 55px;
}
}@media (min-width:1600px) {
    .sf-topper-title-case h1 {
    font-size: 56px;
    line-height: 66px;
}
}.sf-topper-title-case br {
    display: none;
}
@media (min-width:768px) {
    .sf-topper-title-case br {
    display: inline;
}
}.sf-topper-title-case.-wall {
    text-align: left;
}
.sf-topper-title-release {
    margin: 0 0 20px 0;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-topper-title-release {
    margin: 0 0 30px 0;
}
}@media (min-width:1600px) {
    .sf-topper-title-release {
    margin: 0 0 40px 0;
}
}.sf-topper-title-release:last-child {
    margin: 0;
}
.sf-topper-title-release h1 {
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-topper-title-release h1 {
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-topper-title-release h1 {
    font-size: 32px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-topper-title-release h1 {
    font-size: 42px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-topper-title-release h1 {
    font-size: 76px;
    line-height: 88px;
}
}.sf-topper-description {
    margin: 0 0 80px 0;
    color: #9aa0b1;
}
@media (min-width:1200px) {
    .sf-topper-description {
    margin: 0 0 100px 0;
}
}@media (min-width:1600px) {
    .sf-topper-description {
    margin: 0 0 140px 0;
}
}.sf-topper-description:last-child {
    margin-bottom: 0;
}
.sf-topper-description p {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-topper-description p {
    font-size: 16px;
    line-height: 29px;
}
}@media (min-width:1024px) {
    .sf-topper-description p {
    font-size: 18px;
    line-height: 33px;
}
}@media (min-width:1200px) {
    .sf-topper-description p {
    font-size: 16px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-topper-description p {
    font-size: 18px;
    line-height: 33px;
}
}@media (min-width:768px) {
    .sf-topper-description.-lg {
    margin: 0 0 120px 0;
}
}@media (min-width:1024px) {
    .sf-topper-description.-lg {
    margin: 0 0 140px 0;
}
}@media (min-width:1200px) {
    .sf-topper-description.-lg {
    margin: 0 0 145px 0;
}
}@media (min-width:1600px) {
    .sf-topper-description.-lg {
    margin: 0 0 100px 0;
}
}.sf-topper-img {
    height: 300px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
.sf-topper-img-404 {
    height: auto;
    max-width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
.sf-topper-video {
    position: relative;
}
.sf-topper-video-img {
    height: 300px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
.sf-topper-video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, .3);
    border: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.sf-topper-video-play-ico {
    width: 28px;
    height: 31px;
    margin: -3px 0 0 4px;
    color: #fff;
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -o-transform: rotate(9deg);
    transform: rotate(9deg);
}
@media (min-width:1600px) {
    .sf-topper-video-play-ico {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
}.sf-topper-video-play-ico svg {
    width: 100%;
    height: 100%}
.sf-topper-action {
    margin: 0 0 80px 0;
}
@media (min-width:1200px) {
    .sf-topper-action {
    margin: 0 0 110px 0;
}
}@media (min-width:1600px) {
    .sf-topper-action {
    margin: 0 0 140px 0;
}
}.sf-topper-btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
}
@media (min-width:768px) {
    .sf-topper-btns {
    display: block;
    margin-top: 40px;
}
}@media (min-width:1024px) {
    .sf-topper-btns {
    margin-top: 50px;
}
}@media (min-width:1200px) {
    .sf-topper-btns {
    margin-top: 60px;
}
}.sf-topper-btns-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
@media (min-width:768px) {
    .sf-topper-btns-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
}.sf-topper-btns-item {
    margin-bottom: 14px;
}
.sf-topper-btns-item:last-child {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .sf-topper-btns-item {
    margin: 0 7px;
}
}@media (min-width:1024px) {
    .sf-topper-btns-item {
    margin: 0 10px;
    min-width: 288px;
}
}@media (min-width:1200px) {
    .sf-topper-btns-item {
    min-width: 327px;
}
}.sf-topper-map img {
    width: 100%}
.sf-topper-crumb {
    margin: 0 0 10px 0;
    color: #9aa0b1;
}
@media (min-width:768px) {
    .sf-topper-crumb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
}.sf-topper-crumb-text {
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
}
.sf-topper-crumb-text:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-topper-crumb-text {
    margin: 0 52px 0 0;
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1024px) {
    .sf-topper-crumb-text {
    margin: 0 55px 0 0;
}
}@media (min-width:1200px) {
    .sf-topper-crumb-text {
    margin: 0 40px 0 0;
    font-size: 18px;
    line-height: 27px;
}
}.sf-topper-crumb-text.-primary {
    color: #51c8ff;
}
.sf-topper.-sm .sf-topper-content {
    padding: 120px 0 50px 0;
}
@media (min-width:768px) {
    .sf-topper.-sm .sf-topper-content {
    padding: 200px 0 80px 0;
}
}@media (min-width:1200px) {
    .sf-topper.-sm .sf-topper-content {
    padding: 200px 0 100px 0;
}
}@media (min-width:1600px) {
    .sf-topper.-sm .sf-topper-content {
    padding: 255px 0 120px 0;
}
}.sf-topper.-xs .sf-topper-content {
    padding: 120px 0 30px 0;
}
@media (min-width:768px) {
    .sf-topper.-xs .sf-topper-content {
    padding: 200px 0 50px 0;
}
}@media (min-width:1600px) {
    .sf-topper.-xs .sf-topper-content {
    padding: 245px 0 50px 0;
}
}.sf-topper.-md .sf-topper-content {
    padding: 120px 0 80px 0;
}
@media (min-width:768px) {
    .sf-topper.-md .sf-topper-content {
    padding: 200px 0 125px 0;
}
}@media (min-width:1024px) {
    .sf-topper.-md .sf-topper-content {
    padding: 200px 0 140px 0;
}
}@media (min-width:1600px) {
    .sf-topper.-md .sf-topper-content {
    padding: 245px 0 160px 0;
}
}.sf-topper-logo {
    height: auto;
    margin-bottom: 40px;
}
@media (min-width:768px) {
    .sf-topper-logo {
    height: auto;
}
}@media (min-width:1024px) {
    .sf-topper-logo {
    height: auto;
}
}@media (min-width:1600px) {
    .sf-topper-logo {
    height: auto;
}
}.sf-topper-logo img {
    height: auto;
}
.sf-topic-content {
    padding: 0 0 100px 0;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-topic-content {
    padding: 0 0 170px 0;
}
}@media (min-width:1024px) {
    .sf-topic-content {
    padding: 0 0 220px 0;
}
}@media (min-width:1200px) {
    .sf-topic-content {
    padding: 0 0 250px 0;
}
}@media (min-width:1600px) {
    .sf-topic-content {
    padding: 0 0 300px 0;
}
}.sf-topic.-inverse .sf-topic-content {
    padding: 80px 0;
    background: #f3f9fd;
}
@media (min-width:768px) {
    .sf-topic.-inverse .sf-topic-content {
    padding: 140px 0;
}
}@media (min-width:1024px) {
    .sf-topic.-inverse .sf-topic-content {
    padding: 160px 0;
}
}@media (min-width:1200px) {
    .sf-topic.-inverse .sf-topic-content {
    padding: 200px 0;
}
}.sf-topic-header {
    margin: 0 0 80px 0;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-topic-header {
    margin: 0 0 100px 0;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-topic-header {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-topic-header {
    font-size: 46px;
    line-height: 60px;
}
}.sf-topic-items {
    margin: -30px 0 0 0;
}
@media (min-width:768px) {
    .sf-topic-items {
    margin: -60px 0 0 0;
}
}.sf-topic-item {
    padding: 30px 0;
    border-bottom: 1px solid rgba(3, 23, 78, .1);
}
@media (min-width:768px) {
    .sf-topic-item {
    padding: 60px 0;
}
}@media (min-width:768px) {
    .sf-topic-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}@media (min-width:768px) {
    .sf-topic-grid-col {
    width: 50%}
}.sf-topic-title {
    margin: 0 0 30px 0;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    font-weight: 600;
    text-transform: uppercase;
}
@media (min-width:768px) {
    .sf-topic-title {
    margin: 0;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-topic-title {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-topic-title {
    font-size: 26px;
    line-height: 34px;
}
}.sf-topic-title br {
    display: none;
}
@media (min-width:768px) {
    .sf-topic-title br {
    display: block;
}
}.sf-topic-description {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-topic-description {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-topic-description {
    font-size: 18px;
    line-height: 36px;
}
}.sf-topic-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.sf-topic-img-list {
    margin: 0 0 30px 0;
}
.sf-topic-img-list:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-topic-img-list {
    margin: 0 0 40px 0;
}
}@media (min-width:1024px) {
    .sf-topic-img-list {
    margin: 0 0 50px 0;
}
}@media (min-width:1200px) {
    .sf-topic-img-list {
    margin: 0 0 60px 0;
}
}.sf-topic-img-item {
    height: 20px;
    padding: 0 20px;
}
@media (min-width:768px) {
    .sf-topic-img-item {
    height: 30px;
}
}@media (min-width:1024px) {
    .sf-topic-img-item {
    height: 40px;
}
}@media (min-width:1200px) {
    .sf-topic-img-item {
    height: 50px;
}
}.sf-topic-img-item.-lg {
    height: 70px;
}
@media (min-width:768px) {
    .sf-topic-img-item.-lg {
    height: 80px;
}
}@media (min-width:1024px) {
    .sf-topic-img-item.-lg {
    height: 90px;
}
}@media (min-width:1200px) {
    .sf-topic-img-item.-lg {
    height: 100px;
}
}.sf-topic-img-item img {
    height: 100%}
.sf-team-content {
    padding: 0 0 86px 0;
}
@media (min-width:768px) {
    .sf-team-content {
    padding: 0 0 180px 0;
}
}@media (min-width:1024px) {
    .sf-team-content {
    padding: 0 0 220px 0;
}
}@media (min-width:1200px) {
    .sf-team-content {
    padding: 0 0 250px 0;
}
}@media (min-width:1600px) {
    .sf-team-content {
    padding: 0 0 300px 0;
}
}.sf-team-title {
    margin: 0 0 50px 0;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-team-title {
    margin: 0 0 185px 0;
}
}@media (min-width:1200px) {
    .sf-team-title {
    margin: 0 0 165px 0;
}
}@media (min-width:1600px) {
    .sf-team-title {
    margin: 0 0 185px 0;
}
}.sf-team-title h2 {
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-team-title h2 {
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-team-title h2 {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-team-title h2 {
    font-size: 46px;
    line-height: 60px;
}
}.sf-team-items {
    margin: 0 -13px;
    white-space: nowrap;
    overflow: auto;
}
.sf-team-items::-webkit-scrollbar {
    width: 0;
    background: 0 0;
}
@media (min-width:768px) {
    .sf-team-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    margin: -27px -13px;
}
}@media (min-width:1024px) {
    .sf-team-items {
    margin: -41px -15px;
    white-space: normal;
    overflow: initial;
}
}@media (min-width:1200px) {
    .sf-team-items {
    margin: -60px -29px;
}
}@media (min-width:1600px) {
    .sf-team-items {
    margin: -70px -35px;
}
}.sf-team-item {
    display: inline-block;
    padding: 0 13px;
    width: 212px;
}
.sf-team-item:nth-child(2) {
    margin: -85px 0 0 0;
}
.sf-team-item:nth-child(5) {
    margin: -85px 0 0 0;
}
.sf-team-item:nth-child(8) {
    margin: -85px 0 0 0;
}
@media (min-width:768px) {
    .sf-team-item {
    width: 33.3333%;
    padding: 27px 13px;
}
}@media (min-width:1024px) {
    .sf-team-item {
    padding: 41px 15px;
}
}@media (min-width:1200px) {
    .sf-team-item {
    padding: 60px 29px;
}
}@media (min-width:1600px) {
    .sf-team-item {
    padding: 70px 35px;
}
}.sf-team-item-content {
    position: relative;
    height: 282px;
}
@media (min-width:1024px) {
    .sf-team-item-content {
    height: 355px;
}
}@media (min-width:1200px) {
    .sf-team-item-content {
    height: 384px;
}
}@media (min-width:1600px) {
    .sf-team-item-content {
    height: 400px;
}
}.sf-team-item-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: top center;
}
.sf-team-item-body {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 1;
    color: #fff;
}
@media (min-width:1024px) {
    .sf-team-item-body {
    bottom: 40px;
    left: 40px;
}
}@media (min-width:1200px) {
    .sf-team-item-body {
    bottom: 46px;
    left: 46px;
}
}@media (min-width:1600px) {
    .sf-team-item-body {
    bottom: 50px;
    left: 50px;
}
}.sf-team-number {
    margin: 0 0 3px 0;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    text-transform: uppercase;
}
@media (min-width:1200px) {
    .sf-team-number {
    margin: 0;
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-team-number {
    font-size: 26px;
    line-height: 34px;
}
}.sf-team-text {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    font-weight: 600;
    text-transform: uppercase;
}
@media (min-width:1200px) {
    .sf-team-text {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-team-text {
    font-size: 26px;
    line-height: 34px;
}
}.sf-culture-content {
    padding: 50px 0;
    background: #020213;
    color: #fff;
}
@media (min-width:768px) {
    .sf-culture-content {
    padding: 80px 0;
}
}@media (min-width:1024px) {
    .sf-culture-content {
    padding: 110px 0;
}
}@media (min-width:1200px) {
    .sf-culture-content {
    padding: 125px 0;
}
}@media (min-width:1600px) {
    .sf-culture-content {
    padding: 175px 0;
}
}.sf-culture-content.-xs {
    padding: 80px 0 50px 0;
}
@media (min-width:768px) {
    .sf-culture-content.-xs {
    padding: 180px 0 60px 0;
}
}@media (min-width:1024px) {
    .sf-culture-content.-xs {
    padding: 220px 0 90px 0;
}
}@media (min-width:1200px) {
    .sf-culture-content.-xs {
    padding: 250px 0 90px 0;
}
}@media (min-width:1600px) {
    .sf-culture-content.-xs {
    padding: 300px 0 100px 0;
}
}.sf-culture-content.-sm {
    padding: 80px 0 55px 0;
}
@media (min-width:768px) {
    .sf-culture-content.-sm {
    padding: 180px 0 160px 0;
}
}@media (min-width:1024px) {
    .sf-culture-content.-sm {
    padding: 220px 0 150px 0;
}
}@media (min-width:1200px) {
    .sf-culture-content.-sm {
    padding: 250px 0 170px 0;
}
}@media (min-width:1600px) {
    .sf-culture-content.-sm {
    padding: 300px 0 200px 0;
}
}.sf-culture-content.-md {
    padding: 0 0 100px 0;
}
@media (min-width:768px) {
    .sf-culture-content.-md {
    padding: 0 0 255px 0;
}
}@media (min-width:1024px) {
    .sf-culture-content.-md {
    padding: 0 0 220px 0;
}
}@media (min-width:1200px) {
    .sf-culture-content.-md {
    padding: 0 0 220px 0;
}
}@media (min-width:1600px) {
    .sf-culture-content.-md {
    padding: 0 0 300px 0;
}
}.sf-culture-content.-lg {
    padding: 50px 0 120px 0;
}
@media (min-width:768px) {
    .sf-culture-content.-lg {
    padding: 80px 0 220px 0;
}
}@media (min-width:1024px) {
    .sf-culture-content.-lg {
    padding: 110px 0 290px 0;
}
}@media (min-width:1200px) {
    .sf-culture-content.-lg {
    padding: 125px 0 250px 0;
}
}@media (min-width:1600px) {
    .sf-culture-content.-lg {
    padding: 175px 0 500px 0;
}
}.sf-culture-content.-xl {
    padding: 134px 0 100px 0;
}
@media (min-width:768px) {
    .sf-culture-content.-xl {
    padding: 180px 0 190px 0;
}
}@media (min-width:1024px) {
    .sf-culture-content.-xl {
    padding: 220px 0 210px 0;
}
}@media (min-width:1200px) {
    .sf-culture-content.-xl {
    padding: 180px 0 292px 0;
}
}@media (min-width:1600px) {
    .sf-culture-content.-xl {
    padding: 300px 0 250px 0;
}
}.sf-culture-content.-center {
    text-align: center;
}
.sf-culture.-inverse .sf-culture-content {
    background: #fff;
    color: #020213;
}
.sf-culture-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
@media (min-width:768px) {
    .sf-culture-grid {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
}@media (min-width:768px) {
    .sf-culture-grid-col {
    width: 50%}
}@media (min-width:768px) {
    .sf-culture.-lg .sf-culture-grid-col.-left {
    padding: 0 30px 0 0;
}
}@media (min-width:1024px) {
    .sf-culture.-lg .sf-culture-grid-col.-left {
    padding: 0 90px 0 0;
}
}@media (min-width:1200px) {
    .sf-culture.-lg .sf-culture-grid-col.-left {
    padding: 0 30px 0 0;
}
}@media (min-width:768px) {
    .sf-culture-grid-col.-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
}.sf-culture-title {
    margin: 0 0 60px 0;
}
@media (min-width:1024px) {
    .sf-culture-title {
    margin: 0 0 80px 0;
}
}@media (min-width:1200px) {
    .sf-culture-title {
    margin: 0 0 100px 0;
}
}@media (min-width:1600px) {
    .sf-culture-title {
    margin: 0 0 120px 0;
}
}.sf-culture-title h2 {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-culture-title h2 {
    font-size: 40px;
    line-height: 46px;
}
}@media (min-width:1024px) {
    .sf-culture-title h2 {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-culture-title h2 {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-culture-title h2 {
    font-size: 76px;
    line-height: 88px;
}
}.sf-culture.-lg .sf-culture-title {
    text-align: center;
}
@media (min-width:768px) {
    .sf-culture.-lg .sf-culture-title {
    margin: 0 0 150px 0;
}
}@media (min-width:1024px) {
    .sf-culture.-lg .sf-culture-title {
    margin: 0 0 166px 0;
}
}@media (min-width:1200px) {
    .sf-culture.-lg .sf-culture-title {
    margin: 0 0 140px 0;
}
}@media (min-width:1600px) {
    .sf-culture.-lg .sf-culture-title {
    margin: 0 0 150px 0;
}
}.sf-culture-brief {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .01em;
    font-weight: 300;
}
@media (min-width:768px) {
    .sf-culture-brief {
    max-width: 537px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 25px;
}
}@media (min-width:1024px) {
    .sf-culture-brief {
    max-width: 660px;
    font-size: 20px;
    line-height: 28px;
}
}@media (min-width:1200px) {
    .sf-culture-brief {
    max-width: 790px;
    font-size: 22px;
    line-height: 31px;
}
}@media (min-width:1600px) {
    .sf-culture-brief {
    max-width: 800px;
    font-size: 26px;
    line-height: 36px;
}
}.sf-culture-brief p {
    margin: 0;
}
.sf-culture-heading {
    margin: 0 0 30px 0;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-culture-heading {
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-culture-heading {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-culture-heading {
    margin: 0 0 40px 0;
    font-size: 46px;
    line-height: 60px;
}
}.sf-culture-heading span {
    position: relative;
    border: 1px solid navy;
    font-size: 10px;
    padding-bottom: 10px;
    color: #3093e8;
    background-position: 2px;
    padding: 5px;
    -webkit-border-radius: 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px;
    border-radius: 5px 5px 5px;
    border: 1px solid #1417bb;
    padding-left: 7px;
    position: relative;
    margin-left: 15px;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 23px;
    letter-spacing: .2em;
    text-align: center;
}
.sf-culture-description {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-culture-description {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-culture-description {
    font-size: 18px;
    line-height: 36px;
}
}.sf-culture-img {
    position: relative;
    width: 200px;
    margin: 0 0 50px 0;
}
@media (min-width:768px) {
    .sf-culture-img {
    width: 240px;
    margin: 0;
}
}@media (min-width:1024px) {
    .sf-culture-img {
    width: 300px;
}
}@media (min-width:1200px) {
    .sf-culture-img {
    width: 320px;
}
}@media (min-width:1600px) {
    .sf-culture-img {
    width: 400px;
}
}.sf-culture-img img {
    width: 100%}
.sf-culture.-lg .sf-culture-img {
    width: 236px;
}
@media (min-width:768px) {
    .sf-culture.-lg .sf-culture-img {
    width: 297px;
    margin: 0;
}
}@media (min-width:1024px) {
    .sf-culture.-lg .sf-culture-img {
    width: 340px;
}
}@media (min-width:1200px) {
    .sf-culture.-lg .sf-culture-img {
    width: 360px;
}
}@media (min-width:1600px) {
    .sf-culture.-lg .sf-culture-img {
    width: 400px;
}
}.sf-system-content {
    padding: 0 0 126px 0;
    background: #020213;
    color: #fff;
}
@media (min-width:768px) {
    .sf-system-content {
    padding: 0 0 256px 0;
}
}@media (min-width:1024px) {
    .sf-system-content {
    padding: 0 0 290px 0;
}
}@media (min-width:1200px) {
    .sf-system-content {
    padding: 0 0 365px 0;
}
}@media (min-width:1600px) {
    .sf-system-content {
    padding: 0 0 260px 0;
}
}.sf-system-grid {
    max-width: 320px;
    margin: 0 auto;
}
@media (min-width:768px) {
    .sf-system-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    margin: 0 -13px;
}
}@media (min-width:1024px) {
    .sf-system-grid {
    margin: 0 -15px;
}
}@media (min-width:1200px) {
    .sf-system-grid {
    margin: 0 -19px;
}
}@media (min-width:1600px) {
    .sf-system-grid {
    margin: 0 -20px;
}
}@media (min-width:768px) {
    .sf-system-grid-col {
    padding: 0 13px;
    width: 50%}
}@media (min-width:1024px) {
    .sf-system-grid-col {
    padding: 0 15px;
}
}@media (min-width:1200px) {
    .sf-system-grid-col {
    padding: 0 19px;
}
}@media (min-width:1600px) {
    .sf-system-grid-col {
    padding: 0 20px;
}
}.sf-system-item {
    margin: 0 0 30px 0;
    padding: 60px 24px;
    background: rgba(108, 130, 187, .1);
}
@media (min-width:768px) {
    .sf-system-item {
    margin: 0 0 24px 0;
    padding: 60px 35px;
}
}@media (min-width:1024px) {
    .sf-system-item {
    margin: 0 0 30px 0;
    padding: 70px 44px;
}
}@media (min-width:1200px) {
    .sf-system-item {
    margin: 0 0 40px 0;
    padding: 80px 74px 80px 80px;
}
}@media (min-width:1600px) {
    .sf-system-item {
    padding: 89px 80px 80px 80px;
}
}.sf-system-item.-lg {
    padding: 60px 24px 46px 24px;
}
@media (min-width:768px) {
    .sf-system-item.-lg {
    padding: 50px 35px 46px 35px;
}
}@media (min-width:1024px) {
    .sf-system-item.-lg {
    padding: 60px 44px;
}
}@media (min-width:1200px) {
    .sf-system-item.-lg {
    padding: 75px 75px 75px 80px;
}
}@media (min-width:1600px) {
    .sf-system-item.-lg {
    padding: 80px;
}
}.sf-system-star {
    margin: 0 0 20px 0;
    max-width: 117px;
}
@media (min-width:1024px) {
    .sf-system-star {
    margin: 0 0 30px 0;
    max-width: 146px;
}
}@media (min-width:1200px) {
    .sf-system-star {
    max-width: 159px;
}
}@media (min-width:1600px) {
    .sf-system-star {
    margin: 0 0 28px 0;
    max-width: 166px;
}
}.sf-system-star img {
    width: 100%}
.sf-system-title {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-system-title {
    font-size: 26px;
    line-height: 34px;
}
}@media (min-width:1024px) {
    .sf-system-title {
    font-size: 30px;
    line-height: 39px;
}
}@media (min-width:1600px) {
    .sf-system-title {
    font-size: 36px;
    line-height: 47px;
}
}.sf-system-title.-thin {
    margin: 0 0 20px 0;
    font-weight: 400;
}
.sf-system-text {
    margin: 30px 0 0 0;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -.01em;
}
@media (min-width:768px) {
    .sf-system-text {
    font-size: 16px;
    line-height: 21px;
}
}@media (min-width:1024px) {
    .sf-system-text {
    margin: 50px 0 0 0;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-system-text {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-system-text {
    margin: 40px 0 0 0;
    font-size: 26px;
    line-height: 34px;
}
}.sf-system-img {
    margin: 20px 0 0 0;
    max-width: 225px;
}
@media (min-width:768px) {
    .sf-system-img {
    margin: 30px 0 0 0;
}
}@media (min-width:1024px) {
    .sf-system-img {
    margin: 40px 0 0 0;
    max-width: 281px;
}
}@media (min-width:1200px) {
    .sf-system-img {
    margin: 50px 0 0 0;
    max-width: 325px;
}
}@media (min-width:1600px) {
    .sf-system-img {
    margin: 40px 0 0 0;
    max-width: 340px;
}
}.sf-system-img img {
    width: 100%}
.sf-newstop {
    background: #020213;
    color: #fff;
    overflow: hidden;
}
.sf-newstop-content {
    padding: 120px 0 50px;
}
@media (min-width:768px) {
    .sf-newstop-content {
    padding: 200px 0 80px;
}
}@media (min-width:1200px) {
    .sf-newstop-content {
    padding-bottom: 100px;
}
}@media (min-width:1600px) {
    .sf-newstop-content {
    padding: 245px 0 150px;
}
}.sf-newstop-caption {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sf-newstop-caption-title {
    margin: 0;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-newstop-caption-title {
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-newstop-caption-title {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-newstop-caption-title {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-newstop-caption-title {
    font-size: 76px;
    line-height: 88px;
}
}.sf-newstop-caption-link {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 30px;
    color: #51c8ff;
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: .135em;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #51c8ff), to(#51c8ff));
    background-image: -webkit-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: -moz-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: -o-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: linear-gradient(0deg, #51c8ff 0, #51c8ff 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.sf-newstop-caption-link:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
@media (min-width:1024px) {
    .sf-newstop-caption-link {
    font-size: 16px;
    line-height: 28px;
}
}@media (min-width:1200px) {
    .sf-newstop-caption-link {
    line-height: 34px;
}
}@media (min-width:1600px) {
    .sf-newstop-caption-link {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 27px;
}
}.sf-newstop-slider {
    margin-top: 50px;
}
@media (min-width:768px) {
    .sf-newstop-slider {
    margin-top: 80px;
}
}@media (min-width:1200px) {
    .sf-newstop-slider {
    margin-top: 100px;
}
}.sf-newstop-slider-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.sf-newstop-slider-item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 237px;
}
@media (min-width:768px) {
    .sf-newstop-slider-item {
    width: 510px;
}
}@media (min-width:1024px) {
    .sf-newstop-slider-item {
    width: 563px;
}
}@media (min-width:1200px) {
    .sf-newstop-slider-item {
    width: 394px;
    -webkit-transition: width .4s;
    -o-transition: width .4s;
    -moz-transition: width .4s;
    transition: width .4s;
}
}@media (min-width:1600px) {
    .sf-newstop-slider-item {
    width: 410px;
}
}@media (min-width:1200px) {
    .sf-newstop-slider-item: first-child {
    width: 568px;
}
}@media (min-width:1600px) {
    .sf-newstop-slider-item: first-child {
    width: 590px;
}
}.sf-newstop-preview {
    width: 100%;
    height: 313px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-newstop-preview {
    height: 477px;
}
}@media (min-width:1024px) {
    .sf-newstop-preview {
    height: 527px;
}
}@media (min-width:1200px) {
    .sf-newstop-preview {
    height: 527px;
}
}@media (min-width:1600px) {
    .sf-newstop-preview {
    height: 547px;
}
}.sf-newstop-preview-img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
.sf-newstop-preview-description {
    position: relative;
    z-index: 1;
    padding: 20px;
}
@media (min-width:768px) {
    .sf-newstop-preview-description {
    padding: 60px;
}
}@media (min-width:1024px) {
    .sf-newstop-preview-description {
    padding: 50px 60px;
}
}@media (min-width:1600px) {
    .sf-newstop-preview-description {
    padding: 60px;
}
}.sf-newstop-preview-date {
    color: rgba(255, 255, 255, .6);
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-newstop-preview-date {
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1024px) {
    .sf-newstop-preview-date {
    font-size: 18px;
    line-height: 27px;
}
}.sf-newstop-preview-title {
    margin-top: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-newstop-preview-title {
    margin-top: 20px;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-newstop-preview-title {
    max-height: 90px;
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-newstop-preview-title {
    max-height: 104px;
    font-size: 26px;
    line-height: 34px;
}
}.sf-newstop-preview-titleblue {
    margin-top: 10px;
    color: #020213;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-newstop-preview-titleblue {
    margin-top: 20px;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-newstop-preview-titleblue {
    max-height: 90px;
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-newstop-preview-titleblue {
    max-height: 104px;
    font-size: 26px;
    line-height: 34px;
}
}.sf-newstop-preview-note {
    margin-top: 10px;
    color: #51c8ff;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-newstop-preview-note {
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1024px) {
    .sf-newstop-preview-note {
    font-size: 18px;
    line-height: 27px;
}
}.sf-newstop-preview-noteblue {
    margin-top: 10px;
    color: #020213;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-newstop-preview-noteblue {
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1024px) {
    .sf-newstop-preview-noteblue {
    font-size: 18px;
    line-height: 27px;
}
}.sf-our-content {
    padding: 80px 0 120px 0;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-our-content {
    padding: 200px 0 180px 0;
}
}@media (min-width:1024px) {
    .sf-our-content {
    padding: 220px 0;
}
}@media (min-width:1200px) {
    .sf-our-content {
    padding: 250px 0;
}
}@media (min-width:1600px) {
    .sf-our-content {
    padding: 300px 0;
}
}@media (min-width:768px) {
    .sf-our-content.-lg {
    padding: 180px 0;
}
}@media (min-width:1024px) {
    .sf-our-content.-lg {
    padding: 220px 0;
}
}@media (min-width:1200px) {
    .sf-our-content.-lg {
    padding: 220px 0 250px 0;
}
}@media (min-width:1600px) {
    .sf-our-content.-lg {
    padding: 300px 0 314px 0;
}
}@media (min-width:768px) {
    .sf-our-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
}.sf-our-grid-col.-left {
    display: none;
}
@media (min-width:768px) {
    .sf-our-grid-col.-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
}.sf-our-title {
    margin: 0 0 50px 0;
}
@media (min-width:768px) {
    .sf-our-title {
    margin: 0 0 80px 0;
}
}@media (min-width:1024px) {
    .sf-our-title {
    margin: 0 0 100px 0;
}
}.sf-our-title h2 {
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-our-title h2 {
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-our-title h2 {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-our-title h2 {
    font-size: 46px;
    line-height: 60px;
}
}.sf-our-body {
    padding: 50px 20px;
}
@media (min-width:768px) {
    .sf-our-body {
    padding: 50px 33px 50px 20px;
}
}@media (min-width:1024px) {
    .sf-our-body {
    padding: 80px 75px;
}
}@media (min-width:1024px) {
    .sf-our-body {
    padding: 80px 60px 80px 100px;
}
}@media (min-width:1600px) {
    .sf-our-body {
    padding: 80px 80px 60px 80px;
}
}.sf-our-items {
    white-space: nowrap;
}
.sf-our-item {
    display: inline-block;
    vertical-align: top;
    width: 266px;
    margin: 0 22px 0 0;
    background: #f3f9fd;
    white-space: normal;
}
@media (min-width:768px) {
    .sf-our-item {
    width: 688px;
    margin: 0 44px 0 0;
}
}@media (min-width:1024px) {
    .sf-our-item {
    width: 860px;
    margin: 0 40px 0 0;
}
}@media (min-width:1200px) {
    .sf-our-item {
    width: 1000px;
    margin: 0 70px 0 0;
}
}@media (min-width:1600px) {
    .sf-our-item {
    width: 1040px;
}
}.sf-our-item-ava {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    margin: 0 16px 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #74c4ec;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-our-item-ava {
    display: none;
}
}.sf-our-item-ava-bg {
    width: 100%;
    height: 100%;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}
.sf-our-item-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-our-item-name {
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-our-item-name {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-our-item-name {
    font-size: 26px;
    line-height: 34px;
}
}.sf-our-item-name-bio {
    display: inline-block;
    vertical-align: middle;
    padding-top: 44px;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-our-item-name-bio {
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-our-item-name-bio {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-our-item-name-bio {
    font-size: 26px;
    line-height: 34px;
}
}.sf-our-item-name-bio-desig {
    font-size: 12px;
    line-height: 21px;
    letter-spacing: -.03em;
    font-weight: 600;
    color: #9aa0b1;
}
@media (min-width:768px) {
    .sf-our-item-name-bio-desig {
    font-size: 16px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-our-item-name-bio-desig {
    font-size: 18px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-our-item-name-bio-desig {
    font-size: 22px;
    line-height: 34px;
}
}.sf-our-item-text {
    max-height: 112px;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
    color: #9aa0b1;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-our-item-text {
    max-height: 100%;
    font-size: 16px;
    line-height: 32px;
}
}.sf-our-item.-showed .sf-our-item-text {
    max-height: 100%}
.sf-our-item-textbio {
    max-height: 800px;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
    color: #9aa0b1;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-our-item-textbio {
    max-height: 100%;
    font-size: 16px;
    line-height: 32px;
}
}.sf-our-item.-showed .sf-our-item-textbio {
    max-height: 100%}
.sf-our-item-action {
    display: inline-block;
    margin: 10px 0 0 0;
    color: #2549ca;
}
@media (min-width:768px) {
    .sf-our-item-action {
    display: none;
}
}.sf-our-item-action button {
    margin: 0;
    padding: 0;
    color: inherit;
    background: 0 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: 0!important;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .135em;
    text-transform: uppercase;
}
.sf-our-item.-showed .sf-our-item-action {
    display: none;
}
@media (min-width:768px) {
    .sf-our-img {
    height: 468px;
}
}.sf-our-img img {
    height: 100%}
.sf-our-heading {
    margin: 0 0 20px 0;
}
@media (min-width:768px) {
    .sf-our-heading {
    margin: 0 0 30px 0;
}
}@media (min-width:1600px) {
    .sf-our-heading {
    margin: 0 0 40px 0;
}
}.sf-benefit-casecontent {
    padding-top: 53px;
}
@media (min-width:768px) {
    .sf-benefit-casecontent {
    padding-top: 70px;
}
}@media (min-width:1024px) {
    .sf-benefit-casecontent {
    padding-top: 100px;
}
}@media (min-width:1600px) {
    .sf-benefit-casecontent {
    padding-top: 100px;
}
}.sf-benefit-title {
    margin: 0 0 50px 0;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-benefit-title {
    margin: 0 0 80px 0;
}
}@media (min-width:1200px) {
    .sf-benefit-title {
    margin: 0 0 100px 0;
}
}.sf-benefit-title h2 {
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-benefit-title h2 {
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-benefit-title h2 {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-benefit-title h2 {
    font-size: 46px;
    line-height: 60px;
}
}@media (min-width:768px) {
    .sf-benefit-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
}@media (min-width:768px) {
    .sf-benefit-grid-col {
    width: 50%}
}.sf-benefit-item {
    position: relative;
    height: 217px;
    color: #fff;
}
@media (min-width:768px) {
    .sf-benefit-item {
    height: 319px;
}
}@media (min-width:1024px) {
    .sf-benefit-item {
    height: 346px;
}
}@media (min-width:1200px) {
    .sf-benefit-item {
    height: 410px;
}
}@media (min-width:1600px) {
    .sf-benefit-item {
    height: 500px;
}
}.sf-benefit-item-content {
    height: 100%}
@media (min-width:1600px) {
    .sf-benefit-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 89px 0 0;
}
}.sf-benefit-item-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.sf-benefit-item-casebg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -100%;
    z-index: 999;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.sf-benefit-item-container {
    padding: 0 16px;
    height: 100%}
@media (min-width:768px) {
    .sf-benefit-item-container {
    padding: 0 0 0 40px;
}
}@media (min-width:1024px) {
    .sf-benefit-item-container {
    padding: 0 0 0 82px;
}
}@media (min-width:1200px) {
    .sf-benefit-item-container {
    padding: 0 0 0 100px;
}
}@media (min-width:1600px) {
    .sf-benefit-item-container.-lg {
    max-width: 1040px;
    margin: 0 auto;
    padding: 0;
}
}.sf-benefit-item-body {
    max-width: 240px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 0;
}
@media (min-width:768px) {
    .sf-benefit-item-body {
    max-width: 320px;
    padding: 40px 0;
}
}@media (min-width:1024px) {
    .sf-benefit-item-body {
    max-width: 340px;
    padding: 50px 0;
}
}@media (min-width:1200px) {
    .sf-benefit-item-body {
    max-width: 430px;
    padding: 60px 0;
}
}@media (min-width:1600px) {
    .sf-benefit-item-body {
    padding: 80px 0;
}
}@media (min-width:1200px) {
    .sf-benefit-item-body.-sm {
    max-width: 330px;
}
}.sf-benefit-item-casebody {
    max-width: 240px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 0;
}
@media (min-width:768px) {
    .sf-benefit-item-casebody {
    max-width: 320px;
    padding: 40px 0;
}
}@media (min-width:1024px) {
    .sf-benefit-item-casebody {
    max-width: 340px;
    padding: 50px 0;
}
}@media (min-width:1200px) {
    .sf-benefit-item-casebody {
    max-width: 430px;
    padding: 60px 0;
}
}@media (min-width:1600px) {
    .sf-benefit-item-casebody {
    padding: 80px 0;
}
}@media (min-width:1200px) {
    .sf-benefit-item-casebody.-sm {
    max-width: 330px;
}
}.sf-benefit-item.-leah {
    background: #244ca2;
}
.sf-benefit-item.-waka {
    background: #80d7fe;
}
.sf-benefit-item.-trollz {
    background: #020213;
}
.sf-benefit-number {
    font-size: 30px;
    line-height: 35px;
    letter-spacing: .05em;
    z-index: 9999;
    opacity: .4;
}
@media (min-width:768px) {
    .sf-benefit-number {
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-benefit-number {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-benefit-number {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-benefit-number {
    font-size: 76px;
    line-height: 88px;
}
}.sf-benefit-text {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -.03em;
    font-weight: 600;
    padding-top: 30px;
}
@media (min-width:768px) {
    .sf-benefit-text {
    font-size: 20px;
    line-height: 26px;
    padding-top: 40px;
}
}@media (min-width:1200px) {
    .sf-benefit-text {
    font-size: 22px;
    line-height: 29px;
    padding-top: 110px;
}
}@media (min-width:1024px) {
    .sf-benefit-text {
    font-size: 22px;
    line-height: 29px;
    padding-top: 100px;
}
}@media (min-width:1600px) {
    .sf-benefit-text {
    font-size: 26px;
    line-height: 34px;
    padding-top: 120px;
}
}.sf-overview-content {
    padding: 100px 0 80px 0;
}
@media (min-width:768px) {
    .sf-overview-content {
    padding: 120px 0 165px 0;
}
}@media (min-width:1024px) {
    .sf-overview-content {
    padding: 160px 0 249px 0;
}
}@media (min-width:1200px) {
    .sf-overview-content {
    padding: 200px 0 260px 0;
}
}@media (min-width:1600px) {
    .sf-overview-content {
    padding: 240px 0 200px 0;
}
}.sf-overview-row {
    margin: 0 0 147px 0;
}
@media (min-width:768px) {
    .sf-overview-row {
    margin: 0 0 100px 0;
}
}@media (min-width:1200px) {
    .sf-overview-row {
    margin: 0 0 147px 0;
}
}@media (min-width:1200px) {
    .sf-overview-row {
    margin: 0 0 178px 0;
}
}@media (min-width:1600px) {
    .sf-overview-row {
    margin: 0 0 200px 0;
}
}.sf-overview-row:last-child {
    margin: 0;
}
.sf-overview-title {
    margin: 0 0 50px 0;
}
@media (min-width:768px) {
    .sf-overview-title {
    margin: 0 0 110px 0;
}
}@media (min-width:1200px) {
    .sf-overview-title {
    margin: 0 0 100px 0;
}
}.sf-overview-title h2 {
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-overview-title h2 {
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-overview-title h2 {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-overview-title h2 {
    font-size: 46px;
    line-height: 60px;
}
}.sf-list-content {
    padding: 0 0 130px 0;
}
@media (min-width:768px) {
    .sf-list-content {
    padding: 0 0 120px 0;
}
}@media (min-width:1024px) {
    .sf-list-content {
    padding: 0 0 160px 0;
}
}@media (min-width:1200px) {
    .sf-list-content {
    padding: 0 0 200px 0;
}
}@media (min-width:1600px) {
    .sf-list-content {
    padding: 0 0 240px 0;
}
}.sf-list-content.-xl {
    padding: 0 0 120px 0;
}
@media (min-width:768px) {
    .sf-list-content.-xl {
    padding: 0 0 180px 0;
}
}@media (min-width:1024px) {
    .sf-list-content.-xl {
    padding: 0 0 220px 0;
}
}@media (min-width:1200px) {
    .sf-list-content.-xl {
    padding: 0 0 250px 0;
}
}@media (min-width:1600px) {
    .sf-list-content.-xl {
    padding: 0 0 300px 0;
}
}.sf-list.-lg .sf-list-content {
    padding: 80px 0;
}
@media (min-width:768px) {
    .sf-list.-lg .sf-list-content {
    padding: 130px 0 176px 0;
}
}@media (min-width:1024px) {
    .sf-list.-lg .sf-list-content {
    padding: 130px 0 140px 0;
}
}@media (min-width:1200px) {
    .sf-list.-lg .sf-list-content {
    padding: 144px 0 140px 0;
}
}@media (min-width:1600px) {
    .sf-list.-lg .sf-list-content {
    padding: 154px 0 150px 0;
}
}.sf-list.-inverse .sf-list-content {
    background: #020213;
    color: #fff;
}
.sf-list-title {
    margin: 0 0 50px 0;
}
@media (min-width:768px) {
    .sf-list-title {
    margin: 0 0 40px 0;
    max-width: 360px;
}
}@media (min-width:1024px) {
    .sf-list-title {
    margin: 0 0 60px 0;
    max-width: 500px;
}
}@media (min-width:1200px) {
    .sf-list-title {
    margin: 0 0 80px 0;
}
}@media (min-width:1600px) {
    .sf-list-title {
    margin: 0 0 100px 0;
}
}.sf-list-title h2 {
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-list-title h2 {
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-list-title h2 {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-list-title h2 {
    font-size: 46px;
    line-height: 60px;
}
}@media (min-width:768px) {
    .sf-list-title.-lg {
    margin: 0 0 80px 0;
}
}@media (min-width:1200px) {
    .sf-list-title.-lg {
    margin: 0 0 100px 0;
}
}.sf-list.-lg .sf-list-title {
    margin: 0 0 70px 0;
    text-align: center;
}
@media (min-width:768px) {
    .sf-list.-lg .sf-list-title {
    max-width: 693px;
    margin: 0 0 164px 0;
}
}@media (min-width:1024px) {
    .sf-list.-lg .sf-list-title {
    max-width: 825px;
    margin: 0 0 149px 0;
}
}@media (min-width:1200px) {
    .sf-list.-lg .sf-list-title {
    max-width: 968px;
    margin: 0 0 134px 0;
}
}@media (min-width:1600px) {
    .sf-list.-lg .sf-list-title {
    max-width: 996px;
    margin: 0 0 100px 0;
}
}@media (min-width:768px) {
    .sf-list-body {
    max-width: 700px;
}
}.sf-list-body ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sf-list-body ul li {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0 0 0 30px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
    color: #03174e;
}
.sf-list-body ul li:last-child {
    margin: 0;
}
.sf-list-body ul li:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10px;
    height: 10px;
    margin: auto;
    background: #e1ecf3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%}
@media (min-width:768px) {
    .sf-list-body ul li {
    margin: 0 0 44px 0;
    padding: 0 0 0 50px;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-list-body ul li {
    margin: 0 0 40px 0;
    font-size: 18px;
    line-height: 36px;
}
}.sf-list-body.-full {
    max-width: 100%}
@media (min-width:768px) {
    .sf-list-bodyservices {
    max-width: 700px;
}
}.sf-list-bodyservices ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sf-list-bodyservices ul li {
    position: relative;
    padding: 0 0 0 30px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
    color: #03174e;
}
.sf-list-bodyservices ul li:last-child {
    margin: 0;
}
.sf-list-bodyservices ul li:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10px;
    height: 10px;
    margin: auto;
    background: #e1ecf3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%}
@media (min-width:768px) {
    .sf-list-bodyservices ul li {
    font-size: 14px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-list-bodyservices ul li {
    font-size: 18px;
    line-height: 36px;
}
}.sf-list-bodyservices.-full {
    max-width: 100%}
.sf-list-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (min-width:768px) {
    .sf-list-items {
    margin: 0 -50px;
}
}@media (min-width:1200px) {
    .sf-list-items {
    margin: 0 -70px;
}
}@media (min-width:768px) {
    .sf-list.-lg .sf-list-items {
    margin: 0 -75px;
}
}@media (min-width:1024px) {
    .sf-list.-lg .sf-list-items {
    margin: 0 -78px;
}
}@media (min-width:1200px) {
    .sf-list.-lg .sf-list-items {
    margin: 0 -102px;
}
}@media (min-width:1600px) {
    .sf-list.-lg .sf-list-items {
    margin: 0 -120px;
}
}.sf-list-col {
    margin: 0 0 50px 0;
}
.sf-list-col:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-list-col {
    width: 50%;
    padding: 0 50px;
    margin: 0;
}
}@media (min-width:1200px) {
    .sf-list-col {
    padding: 0 70px;
}
}.sf-list.-lg .sf-list-col {
    margin: 0 0 80px 0;
}
@media (min-width:768px) {
    .sf-list.-lg .sf-list-col {
    padding: 0 75px;
    margin: 0;
}
}@media (min-width:1024px) {
    .sf-list.-lg .sf-list-col {
    padding: 0 78px;
}
}@media (min-width:1200px) {
    .sf-list.-lg .sf-list-col {
    padding: 0 102px;
}
}@media (min-width:1600px) {
    .sf-list.-lg .sf-list-col {
    padding: 0 120px;
}
}.sf-list-item {
    margin: 0 0 50px 0;
}
.sf-list-item:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-list-item {
    margin: 0 0 84px 0;
}
}@media (min-width:1200px) {
    .sf-list-item {
    margin: 0 0 100px 0;
}
}@media (min-width:1600px) {
    .sf-list-item {
    margin: 0 0 108px 0;
}
}.sf-list-item-caption {
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-list-item-caption {
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-list-item-caption {
    font-size: 24px;
    line-height: 31px;
}
}@media (min-width:1600px) {
    .sf-list-item-caption {
    font-size: 26px;
    line-height: 34px;
}
}.sf-list-item-number {
    margin: 0 0 30px 0;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: .05em;
    color: #244ca2;
}
@media (min-width:768px) {
    .sf-list-item-number {
    margin: 0 0 50px 0;
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-list-item-number {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-list-item-number {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-list-item-number {
    margin: 0 0 60px 0;
    font-size: 76px;
    line-height: 88px;
}
}.sf-list-item-number.-xs-hidden {
    display: none;
}
@media (min-width:768px) {
    .sf-list-item-number.-xs-hidden {
    display: block;
}
}.sf-list-item-number.-sm-hidden {
    display: block;
}
@media (min-width:768px) {
    .sf-list-item-number.-sm-hidden {
    display: none;
}
}.sf-list.-lg .sf-list-item-number {
    margin: 0 0 20px 0;
}
@media (min-width:768px) {
    .sf-list.-lg .sf-list-item-number {
    margin: 0 0 40px 0;
}
}@media (min-width:1200px) {
    .sf-list.-lg .sf-list-item-number {
    margin: 0 0 50px 0;
}
}@media (min-width:1600px) {
    .sf-list.-lg .sf-list-item-number {
    margin: 0 0 60px 0;
}
}.sf-list.-inverse .sf-list-item-number {
    color: #354571;
}
.sf-list-item-img {
    margin: 0 0 40px 0;
    height: 182px;
}
@media (min-width:768px) {
    .sf-list-item-img {
    margin: 0 0 60px 0;
}
}@media (min-width:1024px) {
    .sf-list-item-img {
    height: 227px;
}
}@media (min-width:1200px) {
    .sf-list-item-img {
    height: 254px;
}
}@media (min-width:1600px) {
    .sf-list-item-img {
    height: 270px;
}
}.sf-list-item-img img {
    height: 100%}
.sf-list-item-text {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
    color: #020213;
}
@media (min-width:768px) {
    .sf-list-item-text {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-list-item-text {
    font-size: 18px;
    line-height: 36px;
}
}.sf-list.-inverse .sf-list-item-text {
    color: #fff;
}
.sf-list-item-text a {
    position: relative;
}
.sf-list-item-text a:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -5px;
    left: 0;
    height: 2px;
    background: #51c8ff;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    -o-transition: -o-transform .35s;
    -moz-transition: transform .35s, -moz-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s, -moz-transform .35s, -o-transform .35s;
}
@media (min-width:768px) {
    .sf-list-item-text a: after {
    height: 4px;
}
}.sf-list-item-text a:hover:after {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
}
.sf-list.-lg .sf-list-item {
    margin: 0 0 80px 0;
}
.sf-list.-lg .sf-list-item:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-list.-lg .sf-list-item {
    margin: 0 0 158px 0;
}
}@media (min-width:1024px) {
    .sf-list.-lg .sf-list-item {
    margin: 0 0 258px 0;
}
}@media (min-width:1200px) {
    .sf-list.-lg .sf-list-item {
    margin: 0 0 269px 0;
}
}@media (min-width:1600px) {
    .sf-list.-lg .sf-list-item {
    margin: 0 0 140px 0;
}
}@media (min-width:768px) {
    .sf-list.-lg .sf-list-item.-top {
    margin: 136px 0 158px 0;
}
}@media (min-width:1024px) {
    .sf-list.-lg .sf-list-item.-top {
    margin: 146px 0 258px 0;
}
}@media (min-width:1200px) {
    .sf-list.-lg .sf-list-item.-top {
    margin: 140px 0 269px 0;
}
}@media (min-width:1600px) {
    .sf-list.-lg .sf-list-item.-top {
    margin: 149px 0 140px 0;
}
}.sf-increase-content {
    padding: 0 0 160px 0;
    background: #020213;
    color: #fff;
}
@media (min-width:768px) {
    .sf-increase-content {
    padding: 0 0 220px 0;
}
}@media (min-width:1024px) {
    .sf-increase-content {
    padding: 0 0 250px 0;
}
}@media (min-width:1200px) {
    .sf-increase-content {
    padding: 0 0 270px 0;
}
}@media (min-width:1600px) {
    .sf-increase-content {
    padding: 0 0 280px 0;
}
}.sf-increase-img {
    display: none;
    height: 35px;
    margin: 0 0 50px 0;
}
@media (min-width:768px) {
    .sf-increase-img {
    height: 46px;
    margin: 0 0 46px 0;
}
}@media (min-width:1024px) {
    .sf-increase-img {
    height: 62px;
    margin: 0 0 116px 0;
}
}@media (min-width:1200px) {
    .sf-increase-img {
    height: 74px;
    margin: 0 0 110px 0;
}
}@media (min-width:1600px) {
    .sf-increase-img {
    display: block;
    height: 88px;
    margin: 0 0 100px 0;
}
}.sf-increase-img img {
    height: 100%}
.sf-increase-img.-sm-hidden {
    display: block;
}
@media (min-width:768px) {
    .sf-increase-img.-sm-hidden {
    display: none;
}
}.sf-increase-img.-lg-hidden {
    display: none;
}
@media (min-width:768px) {
    .sf-increase-img.-lg-hidden {
    display: block;
}
}@media (min-width:1200px) {
    .sf-increase-img.-lg-hidden {
    display: none;
}
}.sf-increase-img.-xl-hidden {
    display: none;
}
@media (min-width:1200px) {
    .sf-increase-img.-xl-hidden {
    display: block;
}
}@media (min-width:1600px) {
    .sf-increase-img.-xl-hidden {
    display: none;
}
}.sf-increase-text {
    margin: 0 0 50px 0;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-increase-text {
    max-width: 582px;
    font-size: 26px;
    line-height: 34px;
}
}@media (min-width:1024px) {
    .sf-increase-text {
    margin: 0 0 60px 0;
    max-width: 850px;
    font-size: 30px;
    line-height: 39px;
}
}@media (min-width:1200px) {
    .sf-increase-text {
    margin: 0 0 80px 0;
}
}@media (min-width:1600px) {
    .sf-increase-text {
    margin: 0 0 60px 0;
    max-width: 100%;
    font-size: 36px;
    line-height: 47px;
}
}.sf-increase-link {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .135em;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    color: #51c8ff;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-increase-link:focus, .sf-increase-link:hover {
    text-decoration: none;
    opacity: .8;
}
@media (min-width:1024px) {
    .sf-increase-link {
    font-size: 16px;
    line-height: 24px;
}
}.sf-depiction-content {
    padding: 80px 0;
}
@media (min-width:768px) {
    .sf-depiction-content {
    padding: 80px 0 104px 0;
}
}@media (min-width:1024px) {
    .sf-depiction-content {
    padding: 80px 0 156px 0;
}
}@media (min-width:1200px) {
    .sf-depiction-content {
    padding: 100px 0 166px 0;
}
}@media (min-width:1600px) {
    .sf-depiction-content {
    padding: 140px 0 188px 0;
}
}.sf-depiction-body {
    position: relative;
}
.sf-depiction-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width:768px) {
    .sf-depiction-grid {
    display: block;
}
}.sf-depiction-grid-col.-right {
    padding: 0 0 0 40px;
}
@media (min-width:768px) {
    .sf-depiction-grid-col.-right {
    padding: 0;
}
}.sf-depiction-title {
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 66px;
    letter-spacing: -.03em;
    text-align: left;
    padding-bottom: 50px;
}
@media (min-width:768px) {
    .sf-depiction-title {
    font-size: 46px;
    line-height: 76px;
}
}@media (min-width:1024px) {
    .sf-depiction-title {
    font-size: 56px;
    line-height: 86px;
}
}@media (min-width:1200px) {
    .sf-depiction-title {
    font-size: 66px;
    line-height: 106px;
}
}@media (min-width:1600px) {
    .sf-depiction-title {
    font-size: 76px;
    line-height: 106px;
}
}.sf-depiction-text {
    margin: 0 0 50px 0;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-depiction-text {
    max-width: 391px;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1024px) {
    .sf-depiction-text {
    max-width: 563px;
}
}@media (min-width:1200px) {
    .sf-depiction-text {
    margin: 0 0 60px 0;
    max-width: 590px;
}
}@media (min-width:1600px) {
    .sf-depiction-text {
    font-size: 18px;
    line-height: 36px;
}
}.sf-depiction-text.-light {
    margin: 0;
    line-height: 21px;
    color: #9aa0b1;
}
@media (min-width:768px) {
    .sf-depiction-text.-light {
    max-width: 410px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-depiction-text.-light {
    max-width: 461px;
    line-height: 27px;
}
}.sf-depiction-textcase {
    margin: 0 0 50px 0;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-depiction-textcase {
    max-width: 391px;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1024px) {
    .sf-depiction-textcase {
    max-width: 563px;
}
}@media (min-width:1200px) {
    .sf-depiction-textcase {
    margin: 0 0 60px 0;
    max-width: 590px;
}
}@media (min-width:1600px) {
    .sf-depiction-textcase {
    font-size: 18px;
    line-height: 36px;
}
}.sf-depiction-textcase.-light {
    margin: 0;
    margin-top: 20px;
    font-weight: 400;
    line-height: 21px;
    color: #9aa0b1;
}
@media (min-width:768px) {
    .sf-depiction-textcase.-light {
    max-width: 410px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-depiction-textcase.-light {
    max-width: 461px;
    line-height: 27px;
}
}.sf-depiction-textcase.-dark {
    margin: 0;
    margin-top: 60px;
    line-height: 21px;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-depiction-textcase.-dark {
    max-width: 410px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-depiction-textcase.-dark {
    max-width: 461px;
    line-height: 27px;
}
}.sf-depiction-img {
    height: 192px;
}
@media (min-width:768px) {
    .sf-depiction-img {
    position: absolute;
    top: 0;
    right: 0;
    height: 250px;
}
}.sf-depiction-img img {
    height: 100%}
@media (min-width:768px) {
    .sf-splitshow-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -22px;
}
}@media (min-width:1024px) {
    .sf-splitshow-grid {
    margin: 0 -24px;
}
}@media (min-width:1200px) {
    .sf-splitshow-grid {
    margin: 0 -30px;
}
}@media (min-width:1600px) {
    .sf-splitshow-grid {
    margin: 0 -35px;
}
}.sf-splitshow-grid-col {
    margin: 0 0 50px 0;
}
.sf-splitshow-grid-col:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-splitshow-grid-col {
    width: 50%;
    padding: 0 22px;
    margin: 0;
}
}@media (min-width:1024px) {
    .sf-splitshow-grid-col {
    padding: 0 24px;
}
}@media (min-width:1200px) {
    .sf-splitshow-grid-col {
    padding: 0 30px;
}
}@media (min-width:1600px) {
    .sf-splitshow-grid-col {
    padding: 0 35px;
}
}@media (min-width:768px) {
    .sf-splitshow-grid-col.-right {
    padding: 70px 22px 0 22px;
}
}@media (min-width:1024px) {
    .sf-splitshow-grid-col.-right {
    padding: 80px 24px 0 24px;
}
}@media (min-width:1200px) {
    .sf-splitshow-grid-col.-right {
    padding: 80px 30px 0 30px;
}
}@media (min-width:1600px) {
    .sf-splitshow-grid-col.-right {
    padding: 80px 35px 0 35px;
}
}.sf-splitshow-img {
    margin: 0 0 30px 0;
}
@media (min-width:768px) {
    .sf-splitshow-img {
    margin: 0 0 80px 0;
}
}@media (min-width:1200px) {
    .sf-splitshow-img {
    margin: 0 0 100px 0;
}
}.sf-splitshow-img img {
    width: 100%}
@media (min-width:768px) {
    .sf-splitshow-img.-lg {
    margin: 0 0 150px 0;
}
}@media (min-width:1024px) {
    .sf-splitshow-img.-lg {
    margin: 0 0 160px 0;
}
}@media (min-width:1200px) {
    .sf-splitshow-img.-lg {
    margin: 0 0 180px 0;
}
}.sf-splitshow-text {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-splitshow-text {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-splitshow-text {
    font-size: 18px;
    line-height: 36px;
}
}.sf-splitshow-action {
    margin: 30px 0 0 0;
}
@media (min-width:768px) {
    .sf-splitshow-action {
    margin: 80px 0 0 0;
}
}@media (min-width:1200px) {
    .sf-splitshow-action {
    margin: 100px 0 0 0;
}
}@media (min-width:1600px) {
    .sf-splitshow-action {
    margin: 136px 0 0 0;
}
}.sf-contact-content {
    padding: 80px 0;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-contact-content {
    padding: 80px 0 120px 0;
}
}@media (min-width:1024px) {
    .sf-contact-content {
    padding: 80px 0 160px 0;
}
}@media (min-width:1200px) {
    .sf-contact-content {
    padding: 100px 0 200px 0;
}
}@media (min-width:1600px) {
    .sf-contact-content {
    padding: 140px 0 240px 0;
}
}@media (min-width:768px) {
    .sf-contact-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
}@media (min-width:768px) {
    .sf-contact-grid-col {
    width: 50%}
}.sf-contact-grid-col.-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sf-contact-head {
    margin: 0 0 40px 0;
}
@media (min-width:768px) {
    .sf-contact-head {
    margin: 0 0 80px 0;
}
}@media (min-width:1200px) {
    .sf-contact-head {
    margin: 0 0 100px 0;
}
}@media (min-width:1600px) {
    .sf-contact-head {
    margin: 0 0 140px 0;
}
}.sf-contact-title {
    max-width: 320px;
    margin: 0 0 30px 0;
    font-size: 30px;
    line-height: 39px;
    letter-spacing: -.03em;
    font-weight: 600;
    text-transform: uppercase;
}
@media (min-width:768px) {
    .sf-contact-title {
    margin: 0;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-contact-title {
    max-width: 370px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1024px) {
    .sf-contact-title {
    max-width: 380px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-contact-title {
    max-width: 460px;
    font-size: 46px;
    line-height: 60px;
}
}.sf-contact-info-text {
    margin: 0 0 30px 0;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    font-weight: 600;
    text-transform: uppercase;
}
.sf-contact-info-text:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-contact-info-text {
    margin: 0 0 28px 0;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-contact-info-text {
    margin: 0 0 25px 0;
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-contact-info-text {
    margin: 0 0 20px 0;
    font-size: 26px;
    line-height: 34px;
}
}.sf-contact-info-text a {
    text-decoration: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-contact-info-text a:focus, .sf-contact-info-text a:hover {
    text-decoration: none;
    opacity: .8;
}
.sf-contact-row {
    padding: 40px 0;
    border-top: 1px solid rgba(3, 23, 78, .1);
}
.sf-contact-row:last-child {
    border-bottom: 1px solid rgba(3, 23, 78, .1);
}
@media (min-width:768px) {
    .sf-contact-row {
    padding: 60px 0;
}
}.sf-contact-caption {
    margin: 0 0 30px 0;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    font-weight: 600;
    text-transform: uppercase;
}
@media (min-width:768px) {
    .sf-contact-caption {
    margin: 0;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-contact-caption {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-contact-caption {
    font-size: 26px;
    line-height: 34px;
}
}.sf-contact-address {
    margin: 0 0 30px 0;
}
.sf-contact-address:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-contact-address {
    margin: 0 0 50px 0;
}
}.sf-contact-address-text {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-contact-address-text {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-contact-address-text {
    font-size: 18px;
    line-height: 36px;
}
}.sf-contact-address-text.-head {
    margin: 0 0 10px 0;
    line-height: 21px;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-contact-address-text.-head {
    margin: 0 0 20px 0;
}
}.sf-bio-content {
    padding: 120px 0 140px 0;
    color: #03174e;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-bio-content {
    padding: 200px 0 180px 0;
}
}@media (min-width:1024px) {
    .sf-bio-content {
    padding: 200px 0 200px 0;
}
}@media (min-width:1200px) {
    .sf-bio-content {
    padding: 200px 0 250px 0;
}
}@media (min-width:1600px) {
    .sf-bio-content {
    padding: 245px 0 300px 0;
}
}@media (min-width:768px) {
    .sf-bio-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
}.sf-bio-title {
    margin: 0 0 10px 0;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-bio-title {
    margin: 0 0 20px 0;
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-bio-title {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-bio-title {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-bio-title {
    font-size: 76px;
    line-height: 88px;
}
}.sf-bio-position {
    margin: 0 0 30px 0;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: .01em;
    color: #9aa0b1;
}
@media (min-width:768px) {
    .sf-bio-position {
    font-size: 16px;
    line-height: 29px;
}
}@media (min-width:1024px) {
    .sf-bio-position {
    margin: 0 0 50px 0;
}
}.sf-bio-photos {
    position: relative;
    width: 275px;
    height: 325px;
}
@media (min-width:768px) {
    .sf-bio-photos {
    width: 308px;
    height: 364px;
}
}@media (min-width:1024px) {
    .sf-bio-photos {
    width: 356px;
    height: 420px;
}
}@media (min-width:1200px) {
    .sf-bio-photos {
    width: 432px;
    height: 510px;
}
}@media (min-width:1600px) {
    .sf-bio-photos {
    width: 448px;
    height: 530px;
}
}.sf-bio-photos-item {
    position: absolute;
    width: 100%;
    height: 100%;
    right: -13px;
    bottom: -13px;
    opacity: .6;
    -webkit-transition: opacity .1s, right .1s, bottom .1s;
    -o-transition: opacity .1s, right .1s, bottom .1s;
    -moz-transition: opacity .1s, right .1s, bottom .1s;
    transition: opacity .1s, right .1s, bottom .1s;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}
@media (min-width:768px) {
    .sf-bio-photos-item {
    right: -14px;
    bottom: -14px;
}
}@media (min-width:1024px) {
    .sf-bio-photos-item {
    right: -20px;
    bottom: -20px;
}
}.sf-bio-photos-item.-active {
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 1;
    -webkit-transition: opacity .2s, right .45s, bottom .45s;
    -o-transition: opacity .2s, right .45s, bottom .45s;
    -moz-transition: opacity .2s, right .45s, bottom .45s;
    transition: opacity .2s, right .45s, bottom .45s;
}
.sf-bio-photos-icon {
    position: absolute;
    right: 16px;
    bottom: 16px;
    color: #51c8ff;
    z-index: 2;
}
.sf-bio-photos-icon:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
@media (min-width:768px) {
    .sf-bio-photos-icon {
    right: 21px;
    bottom: 21px;
}
}@media (min-width:1024px) {
    .sf-bio-photos-icon {
    right: 24px;
    bottom: 24px;
}
}@media (min-width:1600px) {
    .sf-bio-photos-icon {
    right: 30px;
    bottom: 30px;
}
}.sf-bio-photos-icon svg {
    width: 26px;
    height: 34px;
}
@media (min-width:1024px) {
    .sf-bio-photos-icon svg {
    width: 34px;
    height: 42px;
}
}@media (min-width:1600px) {
    .sf-bio-photos-icon svg {
    width: 39px;
    height: 49px;
}
}.sf-bio-photos-icon img {
    display: none;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
.sf-bio-social {
    margin: 0 0 30px 0;
}
@media (min-width:768px) {
    .sf-bio-social {
    margin: 0 0 80px 0;
}
}.sf-bio-text {
    margin: 0 0 50px 0;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-bio-text {
    margin: 0 0 80px 0;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1200px) {
    .sf-bio-text {
    margin: 0 0 100px 0;
}
}@media (min-width:1600px) {
    .sf-bio-text {
    margin: 0 0 140px 0;
    font-size: 18px;
    line-height: 36px;
}
}.sf-bio-info-item {
    padding: 40px 0;
    border-top: 1px solid rgba(3, 23, 78, .1);
}
.sf-bio-info-item:last-child {
    border-bottom: 1px solid rgba(3, 23, 78, .1);
}
@media (min-width:768px) {
    .sf-bio-info-item {
    padding: 60px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
}.sf-bio-info-title {
    margin: 0 0 30px 0;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    font-weight: 600;
    text-transform: uppercase;
}
@media (min-width:768px) {
    .sf-bio-info-title {
    margin: 0;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-bio-info-title {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-bio-info-title {
    font-size: 26px;
    line-height: 34px;
}
}.sf-bio-info-text {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
    text-align: right;
}
@media (min-width:768px) {
    .sf-bio-info-text {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-bio-info-text {
    font-size: 18px;
    line-height: 36px;
}
}.sf-bio-info-text span {
    color: #50535c;
}
.sf-bio-nav {
    display: none;
    margin: 43px 0 0 0;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-bio-nav {
    display: block;
}
}@media (min-width:1200px) {
    .sf-bio-nav {
    display: none;
}
}.sf-bio-nav-btn {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    color: #2549ca;
    background: 0 0;
    border: 2px solid #2549ca;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: 0!important;
    -webkit-filter: drop-shadow(-1px 0 18px rgba(130,  210,  255,  .4));
    filter: drop-shadow(-1px 0 18px rgba(130,  210,  255,  .4));
    opacity: 1;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
@media (min-width:768px) {
    .sf-bio-nav-btn {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
}.sf-bio-nav-btn svg {
    width: 11px;
    height: 11px;
}
@media (min-width:768px) {
    .sf-bio-nav-btn svg {
    width: 20px;
    height: 11px;
}
}.sf-bio-nav-btn.-disabled {
    opacity: .4;
}
.sf-bio-nav-text {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .15em;
    opacity: .6;
}
@media (min-width:768px) {
    .sf-bio-nav-text {
    padding: 0 26px;
    font-size: 18px;
    line-height: 22px;
}
}.sf-bio-nav.-sm-hidden {
    display: block;
}
@media (min-width:768px) {
    .sf-bio-nav.-sm-hidden {
    display: none;
}
}.sf-bio-resource {
    margin: 120px 0 0 0;
}
@media (min-width:768px) {
    .sf-bio-resource {
    margin: 160px 0 0 0;
}
}@media (min-width:1024px) {
    .sf-bio-resource {
    margin: 180px 0 0 0;
}
}@media (min-width:1200px) {
    .sf-bio-resource {
    margin: 200px 0 0 0;
}
}@media (min-width:1600px) {
    .sf-bio-resource {
    margin: 250px 0 0 0;
}
}.sf-bio-resource-title {
    margin: 0 0 80px 0;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-bio-resource-title {
    margin: 0 0 100px 0;
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-bio-resource-title {
    margin: 0 0 120px 0;
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-bio-resource-title {
    margin: 0 0 130px 0;
    font-size: 56px;
    line-height: 68px;
}
}@media (min-width:1600px) {
    .sf-bio-resource-title {
    margin: 0 0 150px 0;
    font-size: 76px;
    line-height: 88px;
}
}.sf-bio-resource-nav {
    margin: 0 -11px 40px -11px;
}
@media (min-width:768px) {
    .sf-bio-resource-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -40px 60px -40px;
}
}@media (min-width:1024px) {
    .sf-bio-resource-nav {
    margin: 0 -45px 80px -45px;
}
}@media (min-width:1200px) {
    .sf-bio-resource-nav {
    margin: 0 -45px 90px -45px;
}
}@media (min-width:1600px) {
    .sf-bio-resource-nav {
    margin: 0 -50px 100px -50px;
}
}.sf-bio-resource-nav-item {
    display: inline-block;
    padding: 0 11px;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .01em;
    font-weight: 600;
    color: #02123c;
    -webkit-transition: color .3s, opacity .3s;
    -o-transition: color .3s, opacity .3s;
    -moz-transition: color .3s, opacity .3s;
    transition: color .3s, opacity .3s;
}
.sf-bio-resource-nav-item:hover {
    opacity: .7;
}
@media (min-width:768px) {
    .sf-bio-resource-nav-item {
    display: block;
    padding: 0 40px;
    font-size: 22px;
    line-height: 31px;
}
}@media (min-width:1024px) {
    .sf-bio-resource-nav-item {
    padding: 0 45px;
    font-size: 30px;
    line-height: 42px;
}
}@media (min-width:1200px) {
    .sf-bio-resource-nav-item {
    padding: 0 45px;
    font-size: 34px;
    line-height: 48px;
}
}@media (min-width:1600px) {
    .sf-bio-resource-nav-item {
    padding: 0 50px;
    font-size: 36px;
    line-height: 50px;
}
}.sf-bio-resource-nav-item.-active {
    color: #51c8ff;
}
.sf-bio-resource-tab-item {
    display: none;
}
.sf-bio-resource-tab-item.-active {
    display: block;
}
.sf-bio-resource-items {
    margin: 0 -16px;
    white-space: nowrap;
    overflow: auto;
}
.sf-bio-resource-items::-webkit-scrollbar {
    width: 0;
    background: 0 0;
}
@media (min-width:768px) {
    .sf-bio-resource-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -22px;
    white-space: normal;
    overflow: hidden;
}
}@media (min-width:1024px) {
    .sf-bio-resource-items {
    margin: 0 -27px;
}
}@media (min-width:1200px) {
    .sf-bio-resource-items {
    margin: 0 -25px;
}
}@media (min-width:1600px) {
    .sf-bio-resource-items {
    margin: 0 -35px;
}
}.sf-bio-resource-item {
    display: inline-block;
    vertical-align: top;
    width: 187px;
    padding: 0 16px;
    margin: 0 16px 0 0;
    white-space: normal;
}
.sf-bio-resource-item:last-child {
    margin: 0 32px 0 0;
}
@media (min-width:768px) {
    .sf-bio-resource-item {
    width: 33.3333%;
    padding: 0 22px;
    margin: 0;
}
.sf-bio-resource-item:last-child {
    margin: 0;
}
}@media (min-width:1024px) {
    .sf-bio-resource-item {
    padding: 0 27px;
}
}@media (min-width:1200px) {
    .sf-bio-resource-item {
    padding: 0 25px;
}
}@media (min-width:1600px) {
    .sf-bio-resource-item {
    padding: 0 35px;
}
}.sf-bio-resource-item-img {
    margin: 0 0 20px 0;
    height: 115px;
}
@media (min-width:768px) {
    .sf-bio-resource-item-img {
    margin: 0 0 30px 0;
    height: 125px;
}
}@media (min-width:1024px) {
    .sf-bio-resource-item-img {
    height: 156px;
}
}@media (min-width:1200px) {
    .sf-bio-resource-item-img {
    height: 188px;
}
}@media (min-width:1600px) {
    .sf-bio-resource-item-img {
    margin: 0 0 40px 0;
}
}.sf-bio-resource-item-img img {
    height: 100%}
.sf-bio-resource-item-text {
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-bio-resource-item-text {
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1600px) {
    .sf-bio-resource-item-text {
    font-size: 18px;
    line-height: 25px;
}
}.sf-bio-resource-item-link {
    color: #51c8ff;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-bio-resource-item-link {
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-bio-resource-item-link {
    font-size: 18px;
    line-height: 27px;
}
}.sf-social {
    margin: 30px -25px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}
@media (min-width:768px) {
    .sf-social {
    margin: 0 -25px;
}
}.sf-social-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 25px;
    text-decoration: none;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
}
.sf-social-item:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: auto;
    z-index: -1;
    background: #f3f9fd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.sf-social-item:focus, .sf-social-item:hover {
    opacity: .8;
}
.sf-social-item:focus:before, .sf-social-item:hover:before {
    opacity: 1;
}
.sf-social-item.-facebook svg {
    width: 10px;
    height: 25px;
}
.sf-social-item.-twitter svg {
    width: 20px;
    height: 16px;
}
.sf-social-item.-linkedin svg {
    width: 20px;
    height: 19px;
}
.sf-social.-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -30px 0;
}
.sf-social.-flex .sf-social-item {
    padding: 30px 0;
    text-align: center;
}
.sf-social.-flex .sf-social-item:before {
    width: 60px;
    height: 60px;
}
.sf-social-itemfooter {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    text-decoration: none;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
}
@media (min-width:768px) {
    .sf-social-itemfooter {
    margin-right: 6px;
}
}@media (min-width:1200px) {
    .sf-social-itemfooter {
    margin-right: 20px;
}
}.sf-social-itemfooter:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: auto;
    z-index: -1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.sf-social-itemfooter:focus, .sf-social-itemfooter:hover {
    opacity: .8;
}
.sf-social-itemfooter:focus:before, .sf-social-itemfooter:hover:before {
    opacity: 1;
}
.sf-social-itemfooter.-facebook svg {
    width: 10px;
    height: 25px;
}
.sf-social-itemfooter.-facebook:hover {
    opacity: 50%}
.sf-social-itemfooter.-twitter svg {
    width: 20px;
    height: 16px;
}
.sf-social-itemfooter.-twitter:hover {
    opacity: 50%}
.sf-social-itemfooter.-linkedin svg {
    width: 20px;
    height: 19px;
}
.sf-social-itemfooter.-linkedin:hover {
    opacity: 50%}
.sf-social-itemfooter.-instagram svg {
    width: 20px;
    height: 19px;
}
.sf-social-itemfooter.-instagram:hover {
    opacity: 50%}
.sf-person-content {
    padding: 0 0 80px 0;
    color: #03174e;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-person-content {
    padding: 0 0 120px 0;
}
}@media (min-width:1024px) {
    .sf-person-content {
    padding: 0 0 160px 0;
}
}@media (min-width:1200px) {
    .sf-person-content {
    padding: 0 0 200px 0;
}
}@media (min-width:1600px) {
    .sf-person-content {
    padding: 0 0 240px 0;
}
}.sf-person-items {
    white-space: nowrap;
}
.sf-person-item {
    display: inline-block;
    vertical-align: top;
    width: 136px;
    margin: 0 35px 0 0;
    white-space: normal;
}
@media (min-width:768px) {
    .sf-person-item {
    width: 203px;
    margin: 0 67px 0 0;
}
}@media (min-width:1024px) {
    .sf-person-item {
    width: 252px;
    margin: 0 76px 0 0;
}
}@media (min-width:1200px) {
    .sf-person-item {
    width: 288px;
    margin: 0 82px 0 0;
}
}@media (min-width:1600px) {
    .sf-person-item {
    width: 300px;
    margin: 0 70px 0 0;
}
}.sf-person-item-img {
    display: block;
    width: 100%;
    height: 187px;
    margin: 0 0 30px 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
@media (min-width:768px) {
    .sf-person-item-img {
    height: 273px;
    margin: 0 0 40px 0;
}
}@media (min-width:1024px) {
    .sf-person-item-img {
    height: 331px;
}
}@media (min-width:1200px) {
    .sf-person-item-img {
    height: 384px;
    margin: 0 0 96px 0;
}
}@media (min-width:1600px) {
    .sf-person-item-img {
    height: 400px;
    margin: 0 0 80px 0;
}
}.sf-person-item-name {
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
    font-weight: 600;
}
.sf-person-item-name:before {
    display: none;
    content: '';
    position: absolute;
    top: -20px;
    right: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #51c8ff;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
@media (min-width:1200px) {
    .sf-person-item-name: before {
    display: block;
}
}@media (min-width:1024px) {
    .sf-person-item-name: before {
    display: block;
}
}@media (min-width:1600px) {
    .sf-person-item-name: before {
    display: block;
}
}@media (min-width:768px) {
    .sf-person-item-name: before {
    display: block;
}
}.sf-person-item.-active .sf-person-item-name:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
@media (min-width:768px) {
    .sf-person-item-name {
    font-size: 16px;
    line-height: 22px;
}
}.sf-person-item-name span {
    display: block;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-person-item.-active .sf-person-item-name span {
    opacity: 1;
}
.sf-searchbar-content {
    padding: 0 0 100px 0;
}
@media (min-width:768px) {
    .sf-searchbar-content {
    padding: 0 0 80px 0;
}
}@media (min-width:1200px) {
    .sf-searchbar-content {
    padding: 0 0 100px 0;
}
}@media (min-width:1600px) {
    .sf-searchbar-content {
    padding: 0 0 140px 0;
}
}@media (min-width:768px) {
    .sf-searchbar-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -11px;
}
}@media (min-width:1024px) {
    .sf-searchbar-grid {
    margin: 0 -8px;
}
}@media (min-width:1200px) {
    .sf-searchbar-grid {
    margin: 0 -10px;
}
}.sf-searchbar-grid-col {
    margin: 0 0 20px 0;
}
@media (min-width:768px) {
    .sf-searchbar-grid-col {
    width: 50%;
    padding: 11px;
    margin: 0;
}
}@media (min-width:1024px) {
    .sf-searchbar-grid-col {
    width: 33.3333%;
    padding: 0 8px;
}
}@media (min-width:1200px) {
    .sf-searchbar-grid-col {
    padding: 0 10px;
}
}.sf-searchbar-head-input {
    height: 70px;
    margin: 0 0 30px 0;
}
@media (min-width:768px) {
    .sf-searchbar-head-input {
    height: 64px;
    margin: 0 0 50px 0;
}
}@media (min-width:1600px) {
    .sf-searchbar-head-input {
    height: 80px;
}
}.sf-searchbar-head-selection {
    position: relative;
    margin: 0 0 80px 0;
}
@media (min-width:1200px) {
    .sf-searchbar-head-selection {
    margin: 0 0 100px 0;
}
}@media (min-width:1600px) {
    .sf-searchbar-head-selection {
    margin: 0 0 180px 0;
}
}.sf-searchbar-row {
    padding: 50px 0;
    border-top: 1px solid #e6e8ed;
}
.sf-searchbar-row:last-child {
    border-bottom: 1px solid #e6e8ed;
}
@media (min-width:768px) {
    .sf-searchbar-row {
    padding: 80px 0;
}
}@media (min-width:1600px) {
    .sf-searchbar-row {
    padding: 93px 0;
}
}.sf-searchbar-title {
    margin: 0 0 16px 0;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    text-transform: uppercase;
    color: #9aa0b1;
}
@media (min-width:768px) {
    .sf-searchbar-title {
    margin: 0 0 20px 0;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1024px) {
    .sf-searchbar-title {
    margin: 0 0 23px 0;
}
}@media (min-width:1200px) {
    .sf-searchbar-title {
    margin: 0 0 20px 0;
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-searchbar-title {
    font-size: 26px;
    line-height: 34px;
}
}.sf-searchbar-title-item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0;
}
.sf-searchbar-title-item:last-child {
    margin: 0;
}
.sf-searchbar-title.-lg {
    margin: 0 0 30px 0;
}
@media (min-width:768px) {
    .sf-searchbar-title.-lg {
    margin: 0 0 60px 0;
}
}@media (min-width:1024px) {
    .sf-searchbar-title.-lg {
    margin: 0 0 50px 0;
}
}@media (min-width:1600px) {
    .sf-searchbar-title.-lg {
    margin: 0 0 60px 0;
}
}.sf-searchbar-text {
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-searchbar-text {
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-searchbar-text {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-searchbar-text {
    font-size: 46px;
    line-height: 60px;
}
}.sf-customer-content {
    padding: 80px 0 160px 0;
}
@media (min-width:768px) {
    .sf-customer-content {
    padding: 80px 0 190px 0;
}
}@media (min-width:1024px) {
    .sf-customer-content {
    padding: 80px 0 240px 0;
}
}@media (min-width:1200px) {
    .sf-customer-content {
    padding: 80px 0 250px 0;
}
}@media (min-width:1600px) {
    .sf-customer-content {
    padding: 100px 0 230px 0;
}
}@media (min-width:768px) {
    .sf-customer-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
}.sf-customer-line {
    display: none;
    position: absolute;
    left: 50%;
    right: 0;
    height: 100%;
    width: 1px;
    background: #e6e8ed;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (min-width:768px) {
    .sf-customer-line {
    display: block;
}
}@media (min-width:768px) {
    .sf-customer-col {
    width: 50%}
}.sf-customer-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 110px;
    border-bottom: 1px solid #e6e8ed;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-customer-item:hover {
    opacity: .8;
}
@media (min-width:768px) {
    .sf-customer-item {
    height: 160px;
    padding: 0 26px 0 34px;
}
}@media (min-width:1024px) {
    .sf-customer-item {
    padding: 0 35px;
    height: 176px;
}
}@media (min-width:1200px) {
    .sf-customer-item {
    padding: 0 40px;
}
}@media (min-width:1600px) {
    .sf-customer-item {
    height: 214px;
}
}.sf-customer-item.-lg {
    height: auto;
    padding: 0 0 40px 0;
}
@media (min-width:768px) {
    .sf-customer-item.-lg {
    height: -webkit-calc(160px * 2);
    height: -moz-calc(160px * 2);
    height: calc(160px * 2);
    padding: 0 26px 0 34px;
}
}@media (min-width:1024px) {
    .sf-customer-item.-lg {
    height: -webkit-calc(176px * 2);
    height: -moz-calc(176px * 2);
    height: calc(176px * 2);
    padding: 0 35px;
}
}@media (min-width:1200px) {
    .sf-customer-item.-lg {
    padding: 0 40px;
}
}@media (min-width:1600px) {
    .sf-customer-item.-lg {
    height: -webkit-calc(214px * 2);
    height: -moz-calc(214px * 2);
    height: calc(214px * 2);
}
}.sf-customer-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sf-customer-head-logo {
    max-width: 146px;
}
@media (min-width:768px) {
    .sf-customer-head-logo {
    max-width: 212px;
}
}@media (min-width:1024px) {
    .sf-customer-head-logo {
    max-width: 242px;
}
}@media (min-width:1200px) {
    .sf-customer-head-logo {
    max-width: 248px;
}
}@media (min-width:1600px) {
    .sf-customer-head-logo {
    max-width: 300px;
}
}.sf-customer-head-logo img {
    width: 100%}
.sf-customer-head-icon {
    color: #9aa0b1;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}
.sf-customer-head-icon:hover {
    color: #51c8ff;
}
.sf-customer-head-icon svg {
    width: 28px;
    height: 36px;
    pointer-events: none;
}
@media (min-width:768px) {
    .sf-customer-head-icon svg {
    width: 38px;
    height: 48px;
}
}@media (min-width:1024px) {
    .sf-customer-head-icon svg {
    width: 44px;
    height: 56px;
}
}@media (min-width:1600px) {
    .sf-customer-head-icon svg {
    width: 46px;
    height: 60px;
}
}.sf-customer-body {
    margin: 25px 0 0 0;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-customer-body {
    margin: 20px 0 0 0;
}
}@media (min-width:1024px) {
    .sf-customer-body {
    margin: 23px 0 0 0;
}
}@media (min-width:1600px) {
    .sf-customer-body {
    margin: 40px 0 0 0;
}
}.sf-customer-text {
    margin: 0 0 30px 0;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-customer-text {
    margin: 0 0 50px 0;
    max-height: 96px;
    font-size: 16px;
    line-height: 32px;
    overflow: hidden;
}
}@media (min-width:1024px) {
    .sf-customer-text {
    margin: 0 0 60px 0;
}
}@media (min-width:1600px) {
    .sf-customer-text {
    margin: 0 0 92px 0;
    max-height: 144px;
    font-size: 18px;
    line-height: 36px;
}
}.sf-customer-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.sf-customer-read {
    position: relative;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
    z-index: 1;
}
.sf-customer-read:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -3px;
    left: 0;
    height: 1px;
    background: rgba(3, 23, 78, .7);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    -o-transition: -o-transform .35s;
    -moz-transition: transform .35s, -moz-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s, -moz-transform .35s, -o-transform .35s;
}
@media (min-width:768px) {
    .sf-customer-read: after {
    height: 2px;
}
}.sf-customer-read:hover:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
@media (min-width:768px) {
    .sf-customer-read {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-customer-read {
    font-size: 18px;
    line-height: 36px;
}
}.sf-customer-more {
    margin: 30px 0 0 0;
    text-align: center;
}
@media (min-width:768px) {
    .sf-customer-more {
    margin: 60px 0 0 0;
}
}@media (min-width:1200px) {
    .sf-customer-more {
    margin: 80px 0 0 0;
}
}.sf-customer-more a {
    font-size: 46px;
    line-height: 69px;
    letter-spacing: .135em;
    font-weight: 200;
    text-transform: uppercase;
    color: #03174e;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-customer-more a:hover {
    opacity: .8;
}
.sf-info-content {
    padding: 0 0 60px 0;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-info-content {
    padding: 0 0 160px 0;
}
}@media (min-width:1024px) {
    .sf-info-content {
    padding: 0 0 207px 0;
}
}@media (min-width:1600px) {
    .sf-info-content {
    padding: 0 0 200px 0;
}
}@media (min-width:768px) {
    .sf-info-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
}@media (min-width:768px) {
    .sf-info-grid-col {
    width: 50%}
}.sf-info-text {
    margin: 50px 0 30px 0;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-info-text {
    margin: 0 0 40px 0;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1024px) {
    .sf-info-text {
    margin: 0 0 50px 0;
}
}@media (min-width:1200px) {
    .sf-info-text {
    margin: 0 0 70px 0;
}
}@media (min-width:1600px) {
    .sf-info-text {
    font-size: 18px;
    line-height: 36px;
}
}.sf-info-title {
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-info-title {
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1024px) {
    .sf-info-title {
    margin: 0 0 20px 0;
}
}@media (min-width:1200px) {
    .sf-info-title {
    margin: 0 0 23px 0;
}
}@media (min-width:1600px) {
    .sf-info-title {
    margin: 0 0 20px 0;
    font-size: 18px;
    line-height: 25px;
}
}.sf-info-caption {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
    color: #9aa0b1;
}
@media (min-width:768px) {
    .sf-info-caption {
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-info-caption {
    font-size: 18px;
    line-height: 27px;
}
}@media (min-width:768px) {
    .sf-info-logo {
    max-width: 297px;
}
}@media (min-width:1024px) {
    .sf-info-logo {
    max-width: 371px;
}
}@media (min-width:1200px) {
    .sf-info-logo {
    max-width: 420px;
}
}.sf-info-logo-img {
    max-width: 223px;
}
@media (min-width:768px) {
    .sf-info-logo-img {
    max-width: 212px;
}
}@media (min-width:1024px) {
    .sf-info-logo-img {
    max-width: 267px;
}
}@media (min-width:1200px) {
    .sf-info-logo-img {
    max-width: 296px;
}
}@media (min-width:1600px) {
    .sf-info-logo-img {
    max-width: 321px;
}
}.sf-info-logo-img img {
    width: 70%}
.sf-info-logo-item {
    padding: 0 0 40px 0;
    border-bottom: 1px solid #e6e8ed;
}
@media (min-width:768px) {
    .sf-info-logo-item {
    padding: 0 0 70px 0;
}
}@media (min-width:1200px) {
    .sf-info-logo-item {
    padding: 0 0 80px 0;
}
}@media (min-width:1600px) {
    .sf-info-logo-item {
    padding: 0 0 116px 0;
}
}.sf-info-logo-item:last-child {
    padding: 40px 0 0 0;
    border: none;
}
@media (min-width:768px) {
    .sf-info-logo-item: last-child {
    padding: 70px 0 0 0;
}
}@media (min-width:1200px) {
    .sf-info-logo-item: last-child {
    padding: 80px 0 0 0;
}
}@media (min-width:1600px) {
    .sf-info-logo-item: last-child {
    padding: 96px 0 0 0;
}
}.sf-info.thanks {
    padding: 120px 0 0 0;
}
.sf-expertise-content {
    padding: 0 0 180px 0;
    color: #fff;
    background: #020213;
}
@media (min-width:768px) {
    .sf-expertise-content {
    padding: 0 0 260px 0;
}
}@media (min-width:1024px) {
    .sf-expertise-content {
    padding: 0 0 338px 0;
}
}@media (min-width:1200px) {
    .sf-expertise-content {
    padding: 0 0 345px 0;
}
}@media (min-width:1600px) {
    .sf-expertise-content {
    padding: 0 0 379px 0;
}
}.sf-expertise-title {
    margin: 0 0 50px 0;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
    padding-top: 70px;
}
@media (min-width:768px) {
    .sf-expertise-title {
    margin: 0 0 80px 0;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-expertise-title {
    margin: 0 0 100px 0;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-expertise-title {
    font-size: 46px;
    line-height: 60px;
}
}.sf-expertise-title-press {
    margin: 0 0 50px 0;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-expertise-title-press {
    margin: 0 0 80px 0;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-expertise-title-press {
    margin: 0 0 100px 0;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-expertise-title-press {
    font-size: 46px;
    line-height: 60px;
}
}.sf-expertise-item {
    padding: 30px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}
@media (min-width:768px) {
    .sf-expertise-item {
    padding: 60px 0;
}
}.sf-expertise-item:first-child {
    border-top: 1px solid rgba(255, 255, 255, .2);
}
.sf-expertise-number {
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    text-transform: uppercase;
}
@media (min-width:768px) {
    .sf-expertise-number {
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-expertise-number {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-expertise-number {
    font-size: 26px;
    line-height: 34px;
}
}.sf-expertise-logo {
    height: 25px;
    margin: 0 0 20px 0;
}
@media (min-width:768px) {
    .sf-expertise-logo {
    height: 37px;
}
}@media (min-width:1024px) {
    .sf-expertise-logo {
    height: 40px;
}
}.sf-expertise-logo img {
    height: 100%}
.sf-expertise-text {
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
    text-transform: uppercase;
    color: #9aa0b1;
}
@media (min-width:768px) {
    .sf-expertise-text {
    margin: 0 0 30px 0;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1024px) {
    .sf-expertise-text {
    font-size: 18px;
    line-height: 36px;
}
}@media (min-width:1200px) {
    .sf-expertise-text {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-expertise-text {
    margin: 0 0 60px 0;
    font-size: 18px;
    line-height: 36px;
}
}.sf-expertise-text-press {
    margin: 0 0 20px 0;
    font-size: 26px;
    line-height: 20px;
    letter-spacing: .01em;
    font-weight: 500;
    color: #fff;
}
@media (min-width:768px) {
    .sf-expertise-text-press {
    margin: 0 0 30px 0;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1024px) {
    .sf-expertise-text-press {
    font-size: 24px;
    line-height: 36px;
}
}@media (min-width:1200px) {
    .sf-expertise-text-press {
    font-size: 26px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-expertise-text-press {
    margin: 0 0 60px 0;
    font-size: 18px;
    line-height: 36px;
}
}.sf-expertise-link a {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
@media (min-width:768px) {
    .sf-expertise-link a {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1024px) {
    .sf-expertise-link a {
    font-size: 18px;
    line-height: 36px;
}
}@media (min-width:1200px) {
    .sf-expertise-link a {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-expertise-link a {
    font-size: 18px;
    line-height: 36px;
}
}.sf-expertise-link a:hover {
    opacity: .8;
}
.sf-resource {
    overflow: hidden;
}
.sf-resource-content {
    padding: 0 0 80px 0;
    color: #fff;
    background: #020213;
}
@media (min-width:768px) {
    .sf-resource-content {
    padding: 0 0 120px 0;
}
}@media (min-width:1024px) {
    .sf-resource-content {
    padding: 0 0 160px 0;
}
}@media (min-width:1200px) {
    .sf-resource-content {
    padding: 0 0 180px 0;
}
}@media (min-width:1600px) {
    .sf-resource-content {
    padding: 0 0 200px 0;
}
}.sf-resource-title {
    margin: 0 0 30px 0;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-resource-title {
    margin: 0 0 80px 0;
    font-size: 40px;
    line-height: 46px;
}
}@media (min-width:1024px) {
    .sf-resource-title {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-resource-title {
    marging: 0 0 100px 0;
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-resource-title {
    font-size: 76px;
    line-height: 88px;
}
}.sf-resource-items {
    margin: 0 -16px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.sf-resource-items::-webkit-scrollbar {
    display: none;
    width: 0;
}
@media (min-width:768px) {
    .sf-resource-items {
    margin: 0;
}
}.sf-resource-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 30px;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    white-space: normal;
}
.sf-resource-item:first-child {
    margin: 0 0 0 16px;
}
@media (min-width:768px) {
    .sf-resource-item: first-child {
    margin: 0;
}
}@media (max-width:767px) {
    .sf-resource-item: last-child {
    margin: 0 16px 0 0;
}
}.sf-resource-item:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -5px;
    left: 0;
    height: 1px;
    background: #fff;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    -o-transition: -o-transform .35s;
    -moz-transition: transform .35s, -moz-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s, -moz-transform .35s, -o-transform .35s;
}
@media (min-width:768px) {
    .sf-resource-item: after {
    height: 2px;
}
}.sf-resource-item:hover:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
@media (min-width:768px) {
    .sf-resource-item {
    margin: 0 0 0 40px;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1024px) {
    .sf-resource-item {
    margin: 0 0 0 30px;
}
}@media (min-width:1200px) {
    .sf-resource-item {
    margin: 0 0 0 60px;
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-resource-item {
    font-size: 26px;
    line-height: 34px;
}
}.sf-cap {
    overflow: hidden;
}
.sf-cap-content {
    padding: 120px 0 40px 0;
    color: #fff;
    background: #020213;
}
@media (min-width:768px) {
    .sf-cap-content {
    padding: 200px 0 65px 0;
}
}@media (min-width:1024px) {
    .sf-cap-content {
    padding: 200px 0 105px 0;
}
}@media (min-width:1600px) {
    .sf-cap-content {
    padding: 280px 0 128px 0;
}
}@media (min-width:1200px) {
    .sf-cap-container {
    padding: 0 60px 0 100px;
}
}@media (min-width:1600px) {
    .sf-cap-container {
    padding: 0 79px 0 280px;
    max-width: 1600px;
    margin: 0 auto;
}
}.sf-cap-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
@media (min-width:768px) {
    .sf-cap-grid {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
}.sf-cap-grid-col {
    margin: 0 0 30px 0;
}
@media (min-width:768px) {
    .sf-cap-grid-col {
    width: 50%;
    margin: 0;
}
}@media (min-width:768px) {
    .sf-cap-grid-col.-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
}.sf-cap-head {
    margin: 0 0 30px 0;
}
@media (min-width:768px) {
    .sf-cap-head {
    margin: 0 0 40px 0;
}
}@media (min-width:1024px) {
    .sf-cap-head {
    margin: 0 0 50px 0;
}
}@media (min-width:1600px) {
    .sf-cap-head {
    margin: 0 0 60px 0;
}
}.sf-cap-seemore {
    margin: 0 0 50px 0;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
    color: #51c8ff;
}
@media (min-width:768px) {
    .sf-cap-seemore {
    margin: 0 0 80px 0;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1024px) {
    .sf-cap-seemore {
    margin: 0 0 90px 0;
}
}@media (min-width:1200px) {
    .sf-cap-seemore {
    margin: 0 0 100px 0;
    font-size: 18px;
    line-height: 36px;
}
}@media (min-width:1600px) {
    .sf-cap-seemore {
    margin: 0 0 120px 0;
    font-size: 18px;
    line-height: 36px;
}
}.sf-cap-seemore a {
    display: inline-block;
    position: relative;
}
.sf-cap-seemore a:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -3px;
    left: 0;
    height: 1px;
    background: #51c8ff;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    -o-transition: -o-transform .35s;
    -moz-transition: transform .35s, -moz-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s, -moz-transform .35s, -o-transform .35s;
}
@media (min-width:768px) {
    .sf-cap-seemore a: after {
    height: 2px;
}
}.sf-cap-seemore a:hover:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.sf-cap-title {
    display: none;
    margin: 0 0 50px 0;
}
@media (min-width:768px) {
    .sf-cap-title {
    margin: 0 0 70px 0;
    display: block;
}
}@media (min-width:1200px) {
    .sf-cap-title {
    margin: 0 0 50px 0;
}
}@media (min-width:1600px) {
    .sf-cap-title {
    margin: 0 0 74px 0;
}
}.sf-cap-title h1 {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-cap-title h1 {
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-cap-title h1 {
    font-size: 46px;
    line-height: 52px;
}
}@media (min-width:1200px) {
    .sf-cap-title h1 {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-cap-title h1 {
    font-size: 76px;
    line-height: 88px;
}
}.sf-cap-title.-sm-hidden {
    display: block;
}
@media (min-width:768px) {
    .sf-cap-title.-sm-hidden {
    display: none;
}
}.sf-cap-nav {
    margin: 0 -16px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.sf-cap-nav::-webkit-scrollbar {
    display: none;
    width: 0;
}
@media (min-width:768px) {
    .sf-cap-nav {
    margin: 0;
    white-space: normal;
    overflow-x: normal;
}
}.sf-cap-nav-body {
    width: 227px;
    margin: 0 0 0 16px;
}
@media (min-width:768px) {
    .sf-cap-nav-body {
    width: 272px;
    margin: 0;
}
}@media (min-width:1024px) {
    .sf-cap-nav-body {
    width: 340px;
}
}@media (min-width:1200px) {
    .sf-cap-nav-body {
    width: 394px;
}
}@media (min-width:1600px) {
    .sf-cap-nav-body {
    width: 410px;
}
}.sf-cap-nav-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 16px 0 0;
    white-space: normal;
    cursor: pointer;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}
@media (min-width:768px) {
    .sf-cap-nav-item {
    display: block;
    margin: 0 0 30px 0;
}
}@media (min-width:1024px) {
    .sf-cap-nav-item {
    margin: 0 0 40px 0;
}
}.sf-cap-nav-item:hover {
    color: rgba(255, 255, 255, .8);
}
.sf-cap-nav-item-number {
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    text-transform: uppercase;
}
@media (min-width:768px) {
    .sf-cap-nav-item-number {
    margin: 0 0 6px 0;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-cap-nav-item-number {
    margin: 0 0 3px 0;
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-cap-nav-item-number {
    margin: 0 0 2px 0;
    font-size: 26px;
    line-height: 34px;
}
}.sf-cap-nav-item-text {
    margin: 0 0 9px 0;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-cap-nav-item-text {
    margin: 0 0 30px 0;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1024px) {
    .sf-cap-nav-item-text {
    margin: 0 0 40px 0;
}
}@media (min-width:1200px) {
    .sf-cap-nav-item-text {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-cap-nav-item-text {
    font-size: 26px;
    line-height: 34px;
}
}.sf-cap-nav-item-line {
    position: relative;
    height: 1px;
    background: rgba(255, 255, 255, .1);
}
.sf-cap-nav-item-line-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #80d7fe;
    opacity: 0;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.sf-cap-nav-item.-active {
    color: #51c8ff;
}
.sf-cap-nav-item.-active .sf-cap-nav-item-line-bg {
    opacity: 1;
}
.sf-cap-img {
    background: #03174e;
    position: relative;
    width: 227px;
    height: 251px;
}
@media (min-width:768px) {
    .sf-cap-img {
    width: 271px;
    height: 299px;
}
}@media (min-width:1024px) {
    .sf-cap-img {
    width: 341px;
    height: 377px;
}
}@media (min-width:1200px) {
    .sf-cap-img {
    width: 434px;
    height: 480px;
}
}@media (min-width:1600px) {
    .sf-cap-img {
    width: 610px;
    height: 674px;
}
}.sf-cap-img-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #03174e;
}
.sf-cap-img-item:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -73px;
    background: #020213;
}
@media (min-width:768px) {
    .sf-cap-img-item: after {
    left: -73px;
}
}@media (min-width:1024px) {
    .sf-cap-img-item: after {
    left: -102px;
}
}@media (min-width:1200px) {
    .sf-cap-img-item: after {
    left: -95px;
}
}@media (min-width:1600px) {
    .sf-cap-img-item: after {
    left: -140px;
}
}.sf-cap-img-item-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
}
.sf-cap-img-item-letter {
    position: absolute;
    display: none;
    color: #fff;
    z-index: 1;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: opacity .3s, -webkit-transform .45s;
    transition: opacity .3s, -webkit-transform .45s;
    -o-transition: opacity .3s, -o-transform .45s;
    -moz-transition: transform .45s, opacity .3s, -moz-transform .45s;
    transition: transform .45s, opacity .3s;
    transition: transform .45s, opacity .3s, -webkit-transform .45s, -moz-transform .45s, -o-transform .45s;
}
@media (min-width:768px) {
    .sf-cap-img-item-letter {
    display: block;
    top: -24px;
    left: -73px;
    font-size: 200px;
    line-height: 231px;
    letter-spacing: -.03em;
    font-weight: 600;
}
}@media (min-width:1024px) {
    .sf-cap-img-item-letter {
    top: -32px;
    left: -102px;
    font-size: 271px;
    line-height: 313px;
}
}@media (min-width:1200px) {
    .sf-cap-img-item-letter {
    top: -19px;
    left: -95px;
}
}@media (min-width:1600px) {
    .sf-cap-img-item-letter {
    top: -28px;
    left: -140px;
    font-size: 400px;
    line-height: 462px;
}
}@supports (-webkit-text-stroke:1px #fff) {
    .sf-cap-img-item-letter {
    color: transparent;
    text-shadow: none;
    -webkit-text-stroke: 1px #fff;
}
}@supports (mix-blend-mode:overlay) {
    .sf-cap-img-item-letter {
    mix-blend-mode: overlay;
}
}.sf-cap-img-item.-active .sf-cap-img-item {
    z-index: 1;
}
.sf-cap-img-item.-active .sf-cap-img-item-bg {
    opacity: 1;
}
.sf-cap-img-item.-active .sf-cap-img-item-letter {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.sf-cap-item {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 39px 40px 0;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-cap-item {
    margin: 0 54px 55px 0;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-cap-item {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-cap-item {
    margin: 0 76px 72px 0;
    font-size: 26px;
    line-height: 34px;
}
}.sf-cap-item:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -5px;
    left: 0;
    height: 1px;
    background: #fff;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    -o-transition: -o-transform .35s;
    -moz-transition: transform .35s, -moz-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s, -moz-transform .35s, -o-transform .35s;
}
@media (min-width:768px) {
    .sf-cap-item: after {
    height: 2px;
}
}.sf-cap-item:hover:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.sf-cap-item span {
    position: absolute;
    top: -12px;
    right: -12px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -.03em;
    color: #80d7fe;
}
@media (min-width:768px) {
    .sf-cap-item span {
    font-size: 16px;
    line-height: 21px;
}
}@media (min-width:1200px) {
    .sf-cap-item span {
    right: -15px;
    font-size: 18px;
    line-height: 23px;
}
}.sf-cap-item.-inv:after {
    background: rgba(3, 23, 78, .7);
}
.sf-post {
    position: relative;
}
.sf-post-content {
    padding: 80px 0 120px;
}
@media (min-width:1024px) {
    .sf-post-content {
    padding: 80px 0 160px;
}
}@media (min-width:1200px) {
    .sf-post-content {
    padding: 100px 0 200px;
}
}@media (min-width:1600px) {
    .sf-post-content {
    padding: 150px 0 200px;
}
}.sf-post-containerpadding {
    padding: 0 20px;
}
.sf-post-title {
    margin: 0 0 50px;
    color: #03174e;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-post-title {
    margin-bottom: 80px;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-post-title {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-post-title {
    margin-bottom: 100px;
    font-size: 46px;
    line-height: 60px;
}
}.sf-post-stories-current {
    display: none;
}
@media (min-width:1200px) {
    .sf-post-stories-current {
    display: block;
    margin-bottom: 80px;
    color: rgba(154, 160, 177, .5);
    font-weight: 600;
    font-size: 56px;
    line-height: 65px;
    letter-spacing: -.03em;
}
}@media (min-width:1600px) {
    .sf-post-stories-current {
    margin-bottom: 100px;
    font-size: 76px;
    line-height: 88px;
}
}.sf-post-stories-list {
    margin: 0 -16px 80px;
    padding: 0 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.sf-post-stories-list::-webkit-scrollbar {
    display: none;
    width: 0;
}
@media (min-width:1200px) {
    .sf-post-stories-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    right: 0;
    top: -145px;
    padding: 0;
    margin: 0;
    z-index: 1;
    overflow: visible;
}
}@media (min-width:1600px) {
    .sf-post-stories-list {
    top: -233px;
}
}.sf-post-stories-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 30px;
    color: rgba(154, 160, 177, .5);
}
@media (min-width:768px) {
    .sf-post-stories-item {
    margin-right: 60px;
}
}@media (min-width:1200px) {
    .sf-post-stories-item {
    margin: 0 0 32px;
    color: rgba(204, 207, 216, .5);
}
}@media (min-width:1600px) {
    .sf-post-stories-item {
    margin-bottom: 29px;
}
}.sf-post-stories-item-text {
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
    -webkit-transition: color .3s, -webkit-transform .3s;
    transition: color .3s, -webkit-transform .3s;
    -o-transition: color .3s, -o-transform .3s;
    -moz-transition: color .3s, transform .3s, -moz-transform .3s;
    transition: color .3s, transform .3s;
    transition: color .3s, transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
}
@media (min-width:768px) {
    .sf-post-stories-item-text {
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-post-stories-item-text {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-post-stories-item-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    text-align: right;
}
}@media (min-width:1600px) {
    .sf-post-stories-item-text {
    font-size: 18px;
    line-height: 23px;
}
}.sf-post-stories-item-line {
    display: none;
}
@media (min-width:1200px) {
    .sf-post-stories-item-line {
    display: block;
    width: 60px;
    margin: -2px 0 0 0;
    position: relative;
    -webkit-transition: margin .3s;
    -o-transition: margin .3s;
    -moz-transition: margin .3s;
    transition: margin .3s;
}
.sf-post-stories-item-line::after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    width: 16px;
    border-bottom: 1px solid;
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: right .3s, border .3s, -webkit-transform .3s;
    transition: right .3s, border .3s, -webkit-transform .3s;
    -o-transition: right .3s, border .3s, -o-transform .3s;
    -moz-transition: transform .3s, right .3s, border .3s, -moz-transform .3s;
    transition: transform .3s, right .3s, border .3s;
    transition: transform .3s, right .3s, border .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
}
}@media (hover:hover) {
    .sf-post-stories-item: hover {
    color: #03174e;
}
.sf-post-stories-item:hover .sf-post-stories-item-text {
    -webkit-transform: translateX(-6px);
    -moz-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    -o-transform: translateX(-6px);
    transform: translateX(-6px);
}
}@media (hover:hover) and (min-width:1600px) {
    .sf-post-stories-item: hover .sf-post-stories-item-text {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
}
}@media (hover:hover) {
    .sf-post-stories-item: hover .sf-post-stories-item-line::after {
    -webkit-transform: scaleX(2.5);
    -moz-transform: scaleX(2.5);
    -ms-transform: scaleX(2.5);
    -o-transform: scaleX(2.5);
    transform: scaleX(2.5);
}
}.sf-post-stories-item.-active {
    color: #80d7fe;
}
@media (min-width:1200px) {
    .sf-post-stories-item.-active .sf-post-stories-item-text {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
}
}@media (min-width:1600px) {
    .sf-post-stories-item.-active .sf-post-stories-item-text {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
}
}.sf-post-stories-item.-active .sf-post-stories-item-line::after {
    -webkit-transform: scaleX(3.75);
    -moz-transform: scaleX(3.75);
    -ms-transform: scaleX(3.75);
    -o-transform: scaleX(3.75);
    transform: scaleX(3.75);
    right: 0;
}
.sf-post-list {
    margin: 0 -8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (min-width:768px) {
    .sf-post-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
}
}@media (min-width:1024px) {
    .sf-post-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -26px;
}
}@media (min-width:1200px) {
    .sf-post-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -31px;
}
}@media (min-width:1600px) {
    .sf-post-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -35px;
}
}.sf-post-list-item {
    width: 50%;
    padding: 0 8px;
    margin-bottom: 50px;
}
@media (min-width:768px) {
    .sf-post-list-item {
    width: 33.333%;
    padding: 0 20px;
}
}@media (min-width:1024px) {
    .sf-post-list-item {
    padding: 0 26px;
}
}@media (min-width:1200px) {
    .sf-post-list-item {
    padding: 0 31px;
}
}@media (min-width:1600px) {
    .sf-post-list-item {
    padding: 0 35px;
    margin-bottom: 70px;
}
}.sf-post-list-item.-wall {
    position: relative;
    width: 25%;
    height: 100%;
    display: none;
}
@media (max-width:767px) {
    .sf-post-list-item.-wall {
    width: 50%}
}@media (min-width:375px) {
    .sf-post-list-item.-wall {
    width: 50%}
}@media (min-width:768px) {
    .sf-post-list-item.-wall {
    width: 33.333%;
    padding: 0 20px;
}
}@media (min-width:1024px) {
    .sf-post-list-item.-wall {
    padding: 0 26px;
}
}@media (min-width:1200px) {
    .sf-post-list-item.-wall {
    width: 25%;
    padding: 0 10px;
}
}@media (min-width:1600px) {
    .sf-post-list-item.-wall {
    padding: 0 20px;
    margin-bottom: 70px;
}
}.sf-post-list-item.-video {
    position: relative;
    width: 25%;
    height: 100%}
@media (max-width:767px) {
    .sf-post-list-item.-video {
    width: 90%;
    margin: 25px auto;
}
}@media (min-width:375px) {
    .sf-post-list-item.-video {
    width: 90%;
    margin: 25px auto;
}
}@media (min-width:768px) {
    .sf-post-list-item.-video {
    width: 33.333%;
    padding: 0 20px;
}
}@media (min-width:1024px) {
    .sf-post-list-item.-video {
    padding: 0 26px;
}
}@media (min-width:1200px) {
    .sf-post-list-item.-video {
    width: 25%;
    padding: 0 10px;
}
}@media (min-width:1600px) {
    .sf-post-list-item.-video {
    padding: 0 20px;
    margin-bottom: 70px;
}
}.sf-post-list-item.-manual {
    width: 100%}
@media (min-width:768px) {
    .sf-post-list-item.-manual {
    width: 33.333%}
}@media (min-width:1024px) {
    .sf-post-list-item.-manual {
    width: 50%}
}@media (min-width:1200px) {
    .sf-post-list-item.-manual {
    width: 33.333%}
}.sf-post-preview {
    display: block;
}
.sf-post-preview-img {
    width: 100%;
    height: 250px;
    margin-bottom: 20px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
@media (min-width:768px) {
    .sf-post-preview-img {
    height: 273px;
    margin-bottom: 30px;
}
}@media (min-width:1024px) {
    .sf-post-preview-img {
    height: 331px;
    margin-bottom: 40px;
}
}@media (min-width:1200px) {
    .sf-post-preview-img {
    height: 384px;
    margin-bottom: 30px;
}
}@media (min-width:1600px) {
    .sf-post-preview-img {
    height: 400px;
    margin-bottom: 60px;
}
}@media (max-width:767px) {
    .sf-post-preview-img.-wall {
    height: auto;
    margin-bottom: 0;
}
}@media (min-width:375px) {
    .sf-post-preview-img.-wall {
    height: auto;
    margin-bottom: 0;
}
}.sf-post-preview-img.-video {
    height: auto;
    margin-bottom: 0;
}
.sf-post-preview-img.-manual {
    width: 100%;
    height: 300px;
}
@media (min-width:1024px) {
    .sf-post-preview-img.-manual {
    width: 330px;
    height: 400px;
}
}.sf-post-preview-casepreviewimage {
    width: 100%;
    height: 250px;
    margin-bottom: 20px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
@media (min-width:768px) {
    .sf-post-preview-casepreviewimage {
    height: 273px;
}
}@media (min-width:1024px) {
    .sf-post-preview-casepreviewimage {
    height: 331px;
}
}@media (min-width:1200px) {
    .sf-post-preview-casepreviewimage {
    height: 384px;
}
}@media (min-width:1600px) {
    .sf-post-preview-casepreviewimage {
    height: 400px;
}
}.sf-post-preview-webinarimg {
    width: 100%;
    height: 169px;
    margin-bottom: 20px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
@media (min-width:768px) {
    .sf-post-preview-webinarimg {
    margin-bottom: 30px;
    height: 169px;
}
}@media (min-width:1024px) {
    .sf-post-preview-webinarimg {
    margin-bottom: 40px;
    height: 169px;
}
}@media (min-width:1200px) {
    .sf-post-preview-webinarimg {
    margin-bottom: 30px;
    height: 169px;
}
}@media (min-width:1600px) {
    .sf-post-preview-webinarimg {
    margin-bottom: 60px;
    height: 169px;
}
}@media (max-width:767px) {
    .sf-post-preview-webinarimg.-wall {
    height: auto;
    margin-bottom: 0;
}
}@media (min-width:375px) {
    .sf-post-preview-webinarimg.-wall {
    height: auto;
    margin-bottom: 0;
}
}.sf-post-preview-webinarimg.-video {
    height: auto;
    margin-bottom: 0;
}
.sf-post-preview-img img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
@media (min-width:768px) {
    .sf-post-preview-img img {
    margin-bottom: 30px;
}
}@media (min-width:1024px) {
    .sf-post-preview-img img {
    margin-bottom: 40px;
}
}@media (min-width:1200px) {
    .sf-post-preview-img img {
    margin-bottom: 30px;
}
}@media (min-width:1600px) {
    .sf-post-preview-img img {
    margin-bottom: 60px;
}
}.sf-post-preview-img iframe {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
@media (min-width:768px) {
    .sf-post-preview-img iframe {
    margin-bottom: 30px;
}
}@media (min-width:1024px) {
    .sf-post-preview-img iframe {
    margin-bottom: 40px;
}
}@media (min-width:1200px) {
    .sf-post-preview-img iframe {
    margin-bottom: 30px;
}
}@media (min-width:1600px) {
    .sf-post-preview-img iframe {
    margin-bottom: 60px;
}
}.sf-post-preview-date {
    margin-bottom: 10px;
    color: #9aa0b1;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
}
@media (min-width:1024px) {
    .sf-post-preview-date {
    font-size: 15px;
    line-height: 23px;
}
}@media (min-width:1200px) {
    .sf-post-preview-date {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-post-preview-date {
    font-size: 18px;
    line-height: 27px;
}
}.sf-post-preview-title {
    margin-bottom: 10px;
    color: #03174e;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
}
@media (min-width:1024px) {
    .sf-post-preview-title {
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1600px) {
    .sf-post-preview-title {
    font-size: 18px;
    line-height: 25px;
}
}.sf-post-preview-midtitle {
    margin-bottom: 10px;
    color: #9aa0b1;
    font-weight: 500;
    font-size: 10px;
    line-height: 20px;
    letter-spacing: .01em;
}
@media (min-width:1024px) {
    .sf-post-preview-midtitle {
    font-size: 12px;
    line-height: 16px;
}
}@media (min-width:1600px) {
    .sf-post-preview-midtitle {
    font-size: 14px;
    line-height: 18px;
}
}.sf-post-preview-note {
    color: #51c8ff;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
}
@media (min-width:1200px) {
    .sf-post-preview-note {
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-post-preview-note {
    font-size: 18px;
    line-height: 27px;
}
}.sf-post-preview-note.-wall {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    text-align: center;
}
@media (min-width:1024px) {
    .sf-post-preview.-lg .sf-post-preview-date {
    margin-bottom: 22px;
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-post-preview.-lg .sf-post-preview-date {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 27px;
}
}@media (min-width:1024px) {
    .sf-post-preview.-lg .sf-post-preview-note {
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-post-preview.-lg .sf-post-preview-note {
    font-size: 18px;
    line-height: 27px;
}
}.sf-post-more {
    margin-top: -10px;
    color: #03174e;
    font-weight: 200;
    font-size: 46px;
    line-height: 69px;
    letter-spacing: .135em;
    text-transform: uppercase;
    text-align: center;
}
@media (min-width:768px) {
    .sf-post-more {
    margin-top: 10px;
}
}@media (min-width:1200px) {
    .sf-post-more {
    margin-top: 0;
}
}@media (min-width:1600px) {
    .sf-post-more {
    margin-top: 10px;
}
}.sf-post.-md .sf-post-content {
    padding: 80px 0 76px;
}
@media (min-width:768px) {
    .sf-post.-md .sf-post-content {
    padding: 80px 0 120px;
}
}@media (min-width:1024px) {
    .sf-post.-md .sf-post-content {
    padding: 80px 0 160px;
}
}@media (min-width:1200px) {
    .sf-post.-md .sf-post-content {
    padding: 100px 0 200px;
}
}.sf-post.-sm .sf-post-content {
    padding: 0 0 80px;
}
@media (min-width:768px) {
    .sf-post.-sm .sf-post-content {
    padding-bottom: 120px;
}
}@media (min-width:1024px) {
    .sf-post.-sm .sf-post-content {
    padding-bottom: 160px;
}
}@media (min-width:1200px) {
    .sf-post.-sm .sf-post-content {
    padding-bottom: 200px;
}
}@media (min-width:1200px) {
    .sf-post.-offset {
    padding-right: 26px;
}
}@media (min-width:1600px) {
    .sf-post.-offset {
    padding-right: 0;
}
}.sf-post-logo {
    height: auto;
}
@media (min-width:768px) {
    .sf-post-logo {
    height: auto;
}
}@media (min-width:1024px) {
    .sf-post-logo {
    height: auto;
}
}@media (min-width:1600px) {
    .sf-post-logo {
    height: auto;
}
}.sf-post-logo img {
    height: auto;
}
.sf-post-more {
    margin: 30px 0 0 0;
    text-align: center;
}
@media (min-width:768px) {
    .sf-post-more {
    margin: 60px 0 0 0;
}
}@media (min-width:1200px) {
    .sf-post-more {
    margin: 80px 0 0 0;
}
}.sf-post-more a {
    font-size: 46px;
    line-height: 69px;
    letter-spacing: .135em;
    font-weight: 200;
    text-transform: uppercase;
    color: #03174e;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-post-more a:hover {
    opacity: .8;
}
.sf-gallery {
    background: #020213;
    color: #fff;
    overflow: hidden;
}
.sf-gallery-content {
    padding: 112px 0 80px;
}
@media (min-width:768px) {
    .sf-gallery-content {
    padding: 200px 0 80px;
}
}@media (min-width:1200px) {
    .sf-gallery-content {
    padding-bottom: 100px;
}
}@media (min-width:1600px) {
    .sf-gallery-content {
    padding: 254px 0 150px;
}
}.sf-gallery-content.-sm {
    padding: 120px 0 80px;
}
@media (min-width:768px) {
    .sf-gallery-content.-sm {
    padding: 200px 0 80px;
}
}@media (min-width:1200px) {
    .sf-gallery-content.-sm {
    padding-bottom: 100px;
}
}@media (min-width:1600px) {
    .sf-gallery-content.-sm {
    padding: 254px 0 100px;
}
}.sf-gallery-content.-lg {
    padding: 160px 0 80px;
}
@media (min-width:1200px) {
    .sf-gallery-content.-lg {
    padding: 200px 0 100px;
}
}@media (min-width:1600px) {
    .sf-gallery-content.-lg {
    padding: 300px 0 150px;
}
}.sf-gallery-categories {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 52px;
    max-width: 700px;
}
@media (min-width:768px) {
    .sf-gallery-categories {
    margin-bottom: 60px;
}
}@media (min-width:1024px) {
    .sf-gallery-categories {
    margin-bottom: 80px;
}
}@media (min-width:1200px) {
    .sf-gallery-categories {
    margin-bottom: 62px;
    max-width: 750px;
}
}@media (min-width:1600px) {
    .sf-gallery-categories {
    margin-bottom: 82px;
    max-width: 910px;
}
}.sf-gallery-categories-item {
    margin: 0 30px 28px 0;
}
@media (min-width:768px) {
    .sf-gallery-categories-item {
    margin: 0 40px 40px 0;
}
}@media (min-width:1600px) {
    .sf-gallery-categories-item {
    margin: 0 60px 60px 0;
}
}.sf-gallery-categories-item-text {
    position: relative;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-gallery-categories-item-text {
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-gallery-categories-item-text {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-gallery-categories-item-text {
    font-size: 26px;
    line-height: 34px;
}
}.sf-gallery-categories-item-text::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -5px;
    left: 0;
    height: 1px;
    background: #fff;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    -o-transition: -o-transform .35s;
    -moz-transition: transform .35s, -moz-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s, -moz-transform .35s, -o-transform .35s;
}
@media (min-width:768px) {
    .sf-gallery-categories-item-text: :after {
    height: 2px;
}
}.sf-gallery-categories-item-number {
    display: inline-block;
    vertical-align: 80%;
    color: #80d7fe;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-gallery-categories-item-number {
    font-size: 16px;
    line-height: 21px;
}
}@media (min-width:1600px) {
    .sf-gallery-categories-item-number {
    font-size: 18px;
    line-height: 23px;
}
}.sf-gallery-categories-item:hover .sf-gallery-categories-item-text::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.sf-gallery-list {
    position: relative;
    isolation: isolate;
}
.sf-gallery-list-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 77px;
    left: 33px;
    z-index: 3;
    pointer-events: none;
    mix-blend-mode: overlay;
}
@media (min-width:768px) {
    .sf-gallery-list-track {
    top: 87px;
}
}@media (min-width:1024px) {
    .sf-gallery-list-track {
    top: 108px;
}
}@media (min-width:1200px) {
    .sf-gallery-list-track {
    top: 132px;
}
}@media (min-width:1600px) {
    .sf-gallery-list-track {
    top: 120px;
}
}.sf-gallery-list-track-item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 99px;
    color: #fff;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-gallery-list-track-item {
    margin-right: 76px;
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-gallery-list-track-item {
    margin-right: 95px;
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-gallery-list-track-item {
    margin-right: 112px;
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-gallery-list-track-item {
    margin-right: 40px;
    font-size: 76px;
    line-height: 88px;
}
}.sf-gallery-list-track-item::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 1px;
    margin-right: 20px;
    background: #fff;
}
@media (min-width:1024px) {
    .sf-gallery-list-track-item: :before {
    width: 80px;
    margin: -12px 30px 0 0;
}
}@media (min-width:1200px) {
    .sf-gallery-list-track-item: :before {
    margin-right: 40px;
}
}.sf-gallery-list-track-item:first-child::before {
    display: none;
}
.sf-gallery-list-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.sf-gallery-list-item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 50px;
}
.sf-gallery-list-item:last-child {
    margin-right: 0;
}
@media (min-width:1024px) {
    .sf-gallery-list-item {
    margin-right: 60px;
}
}@media (min-width:1200px) {
    .sf-gallery-list-item {
    margin-right: 82px;
}
}@media (min-width:1600px) {
    .sf-gallery-list-item {
    margin-right: 70px;
}
}.sf-gallery-preview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 196px;
    height: 261px;
    padding: 20px 26px;
    position: relative;
    z-index: 1;
}
@media (min-width:768px) {
    .sf-gallery-preview {
    padding: 20px;
}
}@media (min-width:1024px) {
    .sf-gallery-preview {
    width: 255px;
    height: 341px;
    padding: 30px;
}
}@media (min-width:1200px) {
    .sf-gallery-preview {
    width: 288px;
    height: 384px;
    padding: 40px;
}
}@media (min-width:1600px) {
    .sf-gallery-preview {
    width: 300px;
    height: 400px;
}
}.sf-gallery-preview-img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: .3;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
.sf-gallery-preview-text {
    max-width: 300px;
    max-height: 63px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    overflow: hidden;
}
@media (min-width:1024px) {
    .sf-gallery-preview-text {
    max-height: 78px;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-gallery-preview-text {
    max-height: 87px;
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-gallery-preview-text {
    max-height: 104px;
    font-size: 26px;
    line-height: 34px;
}
}.sf-gallery-preview-note {
    margin-top: 20px;
    color: #80d7fe;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .01em;
}
@media (min-width:1200px) {
    .sf-gallery-preview-note {
    font-size: 18px;
    line-height: 27px;
}
}@media (min-width:1600px) {
    .sf-gallery-preview-note {
    margin-top: 10px;
}
}@media (min-width:768px) {
    .sf-gallery-preview.-lg {
    width: 527px;
    height: 378px;
    padding: 30px;
}
}@media (min-width:1024px) {
    .sf-gallery-preview.-lg {
    width: 788px;
    height: 565px;
    padding: 40px;
    margin-top: -22px;
}
}@media (min-width:1200px) {
    .sf-gallery-preview.-lg {
    margin-top: 20px;
}
}@media (min-width:1600px) {
    .sf-gallery-preview.-lg {
    width: 853px;
    height: 612px;
    margin-top: 0;
}
}@media (min-width:768px) {
    .sf-gallery-preview.-offset {
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
}
}@media (min-width:1024px) {
    .sf-gallery-preview.-offset {
    -webkit-transform: translateY(69px);
    -moz-transform: translateY(69px);
    -ms-transform: translateY(69px);
    -o-transform: translateY(69px);
    transform: translateY(69px);
}
}@media (min-width:1200px) {
    .sf-gallery-preview.-offset {
    -webkit-transform: translateY(112px);
    -moz-transform: translateY(112px);
    -ms-transform: translateY(112px);
    -o-transform: translateY(112px);
    transform: translateY(112px);
}
}.sf-article {
    position: relative;
}
.sf-article-content {
    padding: 0 0 70px 0;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-article-content {
    padding: 0 0 30px 0;
}
}@media (min-width:1024px) {
    .sf-article-content {
    padding: 0 0 40px 0;
}
}@media (min-width:1200px) {
    .sf-article-content {
    padding: 0 0 100px 0;
}
}@media (min-width:1600px) {
    .sf-article-content {
    padding: 0 0 150px 0;
}
}.sf-article-container {
    padding: 0 16px;
}
@media (min-width:768px) {
    .sf-article-container {
    padding: 0 50px;
}
}@media (min-width:1024px) {
    .sf-article-container {
    width: 70%;
    padding: 0;
    margin: 0 auto;
}
}@media (min-width:1200px) {
    .sf-article-container {
    width: 70%}
}@media (min-width:1600px) {
    .sf-article-container {
    width: 70%}
}.sf-article img {
    width: 100%;
    margin: 0 0 50px 0;
}
@media (min-width:768px) {
    .sf-article img {
    margin: 0 0 80px 0;
}
}@media (min-width:1200px) {
    .sf-article img {
    margin: 0 0 100px 0;
}
}@media (min-width:1600px) {
    .sf-article img {
    margin: 0 0 140px 0;
}
}.sf-article p {
    margin: 0 0 25px 0;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-article p {
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 35px;
}
}@media (min-width:1200px) {
    .sf-article p {
    margin: 0 0 25px 0;
}
}@media (min-width:1600px) {
    .sf-article p {
    margin: 0 0 45px 0;
    font-size: 18px;
    line-height: 40px;
}
}.sf-article p a {
    position: relative;
}
.sf-article p a:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -5px;
    left: 0;
    height: 2px;
    background: #51c8ff;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    -o-transition: -o-transform .35s;
    -moz-transition: transform .35s, -moz-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s, -moz-transform .35s, -o-transform .35s;
}
@media (min-width:768px) {
    .sf-article p a: after {
    height: 4px;
}
}.sf-article p a:hover:after {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
}
.sf-article p span {
    color: #fa4338;
}
.sf-article h2 {
    margin: 0 0 30px 0;
    font-size: 14px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-article h2 {
    margin: 0 0 50px 0;
    font-size: 22px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-article h2 {
    font-size: 22px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-article h2 {
    margin: 0 0 80px 0;
    font-size: 28px;
    line-height: 60px;
}
}.sf-article-image img {
    margin: 0 0 50px 0;
    width: 30%}
@media (min-width:768px) {
    .sf-article-image img {
    margin: 0 0 80px 0;
}
}@media (min-width:1200px) {
    .sf-article-image img {
    margin: 0 0 100px 0;
}
}@media (min-width:1600px) {
    .sf-article-image img {
    margin: 0 0 140px 0;
}
}.sf-article h2-release {
    margin: 0 0 30px 0;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-article h2-release {
    margin: 0 0 50px 0;
    font-size: 20px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-article h2-release {
    font-size: 24px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-article h2-release {
    margin: 0 0 80px 0;
    font-size: 40px;
    line-height: 60px;
}
}@media (min-width:1024px) {
    .sf-article-quote {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
}.sf-article-quote-col {
    margin: 0 0 50px 0;
}
@media (min-width:1024px) {
    .sf-article-quote-col {
    margin: 0;
}
}@media (min-width:1024px) {
    .sf-article-quote-row {
    width: 230px;
    margin: 45px 40px 0 0;
}
}.sf-article-quote-name {
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
    font-weight: 600;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-article-quote-name {
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1600px) {
    .sf-article-quote-name {
    font-size: 18px;
    line-height: 25px;
}
}.sf-article-quote-position {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
    color: #9aa0b1;
}
@media (min-width:768px) {
    .sf-article-quote-position {
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1600px) {
    .sf-article-quote-position {
    font-size: 18px;
    line-height: 25px;
}
}.sf-article-quote-text b {
    display: block;
    font-size: 26px;
    line-height: .7;
    letter-spacing: -.03em;
    font-weight: 600;
}
.sf-article-quote-text b:last-child {
    padding: 0 6px 0 0;
    line-height: 1.35;
    text-align: right;
}
@media (min-width:1600px) {
    .sf-article-quote-text b: last-child {
    padding: 0 19px 0 0;
}
}@media (min-width:768px) {
    .sf-article-quote-text b {
    font-size: 32px;
}
}@media (min-width:1024px) {
    .sf-article-quote-text b {
    font-size: 36px;
}
}@media (min-width:1600px) {
    .sf-article-quote-text b {
    font-size: 46px;
}
}.sf-article-quote-text p {
    padding: 0;
    margin: 0;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -.03em;
    text-transform: uppercase;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-article-quote-text p {
    font-size: 32px;
    line-height: 37px;
}
}@media (min-width:1024px) {
    .sf-article-quote-text p {
    font-size: 30px;
    line-height: 35px;
}
}@media (min-width:1200px) {
    .sf-article-quote-text p {
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1600px) {
    .sf-article-quote-text p {
    font-size: 46px;
    line-height: 53px;
}
}.sf-article-quote-textquote {
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -.03em;
    font-weight: 500;
    font-style: italic;
}
@media (min-width:768px) {
    .sf-article-quote-textquote {
    font-size: 24px;
    line-height: 45px;
    padding-bottom: 20px;
}
}@media (min-width:1024px) {
    .sf-article-quote-textquote {
    font-size: 26px;
    line-height: 55px;
    padding-bottom: 50px;
}
}@media (min-width:1200px) {
    .sf-article-quote-textquote {
    font-size: 30px;
    line-height: 62px;
    padding-bottom: 60px;
    padding-left: 110px;
}
}@media (min-width:1600px) {
    .sf-article-quote-textquote {
    font-size: 36px;
    line-height: 80px;
    padding-bottom: 80px;
    padding-left: 255px;
}
}@media (min-width:1921px) {
    .sf-article-quote-textquote {
    font-size: 40px;
    line-height: 80px;
    padding-bottom: 80px;
    padding-left: 480px;
}
}.sf-article-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 120px 0 0 0;
}
@media (min-width:1024px) {
    .sf-article-nav {
    margin: 160px 0 0 0;
}
}@media (min-width:1200px) {
    .sf-article-nav {
    margin: 260px 0 0 0;
}
}@media (min-width:1600px) {
    .sf-article-nav {
    margin: 180px 0 0 0;
}
}.sf-article-nav-item {
    position: relative;
    width: 50%;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
    color: #9aa0b1;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}
.sf-article-nav-item:hover {
    color: #03174e;
}
.sf-article-nav-item:hover:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
.sf-article-nav-item:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(3, 23, 78, .2);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
}
@media (min-width:1024px) {
    .sf-article-nav-item: after {
    bottom: -30px;
}
}@media (min-width:1024px) {
    .sf-article-nav-item: after {
    bottom: -40px;
}
}@media (min-width:768px) {
    .sf-article-nav-item {
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-article-nav-item {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-article-nav-item {
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-article-nav-item {
    font-size: 46px;
    line-height: 60px;
}
}.sf-article-nav-item.-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.sf-article-nav-item.-right:after {
    right: 0;
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
}
.sf-article-nav-item.-disabled {
    pointer-events: none;
}
.sf-article-share {
    display: none;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-article-share {
    margin: 0 0 0 50px;
    display: block;
    position: absolute;
}
}@media (min-width:1024px) {
    .sf-article-share {
    margin: 0 0 0 60px;
}
}@media (min-width:1200px) {
    .sf-article-share {
    margin: 0 0 0 80px;
}
}@media (min-width:1600px) {
    .sf-article-share {
    margin: 0 0 0 100px;
}
}.sf-article-share.-sm-hidden {
    display: block;
}
@media (min-width:768px) {
    .sf-article-share.-sm-hidden {
    display: none;
}
}.sf-demo {
    padding-bottom: 10px;
    line-height: 35px;
    font-size: 16px;
}
.sf-demo-ordered-list {
    padding-top: 15px;
}
.sf-demo-lower-alpha {
    list-style-type: lower-alpha;
}
.sf-demo-lower-roman {
    list-style-type: lower-roman;
}
.sf-demo-circle {
    list-style-type: circle;
}
.sf-demo a {
    position: relative;
}
.sf-demo a:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -5px;
    left: 0;
    height: 2px;
    background: #51c8ff;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    -o-transition: -o-transform .35s;
    -moz-transition: transform .35s, -moz-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s, -moz-transform .35s, -o-transform .35s;
}
@media (min-width:768px) {
    .sf-demo a: after {
    height: 4px;
}
}.sf-demo a:hover:after {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
}
.sf-schema-content {
    padding: 0 0 120px;
}
@media (min-width:768px) {
    .sf-schema-content {
    padding: 0 0 184px;
}
}@media (min-width:1024px) {
    .sf-schema-content {
    padding: 0 0 220px;
}
}@media (min-width:1200px) {
    .sf-schema-content {
    padding: 0 0 250px;
}
}@media (min-width:1600px) {
    .sf-schema-content {
    padding: 0 0 300px;
}
}.sf-schema-title {
    margin: 0 0 40px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    text-align: center;
}
@media (min-width:768px) {
    .sf-schema-title {
    margin: 0 0 60px;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-schema-title {
    margin: 0 0 80px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-schema-title {
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-schema-title {
    margin: 0 0 100px;
    font-size: 46px;
    line-height: 60px;
}
}.sf-schema-circles {
    margin-bottom: 19px;
    text-align: center;
}
@media (min-width:768px) {
    .sf-schema-circles {
    margin-bottom: 40px;
}
}@media (min-width:1024px) {
    .sf-schema-circles {
    margin-bottom: 50px;
}
}@media (min-width:1600px) {
    .sf-schema-circles {
    margin-bottom: 62px;
}
}.sf-schema-circles img {
    width: 300px;
}
@media (min-width:768px) {
    .sf-schema-circles img {
    width: 300px;
}
}@media (min-width:1024px) {
    .sf-schema-circles img {
    width: 940px;
}
}@media (min-width:1600px) {
    .sf-schema-circles img {
    width: 1020px;
}
}.sf-schema-circles404 {
    margin-bottom: 19px;
    text-align: center;
}
.sf-schema-circles404 img {
    width: 350px;
}
@media (min-width:768px) {
    .sf-schema-circles404 img {
    width: 120px;
}
}@media (min-width:1024px) {
    .sf-schema-circles404 img {
    width: 630px;
}
}@media (min-width:1600px) {
    .sf-schema-circles404 img {
    width: 301px;
}
}.sf-schema-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width:768px) {
    .sf-schema-info {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
}.sf-schema-info-symbol {
    margin: 30px 5px 0;
    color: #03174e;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .135em;
    text-transform: uppercase;
}
@media (min-width:768px) {
    .sf-schema-info-symbol {
    margin: 35px 18px 0;
    font-size: 16px;
    line-height: 24px;
}
}.sf-schema-info-item {
    width: 140px;
}
@media (min-width:768px) {
    .sf-schema-info-item {
    width: 184px;
    padding: 0 20px;
    text-align: center;
}
}@media (min-width:1600px) {
    .sf-schema-info-item {
    padding: 0 10px;
}
}.sf-schema-info-item.-right {
    text-align: right;
}
@media (min-width:768px) {
    .sf-schema-info-item.-right {
    text-align: center;
}
}.sf-schema-info-title {
    margin-bottom: 10px;
    color: #03174e;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .135em;
    text-transform: uppercase;
}
@media (min-width:768px) {
    .sf-schema-info-title {
    font-size: 16px;
    line-height: 24px;
}
}.sf-schema-info-from {
    margin-bottom: 20px;
    color: #9aa0b1;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-schema-info-from {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-schema-info-from {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 27px;
}
}.sf-schema-info-description {
    color: #03174e;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-schema-info-description {
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1600px) {
    .sf-schema-info-description {
    font-size: 18px;
    line-height: 25px;
}
}.sf-ecosystem-content {
    padding: 50px 0;
}
@media (min-width:768px) {
    .sf-ecosystem-content {
    padding: 50px 0;
}
}@media (min-width:1024px) {
    .sf-ecosystem-content {
    padding: 90px 0;
}
}@media (min-width:1200px) {
    .sf-ecosystem-content {
    padding: 100px 0;
}
}@media (min-width:1600px) {
    .sf-ecosystem-content {
    padding: 150px 0;
}
}.sf-ecosystem-heading {
    margin-bottom: 50px;
}
@media (min-width:768px) {
    .sf-ecosystem-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 86px;
}
}@media (min-width:1024px) {
    .sf-ecosystem-heading {
    margin-bottom: 113px;
}
}@media (min-width:1200px) {
    .sf-ecosystem-heading {
    margin-bottom: 106px;
}
}@media (min-width:1600px) {
    .sf-ecosystem-heading {
    margin-bottom: 101px;
}
}.sf-ecosystem-heading-title {
    margin: 0 0 30px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-ecosystem-heading-title {
    width: 50%;
    margin: 0;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-ecosystem-heading-title {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-ecosystem-heading-title {
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-ecosystem-heading-title {
    font-size: 46px;
    line-height: 60px;
}
}.sf-ecosystem-heading-text {
    color: #020213;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-ecosystem-heading-text {
    max-width: 240px;
    margin: 11px 0 0 13px;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1024px) {
    .sf-ecosystem-heading-text {
    max-width: none;
    margin: 11px 0 0 13px;
}
}@media (min-width:1200px) {
    .sf-ecosystem-heading-text {
    margin: 17px 0 0 13px;
}
}@media (min-width:1600px) {
    .sf-ecosystem-heading-text {
    margin: 22px 0 0 13px;
    font-size: 18px;
    line-height: 36px;
}
}.sf-ecosystem-list {
    border-top: 1px solid rgba(3, 23, 78, .1);
}
@media (min-width:768px) {
    .sf-ecosystem-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
}.sf-ecosystem-list-item {
    padding: 40px 0;
    border-bottom: 1px solid rgba(3, 23, 78, .1);
}
@media (min-width:768px) {
    .sf-ecosystem-list-item {
    width: 50%;
    padding: 60px 26px;
}
.sf-ecosystem-list-item:nth-child(odd) {
    padding-left: 0;
    border-right: 1px solid rgba(3, 23, 78, .1);
}
}@media (min-width:1024px) {
    .sf-ecosystem-list-item {
    padding: 60px 30px;
}
}@media (min-width:1200px) {
    .sf-ecosystem-list-item {
    position: relative;
    height: 215px;
    padding: 60px 38px;
}
.sf-ecosystem-list-item:hover .sf-ecosystem-list-item-text {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
}@media (min-width:1600px) {
    .sf-ecosystem-list-item {
    height: 230px;
    padding: 62px 40px;
}
}.sf-ecosystem-list-item-title {
    max-width: 308px;
    margin-bottom: 10px;
    color: #03174e;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-ecosystem-list-item-title {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-ecosystem-list-item-title {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-ecosystem-list-item-title {
    font-size: 26px;
    line-height: 34px;
}
}.sf-ecosystem-list-item-text {
    max-width: 341px;
    color: #020213;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-ecosystem-list-item-text {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1200px) {
    .sf-ecosystem-list-item-text {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    max-width: 437px;
    padding: 60px 38px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-transition: opacity .3s, visibility 0s .3s;
    -o-transition: opacity .3s, visibility 0s .3s;
    -moz-transition: opacity .3s, visibility 0s .3s;
    transition: opacity .3s, visibility 0s .3s;
}
}@media (min-width:1600px) {
    .sf-ecosystem-list-item-text {
    padding: 60px 40px;
    font-size: 18px;
    line-height: 36px;
}
}.sf-more {
    overflow: hidden;
}
.sf-more-content {
    padding: 80px 0 120px;
}
@media (min-width:768px) {
    .sf-more-content {
    padding: 140px 0 180px;
}
}@media (min-width:1024px) {
    .sf-more-content {
    padding: 160px 0 220px;
}
}@media (min-width:1200px) {
    .sf-more-content {
    padding: 180px 0 260px;
}
}@media (min-width:1600px) {
    .sf-more-content {
    padding: 200px 0 300px;
}
}.sf-more-content.-channel {
    padding: 0 0 100px 0;
}
@media (min-width:768px) {
    .sf-more-content.-channel {
    padding: 0 0 100px 0;
}
}@media (min-width:1024px) {
    .sf-more-content.-channel {
    padding: 0 0 100px 0;
}
}@media (min-width:1200px) {
    .sf-more-content.-channel {
    padding: 0 0 100px 0;
}
}@media (min-width:1600px) {
    .sf-more-content.-channel {
    padding: 0 0 100px 0;
}
}.sf-more-body {
    position: relative;
    padding-top: 183px;
}
@media (min-width:768px) {
    .sf-more-body {
    padding-top: 273px;
}
}@media (min-width:1024px) {
    .sf-more-body {
    padding-top: 358px;
}
}@media (min-width:1200px) {
    .sf-more-body {
    padding-top: 420px;
}
}.sf-more-bg {
    position: absolute;
    top: 0;
    right: 0;
    height: 173px;
    text-align: right;
}
@media (min-width:768px) {
    .sf-more-bg {
    height: 100%}
}.sf-more-bg img {
    max-height: 100%}
@media (min-width:768px) {
    .sf-more-bg img {
    width: 870px;
}
}@media (min-width:1024px) {
    .sf-more-bg img {
    width: 1200px;
}
}@media (min-width:1200px) {
    .sf-more-bg img {
    width: 1400px;
}
}@media (min-width:1600px) {
    .sf-more-bg img {
    width: 100%}
}.sf-more-title {
    max-width: 270px;
    margin: 0 auto 30px;
    color: #020213;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    text-align: center;
}
@media (min-width:768px) {
    .sf-more-title {
    max-width: 740px;
    margin: 0 auto 60px;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-more-title {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-more-title {
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-more-title {
    font-size: 46px;
    line-height: 60px;
}
}.sf-more-btn {
    text-align: center;
}
.sf-source-content {
    padding: 0 0 80px;
}
@media (min-width:768px) {
    .sf-source-content {
    padding: 0 0 188px;
}
}@media (min-width:1024px) {
    .sf-source-content {
    padding: 0 0 220px;
}
}@media (min-width:1200px) {
    .sf-source-content {
    padding: 0 0 250px;
}
}@media (min-width:1600px) {
    .sf-source-content {
    padding: 0 0 300px;
}
}.sf-source-heading {
    margin-bottom: 50px;
}
@media (min-width:768px) {
    .sf-source-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 108px;
}
}@media (min-width:1600px) {
    .sf-source-heading {
    margin-bottom: 100px;
}
}.sf-source-heading-title {
    margin-bottom: 30px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-source-heading-title {
    margin-bottom: 0;
    width: 50%;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-source-heading-title {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-source-heading-title {
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-source-heading-title {
    font-size: 46px;
    line-height: 60px;
}
}.sf-source-heading-text {
    max-width: 280px;
    color: #020213;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-source-heading-text {
    max-width: 340px;
    margin-top: 10px;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1024px) {
    .sf-source-heading-text {
    margin-top: 15px;
}
}@media (min-width:1200px) {
    .sf-source-heading-text {
    max-width: 500px;
}
}@media (min-width:768px) {
    .sf-source-heading-text {
    margin-top: 22px;
    font-size: 18px;
    line-height: 36px;
}
}@media (min-width:768px) {
    .sf-source-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
}.sf-source-grid-col {
    margin-top: 50px;
}
@media (min-width:768px) {
    .sf-source-grid-col {
    width: 50%;
    padding-right: 20px;
    margin-top: 0;
}
}.sf-source-caption {
    margin-bottom: 30px;
    color: #020213;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-source-caption {
    margin-bottom: 60px;
}
}@media (min-width:1024px) {
    .sf-source-caption {
    margin-bottom: 80px;
}
}@media (min-width:1200px) {
    .sf-source-caption {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-source-caption {
    font-size: 26px;
    line-height: 34px;
}
}.sf-source-list-item {
    margin-bottom: 30px;
}
@media (min-width:768px) {
    .sf-source-list-item {
    margin-bottom: 60px;
    min-height: 47px;
}
}@media (min-width:1024px) {
    .sf-source-list-item {
    min-height: auto;
}
}.sf-source-list-item:last-child {
    margin-bottom: 0;
    min-height: auto;
}
.sf-source-link {
    color: #244ca2;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2549ca), to(#2549ca));
    background-image: -webkit-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: -moz-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: -o-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: linear-gradient(0deg, #2549ca 0, #2549ca 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .135em;
    text-transform: uppercase;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.sf-source-link:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
@media (min-width:768px) {
    .sf-source-link {
    font-size: 16px;
    line-height: 24px;
}
}.sf-testimonial-content {
    padding: 0 0 120px;
}
@media (min-width:768px) {
    .sf-testimonial-content {
    padding: 0 0 180px;
}
}@media (min-width:1024px) {
    .sf-testimonial-content {
    padding: 0 0 220px;
}
}@media (min-width:1200px) {
    .sf-testimonial-content {
    padding: 0 0 250px;
}
}@media (min-width:1600px) {
    .sf-testimonial-content {
    padding: 0 0 300px;
}
}.sf-testimonial-contentcase {
    padding: 50px 0 50px;
}
@media (min-width:768px) {
    .sf-testimonial-contentcase {
    padding: 60px 0 80px;
}
}@media (min-width:1024px) {
    .sf-testimonial-contentcase {
    padding: 70px 0 100px;
}
}@media (min-width:1200px) {
    .sf-testimonial-contentcase {
    padding: 80px 0 130px;
}
}@media (min-width:1600px) {
    .sf-testimonial-contentcase {
    padding: 100px 0 150px;
}
}.sf-testimonial-title {
    margin-bottom: 50px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-testimonial-title {
    margin-bottom: 60px;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-testimonial-title {
    margin-bottom: 80px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-testimonial-title {
    margin-bottom: 100px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-testimonial-title {
    font-size: 46px;
    line-height: 60px;
}
}.sf-testimonial-item {
    margin-bottom: 80px;
}
.sf-testimonial-item:last-child {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .sf-testimonial-item {
    margin-bottom: 121px;
}
}@media (min-width:1024px) {
    .sf-testimonial-item {
    margin-bottom: 100px;
}
}.sf-testimonial-item::after {
    content: '';
    display: block;
    clear: both;
}
.sf-testimonial-item-hr {
    margin: 0 auto 70px auto;
    border-color: #51c8ff;
    width: 50%;
    display: block;
    -webkit-box-shadow: 0 0 30px 0 #51c8ff;
    -moz-box-shadow: 0 0 30px 0 #51c8ff;
    box-shadow: 0 0 30px 0 #51c8ff;
}
.sf-testimonial-item-text {
    max-width: 449px;
    margin-bottom: 40px;
    color: #020213;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-testimonial-item-text {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 32px;
    float: left;
}
}@media (min-width:1024px) {
    .sf-testimonial-item-text {
    max-width: 490px;
    margin-bottom: 50px;
}
}@media (min-width:1200px) {
    .sf-testimonial-item-text {
    max-width: 741px;
    margin-bottom: 60px;
}
}@media (min-width:1600px) {
    .sf-testimonial-item-text {
    max-width: 770px;
    font-size: 18px;
    line-height: 36px;
}
}.sf-testimonial-item-casetext {
    max-width: 449px;
    margin-bottom: 40px;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-testimonial-item-casetext {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 32px;
    float: left;
}
}@media (min-width:1024px) {
    .sf-testimonial-item-casetext {
    max-width: 490px;
    margin-bottom: 50px;
}
}@media (min-width:1200px) {
    .sf-testimonial-item-casetext {
    max-width: 741px;
    margin-bottom: 60px;
}
}@media (min-width:1600px) {
    .sf-testimonial-item-casetext {
    max-width: 770px;
    font-size: 18px;
    line-height: 36px;
}
}.sf-testimonial-item-note {
    max-width: 150px;
    color: #9aa0b1;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-testimonial-item-note {
    max-width: 490px;
    font-size: 16px;
    line-height: 24px;
    float: left;
    clear: left;
}
}@media (min-width:1200px) {
    .sf-testimonial-item-note {
    max-width: 741px;
}
}@media (min-width:1600px) {
    .sf-testimonial-item-note {
    max-width: 770px;
    font-size: 18px;
    line-height: 27px;
}
}.sf-testimonial-item-note.-dark {
    padding-bottom: 30px;
    color: #fff;
}
.sf-testimonial-item-img {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 136px;
    height: 136px;
    margin: 0 20px 0 0;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
@media (min-width:768px) {
    .sf-testimonial-item-img {
    width: 120px;
    height: 168px;
    margin: 0 0 0 20px;
    float: right;
}
}@media (min-width:1024px) {
    .sf-testimonial-item-img {
    width: 148px;
    height: 208px;
}
}@media (min-width:1200px) {
    .sf-testimonial-item-img {
    width: 173px;
    height: 242px;
}
}@media (min-width:1600px) {
    .sf-testimonial-item-img {
    width: 178px;
    height: 250px;
}
}.sf-testimonial-item-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width:768px) {
    .sf-testimonial-item-info {
    display: block;
}
}.sf-testimonial-more {
    margin-top: 80px;
}
@media (min-width:768px) {
    .sf-testimonial-more {
    margin-top: 120px;
}
}@media (min-width:1024px) {
    .sf-testimonial-more {
    margin-top: 130px;
}
}@media (min-width:1200px) {
    .sf-testimonial-more {
    margin-top: 150px;
}
}@media (min-width:1600px) {
    .sf-testimonial-more {
    margin-top: 160px;
}
}.sf-testimonial-more-title {
    max-width: 280px;
    margin-bottom: 30px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-testimonial-more-title {
    max-width: 400px;
    margin-bottom: 40px;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-testimonial-more-title {
    max-width: 490px;
    margin-bottom: 50px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-testimonial-more-title {
    max-width: 560px;
    margin-bottom: 60px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-testimonial-more-title {
    font-size: 46px;
    line-height: 60px;
}
}.sf-testimonial-more-link {
    color: #2549ca;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2549ca), to(#2549ca));
    background-image: -webkit-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: -moz-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: -o-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: linear-gradient(0deg, #2549ca 0, #2549ca 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .135em;
    text-transform: uppercase;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.sf-testimonial-more-link:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
@media (min-width:768px) {
    .sf-testimonial-more-link {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-testimonial-more-link {
    font-size: 18px;
    line-height: 36px;
}
}.sf-testimonial-more-linkpeople {
    color: #51c8ff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #51c8ff), to(#51c8ff));
    background-image: -webkit-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: -moz-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: -o-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: linear-gradient(0deg, #51c8ff 0, #51c8ff 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .135em;
    text-transform: uppercase;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.sf-testimonial-more-linkpeople:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
@media (min-width:768px) {
    .sf-testimonial-more-linkpeople {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-testimonial-more-linkpeople {
    font-size: 18px;
    line-height: 36px;
}
}.sf-testimonial.-inverse {
    background: #020213;
    background-image: url("../img/casestudy/qote.png");
    background-repeat: no-repeat;
    background-position: top 15% left 15%}
.sf-partners-content {
    padding: 0 0 120px;
}
@media (min-width:768px) {
    .sf-partners-content {
    padding: 0 0 180px;
}
}@media (min-width:1024px) {
    .sf-partners-content {
    padding: 0 0 220px;
}
}@media (min-width:1600px) {
    .sf-partners-content {
    padding: 0 0 255px;
}
}.sf-partners-content.-lg {
    padding: 80px 0 90px 0;
}
@media (min-width:768px) {
    .sf-partners-content.-lg {
    padding: 140px 0 120px 0;
}
}@media (min-width:1024px) {
    .sf-partners-content.-lg {
    padding: 180px 0 160px 0;
}
}@media (min-width:1200px) {
    .sf-partners-content.-lg {
    padding: 200px 0 170px 0;
}
}@media (min-width:1600px) {
    .sf-partners-content.-lg {
    padding: 200px 0 220px 0;
}
}.sf-partners-row {
    margin: 0 0 50px 0;
}
.sf-partners-row:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-partners-row {
    margin: 0 0 60px 0;
}
}@media (min-width:1200px) {
    .sf-partners-row {
    margin: 0 0 70px 0;
}
}.sf-partners-title {
    margin: 0 0 30px 0;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-partners-title {
    margin: 0 0 50px 0;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-partners-title {
    margin: 0 0 60px 0;
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-partners-title {
    font-size: 26px;
    line-height: 34px;
}
}.sf-partners-heading {
    position: relative;
    margin-bottom: 40px;
}
@media (min-width:768px) {
    .sf-partners-heading {
    margin-bottom: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}@media (min-width:1200px) {
    .sf-partners-heading {
    margin-bottom: 62px;
}
}.sf-partners-heading-title {
    margin-bottom: 30px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-partners-heading-title {
    margin-bottom: 0;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-partners-heading-title {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-partners-heading-title {
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-partners-heading-title {
    font-size: 46px;
    line-height: 60px;
}
}@media (min-width:768px) {
    .sf-partners-heading-action {
    width: 230px;
}
}.sf-partners-heading.-lg {
    margin: 0 0 50px 0;
}
@media (min-width:768px) {
    .sf-partners-heading.-lg {
    margin: 0 0 100px 0;
}
}.sf-partners-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.sf-partners-list-item {
    width: 50%}
@media (min-width:768px) {
    .sf-partners-list-item {
    width: 33.333%}
}.sf-partners-list-item img {
    width: 100%}
.sf-partners.-sm .sf-partners-list-item {
    height: 30px;
    margin: 0 0 90px 0;
}
@media (min-width:768px) {
    .sf-partners.-sm .sf-partners-list-item {
    height: 50px;
    margin: 0 0 140px 0;
}
}@media (min-width:1024px) {
    .sf-partners.-sm .sf-partners-list-item {
    height: 60px;
    margin: 0 0 90px 0;
}
}@media (min-width:1200px) {
    .sf-partners.-sm .sf-partners-list-item {
    margin: 0 0 130px 0;
    height: 115px;
}
}.sf-partners.-sm .sf-partners-list-item img {
    width: auto;
    max-height: 100%}
.sf-partners.-ms .sf-partners-list-item {
    height: 30px;
    margin: 0 0 190px 0;
}
@media (min-width:768px) {
    .sf-partners.-ms .sf-partners-list-item {
    height: 50px;
    margin: 0 0 140px 0;
}
}@media (min-width:1024px) {
    .sf-partners.-ms .sf-partners-list-item {
    height: 60px;
    margin: 0 0 140px 0;
}
}@media (min-width:1200px) {
    .sf-partners.-ms .sf-partners-list-item {
    margin: 0 0 140px 0;
    height: 115px;
}
}.sf-partners.-ms .sf-partners-list-item img {
    width: auto;
    max-height: 100%}
.sf-partners-list-itemcloud {
    width: 50%}
@media (min-width:768px) {
    .sf-partners-list-itemcloud {
    width: 33.333%}
}.sf-partners-list-itemcloud img {
    width: 100%}
.sf-partners.-sm .sf-partners-list-itemcloud {
    height: 30px;
    margin: 0 0 250px 0;
}
@media (min-width:768px) {
    .sf-partners.-sm .sf-partners-list-itemcloud {
    height: 50px;
    margin: 0 0 140px 0;
}
}@media (min-width:1024px) {
    .sf-partners.-sm .sf-partners-list-itemcloud {
    height: 60px;
    margin: 0 0 130px 0;
}
}@media (min-width:1200px) {
    .sf-partners.-sm .sf-partners-list-itemcloud {
    margin: 0 0 130px 0;
    height: 115px;
}
}.sf-partners.-sm .sf-partners-list-itemcloud img {
    width: auto;
    max-height: 100%}
.sf-partners.-ms .sf-partners-list-itemcloud {
    height: 30px;
    margin: 0 0 190px 0;
}
@media (min-width:768px) {
    .sf-partners.-ms .sf-partners-list-itemcloud {
    height: 50px;
    margin: 0 0 140px 0;
}
}@media (min-width:1024px) {
    .sf-partners.-ms .sf-partners-list-itemcloud {
    height: 60px;
    margin: 0 0 140px 0;
}
}@media (min-width:1200px) {
    .sf-partners.-ms .sf-partners-list-itemcloud {
    margin: 0 0 140px 0;
    height: 115px;
}
}.sf-partners.-ms .sf-partners-list-itemcloud img {
    width: auto;
    max-height: 100%}
.sf-partners-list-text {
    display: block;
    line-height: 21px;
    letter-spacing: .01em;
    text-align: center;
    padding-top: 5px;
    margin-right: 7px;
    color: #9aa0b1;
}
@media (min-width:375px) {
    .sf-partners-list-text {
    font-size: 10px;
    line-height: 24px;
    padding-top: 15px;
    margin-right: 34px;
}
}@media (min-width:768px) {
    .sf-partners-list-text {
    font-size: 12px;
    line-height: 18px;
    padding-top: 2px;
    margin-right: 5px;
}
}@media (min-width:1024px) {
    .sf-partners-list-text {
    font-size: 14px;
    line-height: 20px;
    padding-top: 15px;
}
}@media (min-width:1200px) {
    .sf-partners-list-text {
    font-size: 16px;
    line-height: 22px;
    padding-top: 25px;
}
}@media (min-width:1600px) {
    .sf-partners-list-text {
    font-size: 18px;
    line-height: 24px;
    padding-top: 25px;
    margin-right: 26px;
}
}.sf-partners-list-text.-inverse {
    margin: 10px 0 0 0;
    color: #51c8ff;
}
.sf-partners-list-text:hover {
    color: #03174e;
}
.sf-profit {
    overflow: hidden;
}
.sf-profit-heading {
    margin-bottom: 55px;
}
@media (min-width:768px) {
    .sf-profit-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
}@media (min-width:1024px) {
    .sf-profit-heading {
    margin-bottom: 88px;
}
}@media (min-width:1200px) {
    .sf-profit-heading {
    margin-bottom: 102px;
}
}.sf-profit-heading-title {
    margin: 0 0 30px;
    color: #020213;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-profit-heading-title {
    width: 50%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-profit-heading-title {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-profit-heading-title {
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-profit-heading-title {
    font-size: 46px;
    line-height: 60px;
}
}.sf-profit-heading-text {
    max-width: 288px;
    color: #020213;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-profit-heading-text {
    max-width: 400px;
    margin: 10px 0 0 40px;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1024px) {
    .sf-profit-heading-text {
    margin: 15px 0 0 48px;
}
}@media (min-width:1200px) {
    .sf-profit-heading-text {
    margin: 20px 0 0 55px;
}
}@media (min-width:1600px) {
    .sf-profit-heading-text {
    max-width: 460px;
    margin: 22px 0 0 60px;
    font-size: 18px;
    line-height: 36px;
}
}@media (min-width:768px) {
    .sf-profit-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
}@media (min-width:768px) {
    .sf-profit-grid-col {
    width: 50%}
}.sf-profit-item {
    height: 100%;
    padding: 50px 16px;
    position: relative;
}
@media (min-width:768px) {
    .sf-profit-item {
    padding: 50px 30px 50px 60px;
}
}@media (min-width:1024px) {
    .sf-profit-item {
    padding: 60px 30px 70px 70px;
}
}@media (min-width:1200px) {
    .sf-profit-item {
    padding: 80px 90px 98px;
}
}@media (min-width:1600px) {
    .sf-profit-item {
    padding: 100px 90px 67px;
}
}.sf-profit-item.-sm {
    padding-left: 0;
}
.sf-profit-item.-first {
    background: #f3f9fd;
}
.sf-profit-item.-first::before {
    content: '';
    position: absolute;
    right: -16px;
    top: 0;
    bottom: 0;
    left: -16px;
    z-index: -1;
    background: #f3f9fd;
}
@media (min-width:768px) {
    .sf-profit-item.-first: :before {
    right: 100%;
    left: -40px;
}
}@media (min-width:1024px) {
    .sf-profit-item.-first: :before {
    left: -webkit-calc((100vw - 1024px + 82 * 2px)/ -2);
    left: -moz-calc((100vw - 1024px + 82 * 2px)/ -2);
    left: calc((100vw - 1024px + 82 * 2px)/ -2);
}
}@media (min-width:1200px) {
    .sf-profit-item.-first: :before {
    left: -webkit-calc((100vw - 1200px + 100 * 2px)/ -2);
    left: -moz-calc((100vw - 1200px + 100 * 2px)/ -2);
    left: calc((100vw - 1200px + 100 * 2px)/ -2);
}
}@media (min-width:1600px) {
    .sf-profit-item.-first: :before {
    left: -webkit-calc((100vw - 1600px + 280 * 2px)/ -2);
    left: -moz-calc((100vw - 1600px + 280 * 2px)/ -2);
    left: calc((100vw - 1600px + 280 * 2px)/ -2);
}
}.sf-profit-item.-second {
    background: #d7f2ff;
}
.sf-profit-item.-second::before {
    content: '';
    position: absolute;
    left: -16px;
    top: 0;
    bottom: 0;
    right: -16px;
    z-index: -1;
    background: #d7f2ff;
}
@media (min-width:768px) {
    .sf-profit-item.-second: :before {
    left: 100%;
    right: -40px;
}
}@media (min-width:1024px) {
    .sf-profit-item.-second: :before {
    right: -webkit-calc((100vw - 1024px + 82 * 2px)/ -2);
    right: -moz-calc((100vw - 1024px + 82 * 2px)/ -2);
    right: calc((100vw - 1024px + 82 * 2px)/ -2);
}
}@media (min-width:1200px) {
    .sf-profit-item.-second: :before {
    right: -webkit-calc((100vw - 1200px + 100 * 2px)/ -2);
    right: -moz-calc((100vw - 1200px + 100 * 2px)/ -2);
    right: calc((100vw - 1200px + 100 * 2px)/ -2);
}
}@media (min-width:1600px) {
    .sf-profit-item.-second: :before {
    right: -webkit-calc((100vw - 1600px + 280 * 2px)/ -2);
    right: -moz-calc((100vw - 1600px + 280 * 2px)/ -2);
    right: calc((100vw - 1600px + 280 * 2px)/ -2);
}
}.sf-profit-item-title {
    margin-bottom: 50px;
    color: #020213;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-profit-item-title {
    margin-bottom: 32px;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1024px) {
    .sf-profit-item-title {
    margin-bottom: 80px;
}
}@media (min-width:1200px) {
    .sf-profit-item-title {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-profit-item-title {
    margin-bottom: 202px;
    font-size: 26px;
    line-height: 34px;
}
}.sf-profit-item-text {
    max-width: 273px;
}
@media (min-width:768px) {
    .sf-profit-item-text {
    max-width: 340px;
}
}@media (min-width:1200px) {
    .sf-profit-item-text {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s, visibility 0s .4s;
    -o-transition: opacity .4s, visibility 0s .4s;
    -moz-transition: opacity .4s, visibility 0s .4s;
    transition: opacity .4s, visibility 0s .4s;
}
}@media (min-width:1600px) {
    .sf-profit-item-text {
    max-width: 410px;
}
}.sf-profit-item-text ul {
    margin: 0;
    padding: 0;
}
.sf-profit-item-text ul li {
    position: relative;
    padding: 0 0 0 30px;
    margin-bottom: 30px;
    color: #020213;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
    list-style: none;
}
.sf-profit-item-text ul li:last-child {
    margin-bottom: 0;
}
.sf-profit-item-text ul li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%}
@media (min-width:768px) {
    .sf-profit-item-text ul li: :after {
    top: 10px;
}
}@media (min-width:1600px) {
    .sf-profit-item-text ul li: :after {
    top: 12px;
}
}@media (min-width:768px) {
    .sf-profit-item-text ul li {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1024px) {
    .sf-profit-item-text ul li {
    margin-bottom: 50px;
}
}@media (min-width:1600px) {
    .sf-profit-item-text ul li {
    padding-left: 50px;
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 36px;
}
}.sf-profit-item-img {
    display: none;
}
@media (min-width:1200px) {
    .sf-profit-item-img {
    display: block;
    opacity: 1;
    visibility: visible;
    position: absolute;
    top: 150px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s;
}
}@media (min-width:1600px) {
    .sf-profit-item-img {
    top: 186px;
}
}.sf-profit-item-img img {
    max-width: 440px;
    min-height: 100%}
@media (min-width:1600px) {
    .sf-profit-item-img img {
    max-width: 520px;
}
}.sf-profit-item-img.-left {
    left: 39%}
@media (min-width:1600px) {
    .sf-profit-item-img.-left {
    left: 38%}
}.sf-profit-item-img.-right {
    left: 70%}
@media (min-width:1600px) {
    .sf-profit-item-img.-right {
    left: 75%}
}@media (min-width:1200px) {
    .sf-profit-item: hover .sf-profit-item-img {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s, visibility 0s .4s;
    -o-transition: opacity .4s, visibility 0s .4s;
    -moz-transition: opacity .4s, visibility 0s .4s;
    transition: opacity .4s, visibility 0s .4s;
}
.sf-profit-item:hover .sf-profit-item-text {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s;
}
}.sf-profit-overview {
    position: relative;
    background: #020213;
    color: #fff;
}
.sf-profit-overview-content {
    position: relative;
    padding: 50px 0 80px;
}
@media (min-width:768px) {
    .sf-profit-overview-content {
    padding: 61px 0;
}
}@media (min-width:1024px) {
    .sf-profit-overview-content {
    padding: 94px 0;
}
}@media (min-width:1200px) {
    .sf-profit-overview-content {
    padding: 125px 0;
}
}@media (min-width:1600px) {
    .sf-profit-overview-content {
    padding: 138px 0;
}
}@media (min-width:768px) {
    .sf-profit-overview-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
}@media (min-width:768px) {
    .sf-profit-overview-grid-col {
    width: 50%}
}.sf-profit-overview-grid-col.-left {
    margin-bottom: 100px;
}
@media (min-width:768px) {
    .sf-profit-overview-grid-col.-left {
    margin-bottom: 70px;
    padding-right: 85px;
}
}@media (min-width:1200px) {
    .sf-profit-overview-grid-col.-left {
    padding-right: 122px;
}
}@media (min-width:1600px) {
    .sf-profit-overview-grid-col.-left {
    padding-right: 143px;
}
}@media (min-width:768px) {
    .sf-profit-overview-grid-col.-right {
    padding-left: 13px;
}
}@media (min-width:1200px) {
    .sf-profit-overview-grid-col.-right {
    padding-left: 20px;
}
}.sf-profit-overview-title {
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-profit-overview-title {
    margin-bottom: 40px;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-profit-overview-title {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-profit-overview-title {
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-profit-overview-title {
    font-size: 46px;
    line-height: 60px;
}
}.sf-profit-overview-titletext {
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-profit-overview-titletext {
    margin-bottom: 85px;
    max-width: 400px;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1200px) {
    .sf-profit-overview-titletext {
    max-width: 480px;
}
}@media (min-width:1600px) {
    .sf-profit-overview-titletext {
    font-size: 18px;
    line-height: 36px;
}
}.sf-profit-overview-text {
    max-width: 280px;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-profit-overview-text {
    max-width: 400px;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1200px) {
    .sf-profit-overview-text {
    max-width: 480px;
}
}@media (min-width:1600px) {
    .sf-profit-overview-text {
    font-size: 18px;
    line-height: 36px;
}
}.sf-profit-overview-text p {
    margin: 0 0 30px;
}
@media (min-width:1200px) {
    .sf-profit-overview-text p {
    margin: 0 0 33px;
}
}@media (min-width:1600px) {
    .sf-profit-overview-text p {
    margin: 0 0 35px;
}
}.sf-profit-overview-text p:last-child {
    margin-bottom: 0;
}
.sf-profit-overview-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
    background-position: -250px 0;
    background-repeat: no-repeat;
}
@media (min-width:768px) {
    .sf-profit-overview-bg {
    background-position: 0 0;
}
}.sf-bar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
    z-index: 10;
    -webkit-transition: opacity .3s, -webkit-transform .8s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .3s, -webkit-transform .8s cubic-bezier(.23, 1, .32, 1);
    -o-transition: opacity .3s, -o-transform .8s cubic-bezier(.23, 1, .32, 1);
    -moz-transition: opacity .3s, transform .8s cubic-bezier(.23, 1, .32, 1), -moz-transform .8s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .3s, transform .8s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .3s, transform .8s cubic-bezier(.23, 1, .32, 1), -webkit-transform .8s cubic-bezier(.23, 1, .32, 1), -moz-transform .8s cubic-bezier(.23, 1, .32, 1), -o-transform .8s cubic-bezier(.23, 1, .32, 1);
}
.sf-bar-line {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 6px;
    z-index: 2;
    pointer-events: none;
}
.sf-bar-line-strip {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #6c82bb -webkit-gradient(linear, left top, right top, from(#6c82bb), color-stop(#51c8ff), color-stop(#6c82bb), color-stop(#51c8ff), to(#6c82bb));
    background: #6c82bb -webkit-linear-gradient(left, #6c82bb, #51c8ff, #6c82bb, #51c8ff, #6c82bb);
    background: #6c82bb -moz-linear-gradient(left, #6c82bb, #51c8ff, #6c82bb, #51c8ff, #6c82bb);
    background: #6c82bb -o-linear-gradient(left, #6c82bb, #51c8ff, #6c82bb, #51c8ff, #6c82bb);
    background: #6c82bb linear-gradient(to right, #6c82bb, #51c8ff, #6c82bb, #51c8ff, #6c82bb);
    -webkit-background-size: 500% 500%;
    -moz-background-size: 500%;
    background-size: 500%;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: 2s linear infinite sf-bar-strip;
    -moz-animation: 2s linear infinite sf-bar-strip;
    -o-animation: 2s linear infinite sf-bar-strip;
    animation: 2s linear infinite sf-bar-strip;
}
.sf-bar-line:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #f0ecfa;
}
.sf-bar.-visible {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
@-webkit-keyframes sf-bar-strip {
    from {
    background-position: 0 0;
}
to {
    background-position: 125% 0;
}
}@-moz-keyframes sf-bar-strip {
    from {
    background-position: 0 0;
}
to {
    background-position: 125% 0;
}
}@-o-keyframes sf-bar-strip {
    from {
    background-position: 0 0;
}
to {
    background-position: 125% 0;
}
}@keyframes sf-bar-strip {
    from {
    background-position: 0 0;
}
to {
    background-position: 125% 0;
}
}.sf-screen {
    overflow: hidden;
}
.sf-screen-content {
    padding: 80px 0;
    color: #03174e;
    background: #f3f9fd;
}
@media (min-width:768px) {
    .sf-screen-content {
    padding: 120px 0;
}
}@media (min-width:1024px) {
    .sf-screen-content {
    padding: 140px 0 160px 0;
}
}@media (min-width:1200px) {
    .sf-screen-content {
    padding: 150px 0 180px 0;
}
}@media (min-width:1600px) {
    .sf-screen-content {
    padding: 150px 0 185px 0;
}
}.sf-screen-content.-white {
    background: #fff;
}
@media (min-width:768px) {
    .sf-screen-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -28px;
}
}@media (min-width:1024px) {
    .sf-screen-grid {
    margin: 0 -48px;
}
}@media (min-width:1200px) {
    .sf-screen-grid {
    margin: 0 -42px;
}
}@media (min-width:1600px) {
    .sf-screen-grid {
    margin: 0 -20px;
}
}@media (min-width:768px) {
    .sf-screen-grid-col {
    width: 50%;
    padding: 0 28px;
}
}@media (min-width:1024px) {
    .sf-screen-grid-col {
    padding: 0 48px;
}
}@media (min-width:1200px) {
    .sf-screen-grid-col {
    padding: 0 42px;
}
}@media (min-width:1600px) {
    .sf-screen-grid-col {
    padding: 0 20px;
}
}.sf-screen-grid-col.-form {
    background: #020213;
    padding-top: 50px;
    position: relative;
    padding: 20px;
}
@media (min-width:768px) {
    .sf-screen-grid-col.-form {
    padding: 30px;
}
}.sf-screen-grid-col-title {
    font-weight: 600;
    font-size: 2em;
    color: #fff;
    text-align: center;
}
.sf-screen-grid-col-container {
    padding: 80px 0;
}
.sf-screen-grid-col-container-thanks {
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 0;
    display: none;
}
.sf-screen-grid-col-container-thanks-logo {
    width: 100%;
    height: auto;
}
.sf-screen-grid-col-container-thanks-logo svg {
    width: 50%;
    height: auto;
}
.sf-screen-grid-col-container-thanks-head {
    font-size: 4em;
    line-height: 1.25em;
    padding: 50px 0;
}
.sf-screen-grid-col-container-thanks-text {
    font-size: 2em;
}
.sf-screen-title {
    margin: 0 0 50px 0;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-screen-title {
    margin: 0;
    font-size: 32px;
    line-height: 45px;
}
}@media (min-width:1024px) {
    .sf-screen-title {
    font-size: 36px;
    line-height: 50px;
}
}@media (min-width:1200px) {
    .sf-screen-title {
    font-size: 40px;
    line-height: 56px;
}
}@media (min-width:1600px) {
    .sf-screen-title {
    font-size: 46px;
    line-height: 64px;
}
}.sf-screen-text p {
    margin: 0 0 35px 0;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
.sf-screen-text p:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-screen-text p {
    margin: 0 0 45px 0;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-screen-text p {
    margin: 0 0 50px 0;
    font-size: 18px;
    line-height: 36px;
}
}.sf-screen-text.-head {
    font-weight: 600;
    display: block;
    font-size: 1.25em;
    padding-bottom: 20px;
}
.sf-screen-text-list li {
    padding: 10px 0;
}
.sf-screen-img {
    position: relative;
    margin: 80px 0 0 0;
}
@media (min-width:768px) {
    .sf-screen-img {
    margin: 120px 0 0 0;
}
}@media (min-width:1024px) {
    .sf-screen-img {
    margin: 130px 0 0 0;
}
}@media (min-width:1200px) {
    .sf-screen-img {
    margin: 140px 0 0 0;
}
}@media (min-width:1600px) {
    .sf-screen-img {
    margin: 150px 0 0 0;
}
}.sf-screen-img-shadow {
    display: none;
    position: absolute;
    width: 1040px;
    height: 793px;
}
@media (min-width:1200px) {
    .sf-screen-img-shadow {
    display: block;
    right: -100px;
    bottom: -130px;
}
}@media (min-width:1600px) {
    .sf-screen-img-shadow {
    right: -60px;
    bottom: -60px;
}
}.sf-screen-img-shadow img {
    width: 100%;
    height: 100%}
.sf-screen-img img {
    position: relative;
    z-index: 10;
    width: 100%}
.sf-part {
    overflow: hidden;
}
.sf-part-content {
    padding: 100px 0 80px;
}
@media (min-width:768px) {
    .sf-part-content {
    padding: 180px 0 214px;
}
}@media (min-width:1024px) {
    .sf-part-content {
    padding: 220px 0 189px;
}
}@media (min-width:1200px) {
    .sf-part-content {
    padding: 250px 0 189px;
}
}@media (min-width:1600px) {
    .sf-part-content {
    padding: 300px 0 170px;
}
}.sf-part-contentservices {
    padding: 100px 0 80px;
}
@media (min-width:768px) {
    .sf-part-contentservices {
    padding: 130px 0 214px;
}
}@media (min-width:1024px) {
    .sf-part-contentservices {
    padding: 160px 0 189px;
}
}@media (min-width:1200px) {
    .sf-part-contentservices {
    padding: 180px 0 189px;
}
}@media (min-width:1600px) {
    .sf-part-contentservices {
    padding: 220px 0 170px;
}
}.sf-part-title {
    max-width: 288px;
    margin: 0 auto 190px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    text-align: center;
}
@media (min-width:768px) {
    .sf-part-title {
    max-width: 530px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1024px) {
    .sf-part-title {
    max-width: 680px;
    margin-bottom: 180px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-part-title {
    margin-bottom: 164px;
    font-size: 46px;
    line-height: 60px;
}
}.sf-part-list-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.sf-part-item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 38px 10px 28px 20px;
    min-height: 86px;
    width: 167px;
    position: relative;
    color: #03174e;
    border: 1px solid #9aa0b1;
    -webkit-transition: color .3s, border .3s;
    -o-transition: color .3s, border .3s;
    -moz-transition: color .3s, border .3s;
    transition: color .3s, border .3s;
}
@media (min-width:768px) {
    .sf-part-item {
    padding: 54px 20px 44px;
    min-height: 120px;
    width: 233px;
}
}@media (min-width:1024px) {
    .sf-part-item {
    width: 310px;
}
}.sf-part-item-number {
    position: absolute;
    left: 0;
    top: -16px;
    padding: 0 10px 0 44px;
    background: #fff;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: .05em;
    text-align: center;
}
@media (min-width:768px) {
    .sf-part-item-number {
    top: -21px;
    padding: 0 35px;
    font-size: 46px;
    line-height: 53px;
}
}.sf-part-item-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-part-item-title {
    font-size: 16px;
    line-height: 22px;
}
}.sf-part-item.-active {
    color: #51c8ff;
    border-color: #51c8ff;
}
.sf-part-body-item {
    display: none;
}
.sf-part-body-item.-active {
    display: block;
}
.sf-cloud-content {
    padding: 0 0 100px;
}
@media (min-width:768px) {
    .sf-cloud-content {
    padding: 0 0 180px;
}
}@media (min-width:1024px) {
    .sf-cloud-content {
    padding: 0 0 220px;
}
}@media (min-width:1200px) {
    .sf-cloud-content {
    padding: 0 0 250px;
}
}@media (min-width:1600px) {
    .sf-cloud-content {
    padding: 0 0 300px;
}
}.sf-cloud-title {
    margin: 0 0 50px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-cloud-title {
    margin-bottom: 60px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1024px) {
    .sf-cloud-title {
    margin-bottom: 70px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-cloud-title {
    margin-bottom: 89px;
    font-size: 46px;
    line-height: 60px;
}
}@media (min-width:768px) {
    .sf-cloud-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
}.sf-cloud-grid-col.-left {
    width: 50%;
    margin-bottom: 50px;
}
@media (min-width:768px) {
    .sf-cloud-grid-col.-left {
    margin-bottom: 0;
}
}.sf-cloud-img {
    width: 220px;
}
@media (min-width:768px) {
    .sf-cloud-img {
    width: 272px;
}
}@media (min-width:1024px) {
    .sf-cloud-img {
    width: 340px;
}
}@media (min-width:1200px) {
    .sf-cloud-img {
    width: 352px;
}
}@media (min-width:1600px) {
    .sf-cloud-img {
    width: 402px;
}
}.sf-cloud-img img {
    max-width: 100%}
.sf-cloud-textt {
    max-width: 284px;
    color: #020213;
    font-size: 32px;
    line-height: 33px;
    letter-spacing: .01em;
    padding-top: 126px;
    padding-left: 134px;
}
.sf-cloud-text {
    max-width: 284px;
    color: #020213;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:1024px) {
    .sf-cloud-text {
    max-width: 325px;
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-cloud-text {
    max-width: 450px;
    font-size: 18px;
    line-height: 27px;
}
}.sf-cloud-text ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sf-cloud-text ul li {
    padding-left: 25px;
    margin-bottom: 40px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media (min-width:768px) {
    .sf-cloud-text ul li {
    padding-left: 36px;
    margin-bottom: 46px;
}
}@media (min-width:1024px) {
    .sf-cloud-text ul li {
    padding-left: 46px;
    margin-bottom: 43px;
}
}@media (min-width:1600px) {
    .sf-cloud-text ul li {
    padding-left: 56px;
    margin-bottom: 40px;
}
}.sf-cloud-text ul li:last-child {
    margin-bottom: 0;
}
.sf-cloud-text ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    background: #e1ecf3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%}
.sf-cloud-text ul li span {
    margin-top: 16px;
    color: #51c8ff;
}
@media (min-width:768px) {
    .sf-cloud-text ul li span {
    margin-top: 18px;
}
}@media (min-width:1024px) {
    .sf-cloud-text ul li span {
    margin-top: 14px;
}
}@media (min-width:1600px) {
    .sf-cloud-text ul li span {
    margin-top: 10px;
}
}.sf-cloud-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
}
@media (min-width:768px) {
    .sf-cloud-tab {
    margin-top: 85px;
}
}@media (min-width:1024px) {
    .sf-cloud-tab {
    padding: 0 100px;
    margin-top: 92px;
}
}@media (min-width:1200px) {
    .sf-cloud-tab {
    padding: 0 112px;
}
}@media (min-width:1600px) {
    .sf-cloud-tab {
    padding: 0 144px;
    margin-top: 100px;
}
}.sf-cloud-list-item {
    display: none;
}
.sf-cloud-list-item.-active {
    display: block;
}
.sf-deployment {
    overflow: hidden;
}
.sf-deployment-content {
    padding: 100px 0 80px;
}
@media (min-width:768px) {
    .sf-deployment-content {
    padding: 180px 0 253px;
}
}@media (min-width:1024px) {
    .sf-deployment-content {
    padding: 220px 0;
}
}@media (min-width:1200px) {
    .sf-deployment-content {
    padding: 250px 0;
}
}@media (min-width:1600px) {
    .sf-deployment-content {
    padding: 300px 0;
}
}.sf-deployment-title {
    margin-bottom: 98px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -.03em;
    text-align: center;
}
@media (min-width:768px) {
    .sf-deployment-title {
    margin-bottom: 110px;
    font-size: 36px;
    line-height: 43px;
}
}@media (min-width:1024px) {
    .sf-deployment-title {
    margin-bottom: 120px;
    font-size: 46px;
    line-height: 55px;
}
}@media (min-width:1200px) {
    .sf-deployment-title {
    margin-bottom: 130px;
    font-size: 56px;
    line-height: 67px;
}
}@media (min-width:1600px) {
    .sf-deployment-title {
    margin-bottom: 140px;
    font-size: 76px;
    line-height: 91px;
}
}.sf-deployment-title span {
    display: block;
    font-weight: 300;
}
.sf-deployment-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -22px 25px;
}
@media (min-width:768px) {
    .sf-deployment-tab {
    margin-bottom: 78px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
}@media (min-width:1024px) {
    .sf-deployment-tab {
    margin-bottom: 64px;
}
}@media (min-width:1200px) {
    .sf-deployment-tab {
    margin-bottom: 73px;
}
}@media (min-width:1600px) {
    .sf-deployment-tab {
    margin-bottom: 100px;
}
}.sf-deployment-tab-item {
    padding: 0;
    background: 0 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0 22px 25px;
    color: #02123c;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .01em;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}
.sf-deployment-tab-item:last-child {
    margin-right: 0;
}
@media (min-width:768px) {
    .sf-deployment-tab-item {
    margin: 0;
    font-size: 26px;
    line-height: 36px;
}
}@media (min-width:1024px) {
    .sf-deployment-tab-item {
    font-size: 30px;
    line-height: 42px;
}
}@media (min-width:1200px) {
    .sf-deployment-tab-item {
    font-size: 34px;
    line-height: 48px;
}
}@media (min-width:1600px) {
    .sf-deployment-tab-item {
    font-size: 36px;
    line-height: 50px;
}
}.sf-deployment-tab-item:hover {
    color: #51c8ff;
}
.sf-deployment-tab-item.-active {
    color: #51c8ff;
}
@media (min-width:768px) {
    .sf-deployment-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}@media (min-width:768px) {
    .sf-deployment-grid-col {
    width: 50%}
}.sf-deployment-img {
    height: 231px;
    margin-bottom: 55px;
    text-align: center;
}
@media (min-width:768px) {
    .sf-deployment-img {
    margin-bottom: 0;
    height: 312px;
    text-align: left;
}
}@media (min-width:1024px) {
    .sf-deployment-img {
    height: 360px;
}
}@media (min-width:1200px) {
    .sf-deployment-img {
    height: 388px;
}
}@media (min-width:1600px) {
    .sf-deployment-img {
    height: 433px;
}
}.sf-deployment-img img {
    max-width: 100%;
    max-height: 100%}
.sf-deployment-info-title {
    margin-bottom: 14px;
    color: #02123c;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-deployment-info-title {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 28px;
}
}@media (min-width:1200px) {
    .sf-deployment-info-title {
    font-size: 22px;
    line-height: 31px;
}
}@media (min-width:1600px) {
    .sf-deployment-info-title {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 36px;
}
}.sf-deployment-info-subtitle {
    margin-bottom: 16px;
    color: #9aa0b1;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .01em;
}
@media (min-width:1024px) {
    .sf-deployment-info-subtitle {
    margin-bottom: 20px;
}
}@media (min-width:1200px) {
    .sf-deployment-info-subtitle {
    margin-bottom: 30px;
}
}@media (min-width:1600px) {
    .sf-deployment-info-subtitle {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 27px;
}
}.sf-deployment-info-text {
    margin: 16px 0;
    color: #020213;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:1024px) {
    .sf-deployment-info-text {
    margin: 20px 0;
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1200px) {
    .sf-deployment-info-text {
    margin: 30px 0;
    max-width: 470px;
}
}@media (min-width:1600px) {
    .sf-deployment-info-text {
    margin: 40px 0;
    max-width: 500px;
    font-size: 18px;
    line-height: 36px;
}
}.sf-deployment-info-link {
    color: #2549ca;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2549ca), to(#2549ca));
    background-image: -webkit-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: -moz-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: -o-linear-gradient(bottom, #2549ca 0, #2549ca 100%);
    background-image: linear-gradient(0deg, #2549ca 0, #2549ca 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .135em;
    text-transform: uppercase;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.sf-deployment-info-link:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
@media (min-width:1024px) {
    .sf-deployment-info-link {
    font-size: 18px;
    line-height: 36px;
}
}.sf-deployment-list-item {
    display: none;
}
.sf-deployment-list-item.-active {
    display: block;
}
.sf-framework {
    position: relative;
    background: #020213;
    color: #fff;
    overflow: hidden;
}
.sf-framework-bg {
    opacity: .3;
}
.sf-framework-bg-item {
    position: absolute;
}
.sf-framework-bg-item.-first {
    width: 1109px;
    height: 1344px;
    left: -528px;
    top: -979px;
    background: -webkit-radial-gradient(52.69% 50%, 46.52% 41.88%, rgba(112, 0, 255, .78) 0, rgba(2, 23, 78, 0) 100%);
    background: -moz-radial-gradient(52.69% 50%, 46.52% 41.88%, rgba(112, 0, 255, .78) 0, rgba(2, 23, 78, 0) 100%);
    background: -o-radial-gradient(52.69% 50%, 46.52% 41.88%, rgba(112, 0, 255, .78) 0, rgba(2, 23, 78, 0) 100%);
    background: radial-gradient(46.52% 41.88% at 52.69% 50%, rgba(112, 0, 255, .78) 0, rgba(2, 23, 78, 0) 100%);
    opacity: .6;
}
@media (min-width:768px) {
    .sf-framework-bg-item.-first {
    width: 1216px;
    height: 1137px;
    left: -209px;
    top: -375px;
}
}@media (min-width:1024px) {
    .sf-framework-bg-item.-first {
    width: 775px;
    height: 1121px;
    left: 108px;
    top: -15px;
}
}@media (min-width:1200px) {
    .sf-framework-bg-item.-first {
    width: 1109px;
    height: 1121px;
    left: 108px;
    top: 144px;
}
}@media (min-width:1600px) {
    .sf-framework-bg-item.-first {
    width: 1836px;
    height: 1563px;
    left: -198px;
    top: 105px;
}
}.sf-framework-bg-item.-second {
    width: 685px;
    height: 883px;
    left: 175px;
    top: -232px;
    background: -webkit-radial-gradient(52.69% 50%, 46.52% 41.88%, #ff005c 0, rgba(2, 23, 78, 0) 100%);
    background: -moz-radial-gradient(52.69% 50%, 46.52% 41.88%, #ff005c 0, rgba(2, 23, 78, 0) 100%);
    background: -o-radial-gradient(52.69% 50%, 46.52% 41.88%, #ff005c 0, rgba(2, 23, 78, 0) 100%);
    background: radial-gradient(46.52% 41.88% at 52.69% 50%, #ff005c 0, rgba(2, 23, 78, 0) 100%);
    opacity: .5;
}
@media (min-width:768px) {
    .sf-framework-bg-item.-second {
    left: 321px;
    top: -120px;
}
}@media (min-width:1024px) {
    .sf-framework-bg-item.-second {
    width: 479px;
    height: 883px;
    left: auto;
    right: 0;
    top: 178px;
}
}@media (min-width:1200px) {
    .sf-framework-bg-item.-second {
    width: 685px;
    height: 883px;
    left: -219px;
    top: 337px;
}
}@media (min-width:1600px) {
    .sf-framework-bg-item.-second {
    width: 1134px;
    height: 1231px;
    left: -369px;
    top: 374px;
}
}.sf-framework-content {
    position: relative;
    padding: 80px 0 65px;
}
@media (min-width:768px) {
    .sf-framework-content {
    padding: 120px 0 140px;
}
}@media (min-width:1024px) {
    .sf-framework-content {
    padding: 140px 0 160px;
}
}@media (min-width:1200px) {
    .sf-framework-content {
    padding: 140px 0 180px;
}
}@media (min-width:1600px) {
    .sf-framework-content {
    padding: 160px 0 200px;
}
}.sf-framework-title {
    margin-bottom: 42px;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-framework-title {
    margin-bottom: 35px;
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-framework-title {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-framework-title {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-framework-title {
    margin-bottom: 40px;
    font-size: 76px;
    line-height: 88px;
}
}.sf-framework-note {
    color: #9aa0b1;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-framework-note {
    font-size: 16px;
    line-height: 24px;
}
}.sf-framework-quote {
    max-width: 650px;
    margin: 50px 0 15px;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    text-transform: uppercase;
}
@media (min-width:768px) {
    .sf-framework-quote {
    margin: 70px 0 30px;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-framework-quote {
    max-width: 830px;
    margin: 80px 0 30px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-framework-quote {
    max-width: 1040px;
    margin: 90px 0 30px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-framework-quote {
    margin: 100px 0 34px;
    font-size: 46px;
    line-height: 60px;
}
}.sf-framework-quote span {
    background: #244ca2;
}
.sf-framework-quote p {
    margin: 0;
}
.sf-framework-quote-symbol.-bottom {
    text-align: right;
}
.sf-framework-data {
    padding-top: 123px;
    position: relative;
}
@media (min-width:768px) {
    .sf-framework-data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 220px;
    margin: 0 -10px;
}
}@media (min-width:1024px) {
    .sf-framework-data {
    padding-top: 264px;
}
}@media (min-width:1200px) {
    .sf-framework-data {
    padding-top: 308px;
}
}@media (min-width:1600px) {
    .sf-framework-data {
    padding-top: 334px;
}
}.sf-framework-data-img {
    position: absolute;
    left: 50%;
    top: 76px;
    height: 85%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (min-width:768px) {
    .sf-framework-data-img {
    left: -230px;
    top: 32px;
    height: 354px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
}@media (min-width:1024px) {
    .sf-framework-data-img {
    left: -316px;
    top: 60px;
    height: 387px;
}
}@media (min-width:1200px) {
    .sf-framework-data-img {
    left: -516px;
    top: 0;
    height: 575px;
}
}@media (min-width:1600px) {
    .sf-framework-data-img {
    height: 628px;
}
}.sf-framework-data-img img {
    height: 100%}
.sf-framework-data-item {
    position: relative;
    margin-bottom: 80px;
    text-align: center;
}
.sf-framework-data-item:last-child {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .sf-framework-data-item {
    margin-bottom: 0;
    width: 25%;
    padding: 0 10px;
    text-align: left;
}
}.sf-framework-data-item-title {
    margin-bottom: 40px;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: .05em;
}
@media (min-width:768px) {
    .sf-framework-data-item-title {
    margin-bottom: 110px;
    font-size: 32px;
    line-height: 37px;
}
}@media (min-width:1024px) {
    .sf-framework-data-item-title {
    margin-bottom: 120px;
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1200px) {
    .sf-framework-data-item-title {
    margin-bottom: 130px;
    font-size: 40px;
    line-height: 46px;
}
}@media (min-width:1600px) {
    .sf-framework-data-item-title {
    margin-bottom: 150px;
    font-size: 46px;
    line-height: 53px;
}
}.sf-framework-data-item-text {
    max-width: 170px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-framework-data-item-text {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1600px) {
    .sf-framework-data-item-text {
    max-width: 180px;
    font-size: 18px;
    line-height: 25px;
}
}.sf-score-content {
    padding: 100px 0 127px;
}
@media (min-width:768px) {
    .sf-score-content {
    padding: 120px 0 140px;
}
}@media (min-width:1024px) {
    .sf-score-content {
    padding: 140px 0 160px;
}
}@media (min-width:1200px) {
    .sf-score-content {
    padding: 140px 0 180px;
}
}@media (min-width:1600px) {
    .sf-score-content {
    padding: 160px 0 200px;
}
}.sf-score-title {
    max-width: 288px;
    margin: 0 auto 100px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    text-align: center;
}
@media (min-width:768px) {
    .sf-score-title {
    max-width: 688px;
    margin-bottom: 200px;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-score-title {
    max-width: 800px;
    margin-bottom: 185px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-score-title {
    margin-bottom: 171px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-score-title {
    max-width: 900px;
    margin-bottom: 200px;
    font-size: 46px;
    line-height: 60px;
}
}.sf-score-info-title {
    margin-bottom: 40px;
    color: #020213;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-score-info-title {
    margin-bottom: 60px;
}
}@media (min-width:1024px) {
    .sf-score-info-title {
    margin-bottom: 70px;
}
}@media (min-width:1200px) {
    .sf-score-info-title {
    margin-bottom: 80px;
}
}.sf-score-info-text {
    color: #03174e;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
}
@media (min-width:1024px) {
    .sf-score-info-text {
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1600px) {
    .sf-score-info-text {
    font-size: 18px;
    line-height: 25px;
}
}.sf-score-info-text ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-score-info-text ul li {
    padding: 0 0 0 25px;
    margin-bottom: 40px;
    position: relative;
}
.sf-score-info-text ul li:last-child {
    margin-bottom: 0;
}
.sf-score-info-text ul li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 10px;
    height: 10px;
    background: #e1ecf3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%}
.sf-score-img {
    display: inline-block;
    -webkit-box-shadow: 40px 40px 43px rgba(214, 215, 218, .2);
    -moz-box-shadow: 40px 40px 43px rgba(214, 215, 218, .2);
    box-shadow: 40px 40px 43px rgba(214, 215, 218, .2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}
.sf-score-img img {
    max-width: 100%}
.sf-score-grid {
    margin-bottom: 107px;
}
.sf-score-grid:last-child {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .sf-score-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 130px;
}
}@media (min-width:1024px) {
    .sf-score-grid {
    margin-bottom: 180px;
}
}@media (min-width:1200px) {
    .sf-score-grid {
    margin-bottom: 190px;
}
}@media (min-width:1600px) {
    .sf-score-grid {
    margin-bottom: 200px;
}
}.sf-score-grid-col {
    margin-bottom: 40px;
}
@media (min-width:768px) {
    .sf-score-grid-col {
    margin-bottom: 0;
}
}.sf-saas-content {
    padding: 0 0 100px;
}
@media (min-width:768px) {
    .sf-saas-content {
    padding: 0 0 180px;
}
}@media (min-width:1024px) {
    .sf-saas-content {
    padding: 0 0 220px;
}
}@media (min-width:1200px) {
    .sf-saas-content {
    padding: 0 0 250px;
}
}@media (min-width:1600px) {
    .sf-saas-content {
    padding: 0 0 300px;
}
}.sf-saas-title {
    margin: 0 0 50px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-saas-title {
    margin-bottom: 60px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1024px) {
    .sf-saas-title {
    margin-bottom: 70px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-saas-title {
    margin-bottom: 89px;
    font-size: 46px;
    line-height: 60px;
}
}@media (min-width:768px) {
    .sf-saas-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
}.sf-saas-grid-col {
    margin-bottom: 50px;
}
.sf-saas-grid-col:last-child {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .sf-saas-grid-col {
    width: 50%;
    padding-right: 20px;
    margin-bottom: 0;
}
}.sf-saas-item-img {
    margin-bottom: 40px;
}
@media (min-width:768px) {
    .sf-saas-item-img {
    margin-bottom: 55px;
}
}@media (min-width:1024px) {
    .sf-saas-item-img {
    margin-bottom: 49px;
}
}@media (min-width:1200px) {
    .sf-saas-item-img {
    margin-bottom: 60px;
}
}.sf-saas-item-img img {
    max-width: 100%}
.sf-saas-item-title {
    margin-bottom: 10px;
    color: #020213;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-saas-item-title {
    margin-bottom: 12px;
}
}@media (min-width:1600px) {
    .sf-saas-item-title {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 36px;
}
}.sf-saas-item-note {
    color: #51c8ff;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .01em;
}
@media (min-width:1600px) {
    .sf-saas-item-note {
    font-size: 18px;
    line-height: 36px;
}
}.sf-endpoints-content {
    padding: 0 0 100px;
}
@media (min-width:768px) {
    .sf-endpoints-content {
    padding: 0 0 180px;
}
}@media (min-width:1024px) {
    .sf-endpoints-content {
    padding: 0 0 220px;
}
}@media (min-width:1200px) {
    .sf-endpoints-content {
    padding: 0 0 250px;
}
}@media (min-width:1600px) {
    .sf-endpoints-content {
    padding: 0 0 300px;
}
}.sf-endpoints-title {
    margin: 0 0 50px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-endpoints-title {
    margin-bottom: 60px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1024px) {
    .sf-endpoints-title {
    margin-bottom: 70px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-endpoints-title {
    margin-bottom: 89px;
    font-size: 46px;
    line-height: 60px;
}
}@media (min-width:768px) {
    .sf-endpoints-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
}.sf-endpoints-grid-col {
    margin-bottom: 50px;
}
.sf-endpoints-grid-col:last-child {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .sf-endpoints-grid-col {
    width: 33.333%;
    padding-right: 30px;
    margin-bottom: 0;
}
}.sf-endpoints-item {
    text-align: center;
}
@media (min-width:768px) {
    .sf-endpoints-item {
    text-align: left;
}
}.sf-endpoints-item-img {
    height: 50px;
    margin-bottom: 40px;
}
@media (min-width:1200px) {
    .sf-endpoints-item-img {
    margin-bottom: 60px;
}
}.sf-endpoints-item-img img {
    max-width: 100%}
.sf-endpoints-item-title {
    margin-bottom: 20px;
    color: #020213;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .01em;
}
@media (min-width:1200px) {
    .sf-endpoints-item-title {
    font-size: 18px;
    line-height: 36px;
}
}.sf-endpoints-item-note {
    color: #51c8ff;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
}
@media (min-width:1200px) {
    .sf-endpoints-item-note {
    font-size: 16px;
    line-height: 24px;
}
}.sf-kind-content {
    padding: 0 0 100px;
}
@media (min-width:768px) {
    .sf-kind-content {
    padding: 0 0 180px;
}
}@media (min-width:1024px) {
    .sf-kind-content {
    padding: 0 0 220px;
}
}@media (min-width:1200px) {
    .sf-kind-content {
    padding: 0 0 250px;
}
}@media (min-width:1600px) {
    .sf-kind-content {
    padding: 0 0 300px;
}
}.sf-kind-title {
    margin: 0 0 50px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-kind-title {
    margin-bottom: 60px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1024px) {
    .sf-kind-title {
    margin-bottom: 70px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-kind-title {
    margin-bottom: 89px;
    font-size: 46px;
    line-height: 60px;
}
}@media (min-width:768px) {
    .sf-kind-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
}.sf-kind-grid-col {
    margin-bottom: 50px;
}
.sf-kind-grid-col:last-child {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .sf-kind-grid-col {
    width: 50%;
    padding-right: 20px;
    margin-bottom: 0;
}
}.sf-kind-item {
    text-align: center;
}
@media (min-width:768px) {
    .sf-kind-item {
    text-align: left;
}
}.sf-kind-item-symbol {
    position: relative;
    margin: 0 auto 30px;
    width: 60px;
    height: 60px;
    background: #ecf8ff;
}
@media (min-width:768px) {
    .sf-kind-item-symbol {
    margin: 0 0 30px;
}
}@media (min-width:1024px) {
    .sf-kind-item-symbol {
    margin-bottom: 40px;
}
}@media (min-width:1200px) {
    .sf-kind-item-symbol {
    margin-bottom: 60px;
}
}.sf-kind-item-symbol::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 10px;
    bottom: 10px;
    background: rgba(128, 215, 254, .2);
}
.sf-kind-item-symbol::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 20px;
    bottom: 20px;
    background: #80d7fe;
}
.sf-kind-item-symbol.-second {
    background: #ecf8ff;
}
.sf-kind-item-symbol.-second::before {
    background: rgba(36, 76, 162, .2);
}
.sf-kind-item-symbol.-second::after {
    background: #244ca2;
}
.sf-kind-item-title {
    margin-bottom: 20px;
    color: #020213;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: .01em;
}
@media (min-width:1024px) {
    .sf-kind-item-title {
    font-size: 24px;
    line-height: 31px;
}
}@media (min-width:1200px) {
    .sf-kind-item-title {
    font-size: 26px;
    line-height: 34px;
}
}.sf-kind-item-note {
    color: #9aa0b1;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
}
@media (min-width:1024px) {
    .sf-kind-item-note {
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1200px) {
    .sf-kind-item-note {
    font-size: 18px;
    line-height: 36px;
}
}.sf-infrastructure {
    overflow: hidden;
}
.sf-infrastructure-title {
    margin: 0 0 50px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-infrastructure-title {
    margin-bottom: 60px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1024px) {
    .sf-infrastructure-title {
    margin-bottom: 70px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-infrastructure-title {
    margin-bottom: 89px;
    font-size: 46px;
    line-height: 60px;
}
}@media (min-width:768px) {
    .sf-infrastructure-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
}@media (min-width:768px) {
    .sf-infrastructure-grid-col {
    width: 50%}
}.sf-infrastructure-item {
    height: 100%;
    padding: 30px 16px;
    position: relative;
}
@media (min-width:768px) {
    .sf-infrastructure-item {
    padding: 40px 30px 40px 73px;
}
}@media (min-width:1024px) {
    .sf-infrastructure-item {
    padding: 50px 30px 50px 89px;
}
}@media (min-width:1200px) {
    .sf-infrastructure-item {
    padding: 60px 50px 60px 106px;
}
}@media (min-width:1600px) {
    .sf-infrastructure-item {
    padding: 60px 50px 60px 110px;
}
}.sf-infrastructure-item.-first {
    background: #020213;
}
.sf-infrastructure-item.-first::before {
    content: '';
    position: absolute;
    right: -16px;
    top: 0;
    bottom: 0;
    left: -16px;
    z-index: -1;
    background: #020213;
}
@media (min-width:768px) {
    .sf-infrastructure-item.-first: :before {
    right: 100%;
    left: -40px;
}
}@media (min-width:1024px) {
    .sf-infrastructure-item.-first: :before {
    left: -webkit-calc((100vw - 1024px + 82 * 2px)/ -2);
    left: -moz-calc((100vw - 1024px + 82 * 2px)/ -2);
    left: calc((100vw - 1024px + 82 * 2px)/ -2);
}
}@media (min-width:1200px) {
    .sf-infrastructure-item.-first: :before {
    left: -webkit-calc((100vw - 1200px + 100 * 2px)/ -2);
    left: -moz-calc((100vw - 1200px + 100 * 2px)/ -2);
    left: calc((100vw - 1200px + 100 * 2px)/ -2);
}
}@media (min-width:1600px) {
    .sf-infrastructure-item.-first: :before {
    left: -webkit-calc((100vw - 1600px + 280 * 2px)/ -2);
    left: -moz-calc((100vw - 1600px + 280 * 2px)/ -2);
    left: calc((100vw - 1600px + 280 * 2px)/ -2);
}
}.sf-infrastructure-item.-second {
    background: #80d7fe;
}
.sf-infrastructure-item.-second::before {
    content: '';
    position: absolute;
    left: -16px;
    top: 0;
    bottom: 0;
    right: -16px;
    z-index: -1;
    background: #80d7fe;
}
@media (min-width:768px) {
    .sf-infrastructure-item.-second: :before {
    left: 100%;
    right: -40px;
}
}@media (min-width:1024px) {
    .sf-infrastructure-item.-second: :before {
    right: -webkit-calc((100vw - 1024px + 82 * 2px)/ -2);
    right: -moz-calc((100vw - 1024px + 82 * 2px)/ -2);
    right: calc((100vw - 1024px + 82 * 2px)/ -2);
}
}@media (min-width:1200px) {
    .sf-infrastructure-item.-second: :before {
    right: -webkit-calc((100vw - 1200px + 100 * 2px)/ -2);
    right: -moz-calc((100vw - 1200px + 100 * 2px)/ -2);
    right: calc((100vw - 1200px + 100 * 2px)/ -2);
}
}@media (min-width:1600px) {
    .sf-infrastructure-item.-second: :before {
    right: -webkit-calc((100vw - 1600px + 280 * 2px)/ -2);
    right: -moz-calc((100vw - 1600px + 280 * 2px)/ -2);
    right: calc((100vw - 1600px + 280 * 2px)/ -2);
}
}.sf-infrastructure-item.-second .sf-infrastructure-item-title {
    color: #020213;
}
.sf-infrastructure-item.-second .sf-infrastructure-item-note {
    color: #fff;
}
.sf-infrastructure-item.-third {
    background: #244ca2;
}
.sf-infrastructure-item.-sm {
    padding-left: 0;
}
.sf-infrastructure-item.-full {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width:768px) {
    .sf-infrastructure-item.-full {
    height: 327px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
}@media (min-width:1024px) {
    .sf-infrastructure-item.-full {
    height: 434px;
}
}@media (min-width:1200px) {
    .sf-infrastructure-item.-full {
    height: 500px;
}
}.sf-infrastructure-item.-full .sf-infrastructure-item-img {
    width: 362px;
    height: 194px;
    margin: 0 0 14px 50px;
}
@media (min-width:768px) {
    .sf-infrastructure-item.-full .sf-infrastructure-item-img {
    width: 464px;
    height: 249px;
    margin: 0;
    position: absolute;
    top: 32px;
    right: 40px;
}
}@media (min-width:1024px) {
    .sf-infrastructure-item.-full .sf-infrastructure-item-img {
    width: 623px;
    height: 334px;
    top: 50px;
    right: 82px;
}
}@media (min-width:1200px) {
    .sf-infrastructure-item.-full .sf-infrastructure-item-img {
    width: 746px;
    height: 401px;
    top: 40px;
    right: 78px;
}
}@media (min-width:1600px) {
    .sf-infrastructure-item.-full .sf-infrastructure-item-img {
    width: 866px;
    height: 465px;
    top: 25px;
    right: 184px;
}
}.sf-infrastructure-item-img {
    width: 128px;
    height: 128px;
    margin: 0 auto 45px;
}
@media (min-width:768px) {
    .sf-infrastructure-item-img {
    margin: 0 0 21px;
}
}@media (min-width:1024px) {
    .sf-infrastructure-item-img {
    width: 180px;
    height: 180px;
    margin: 0 0 39px;
}
}@media (min-width:1200px) {
    .sf-infrastructure-item-img {
    width: 200px;
    height: 200px;
    margin: 0 0 44px;
}
}.sf-infrastructure-item-img img {
    max-width: 100%}
.sf-infrastructure-item-title {
    margin-bottom: 10px;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: -.01em;
}
@media (min-width:768px) {
    .sf-infrastructure-item-title {
    margin-bottom: 20px;
}
}@media (min-width:1200px) {
    .sf-infrastructure-item-title {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-infrastructure-item-title {
    font-size: 26px;
    line-height: 34px;
}
}.sf-infrastructure-item-note {
    color: #51c8ff;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -.01em;
}
.sf-menu {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 201;
}
.sf-menu-toggle {
    position: absolute;
    top: 27px;
    right: 16px;
    color: #fff;
}
@media (min-width:768px) {
    .sf-menu-toggle {
    top: 41px;
    right: 40px;
}
}@media (min-width:1024px) {
    .sf-menu-toggle {
    top: 45px;
    right: 82px;
}
}@media (min-width:1200px) {
    .sf-menu-toggle {
    top: 46px;
    right: 60px;
}
}@media (min-width:1600px) {
    .sf-menu-toggle {
    top: 46px;
    right: 80px;
}
}.sf-menu-toggle-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.sf-menu-toggle-btn:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 45px;
    height: 45px;
    margin: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #03174e;
    -webkit-transform: translate(-50%) scale(1);
    -moz-transform: translate(-50%) scale(1);
    -ms-transform: translate(-50%) scale(1);
    -o-transform: translate(-50%) scale(1);
    transform: translate(-50%) scale(1);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
}
@media (min-width:768px) {
    .sf-menu-toggle-btn: after {
    width: 80px;
    height: 80px;
}
}.sf-menu-toggle-btn button {
    position: relative;
    z-index: 200;
}
.sf-menu-toggle-btn.-visible:after {
    opacity: 1!important;
}
.sf-menu-backdrop {
    position: absolute;
    margin: auto;
    margin: 17px 0 0 12px;
    top: 27px;
    right: 16px;
    padding: 60px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    will-change: transform;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #020213;
    z-index: 1;
}
@media (min-width:768px) {
    .sf-menu-backdrop {
    margin: 17px 0 0 18px;
    top: 41px;
    right: 40px;
}
}@media (min-width:1024px) {
    .sf-menu-backdrop {
    top: 45px;
    right: 82px;
}
}@media (min-width:1200px) {
    .sf-menu-backdrop {
    top: 46px;
    right: 60px;
}
}@media (min-width:1600px) {
    .sf-menu-backdrop {
    top: 46px;
    right: 80px;
}
}.sf-menu-figure {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
}
@media (min-width:1024px) {
    .sf-menu-figure {
    display: block;
    width: 581px;
}
}@media (min-width:1200px) {
    .sf-menu-figure {
    width: 678px;
}
}@media (min-width:1600px) {
    .sf-menu-figure {
    width: 894px;
}
}.sf-menu-figure img {
    width: 100%}
.sf-menu-content {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100vh;
    padding: 73px 0;
    color: #fff;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    overflow: auto;
    z-index: 110;
}
.sf-menu-content::-webkit-scrollbar {
    width: 0;
    background: 0 0;
}
@media (min-width:768px) {
    .sf-menu-content {
    padding: 0;
    overflow: hidden;
}
}.sf-menu-action {
    margin: 40px 0 0 0;
}
@media (min-width:768px) {
    .sf-menu-action {
    display: none;
}
}.sf-menu-scroll {
    position: relative;
    height: 100%;
    z-index: 1;
}
@media (min-width:768px) {
    .sf-menu-scroll {
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
}
}@media (min-width:1600px) {
    .sf-menu-scroll {
    width: -webkit-calc(100vw - 460px);
    width: -moz-calc(100vw - 460px);
    width: calc(100vw - 460px);
}
}.sf-menu-scroll::-webkit-scrollbar {
    width: 0;
    background: 0 0;
}
@media (min-width:768px) {
    .sf-menu-container {
    padding: 0;
    max-width: 100%;
    height: 100%}
}@media (min-width:1600px) {
    .sf-menu-container {
    max-width: 1600px;
}
}.sf-menu-brand {
    height: 100%;
    background: #fff;
}
@media (min-width:1600px) {
    .sf-menu-brand {
    width: -webkit-calc(100% + ((100vw - 1600px)/ 2));
    width: -moz-calc(100% + ((100vw - 1600px)/ 2));
    width: calc(100% + ((100vw - 1600px)/ 2));
}
}.sf-menu-map {
    position: relative;
    height: 100%;
    pointer-events: none;
    visibility: hidden;
    z-index: -1;
}
@media (min-width:1600px) {
    .sf-menu-map {
    width: -webkit-calc(100% + ((100vw - 1600px)/ 2));
    width: -moz-calc(100% + ((100vw - 1600px)/ 2));
    width: calc(100% + ((100vw - 1600px)/ 2));
}
}.sf-menu-fill {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #082873;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}
@media (min-width:768px) {
    .sf-menu-fill {
    display: block;
    width: 100%}
}@media (min-width:1600px) {
    .sf-menu-fill {
    width: -webkit-calc((100vw - 1600px)/ 2 + 460px);
    width: -moz-calc((100vw - 1600px)/ 2 + 460px);
    width: calc((100vw - 1600px)/ 2 + 460px);
}
}@media (min-width:768px) {
    .sf-menu-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%}
}@media (min-width:768px) {
    .sf-menu-grid-col.-left {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 240px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
}@media (min-width:1024px) {
    .sf-menu-grid-col.-left {
    width: 280px;
}
}@media (min-width:1200px) {
    .sf-menu-grid-col.-left {
    width: 320px;
}
}@media (min-width:1600px) {
    .sf-menu-grid-col.-left {
    width: 460px;
}
}.sf-menu-grid-col.-right {
    display: none;
    position: relative;
    width: 100%}
@media (min-width:768px) {
    .sf-menu-grid-col.-right {
    display: block;
}
}.sf-menu-imgs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
@media (min-width:768px) {
    .sf-menu-imgs {
    right: -40px;
}
}@media (min-width:1024px) {
    .sf-menu-imgs {
    right: -webkit-calc(((100vw - 1024px)/ -2) - 82px);
    right: -moz-calc(((100vw - 1024px)/ -2) - 82px);
    right: calc(((100vw - 1024px)/ -2) - 82px);
}
}@media (min-width:1200px) {
    .sf-menu-imgs {
    right: -webkit-calc(((100vw - 1200px)/ -2) - 100px);
    right: -moz-calc(((100vw - 1200px)/ -2) - 100px);
    right: calc(((100vw - 1200px)/ -2) - 100px);
}
}@media (min-width:1600px) {
    .sf-menu-imgs {
    right: -webkit-calc(((100vw - 1600px)/ -2 - 280px));
    right: -moz-calc(((100vw - 1600px)/ -2 - 280px));
    right: calc(((100vw - 1600px)/ -2 - 280px));
}
}.sf-menu-imgs-item {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-menu-imgs-item-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.sf-menu-imgs-item-bg.-top {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-position: left top;
}
.sf-menu-imgs-item-bg.-top:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #fff;
}
.sf-menu-imgs-item.-visible {
    opacity: 1;
    z-index: 1;
}
.sf-menu-body {
    position: relative;
    height: 100%;
    z-index: 1;
}
@media (min-width:768px) {
    .sf-menu-body-content {
    padding: 7px 0 0 0;
}
}@media (min-width:1024px) {
    .sf-menu-body-content {
    padding: 8px 0 0 0;
}
}@media (min-width:1200px) {
    .sf-menu-body-content {
    padding: 7px 0 0 0;
}
}@media (min-width:1600px) {
    .sf-menu-body-content {
    padding: 10px 0 0 0;
}
}@media (min-width:768px) {
    .sf-menu-body-content.-xl {
    padding: 25px 0 0 0;
}
}@media (min-width:1024px) {
    .sf-menu-body-content.-xl {
    padding: 27px 0 0 0;
}
}@media (min-width:1200px) {
    .sf-menu-body-content.-xl {
    padding: 25px 0 0 0;
}
}@media (min-width:1600px) {
    .sf-menu-body-content.-xl {
    padding: 32px 0 0 0;
}
}@media (min-width:768px) {
    .sf-menu-body-container {
    padding: 0 0 0 30px;
}
}@media (min-width:1024px) {
    .sf-menu-body-container {
    padding: 0 0 0 40px;
}
}@media (min-width:1200px) {
    .sf-menu-body-container {
    padding: 0 0 0 70px;
}
}@media (min-width:1600px) {
    .sf-menu-body-container {
    padding: 0 0 0 160px;
    max-width: 1100px;
}
}@media (min-width:768px) {
    .sf-menu-body-container.-sm {
    padding: 0 30px;
}
}@media (min-width:1200px) {
    .sf-menu-body-container.-sm {
    padding: 0 85px 0 45px;
}
}@media (min-width:1600px) {
    .sf-menu-body-container.-sm {
    max-width: 1100px;
}
}@media (min-width:768px) {
    .sf-menu-body-container.-lg {
    padding: 0 30px;
}
}@media (min-width:1024px) {
    .sf-menu-body-container.-lg {
    padding: 0 40px;
}
}@media (min-width:1200px) {
    .sf-menu-body-container.-lg {
    padding: 0 60px;
}
}@media (min-width:1600px) {
    .sf-menu-body-container.-lg {
    padding: 0 80px;
}
}.sf-menu-body-group {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity .2s, -webkit-transform .25s;
    transition: opacity .2s, -webkit-transform .25s;
    -o-transition: opacity .2s, -o-transform .25s;
    -moz-transition: opacity .2s, transform .25s, -moz-transform .25s;
    transition: opacity .2s, transform .25s;
    transition: opacity .2s, transform .25s, -webkit-transform .25s, -moz-transform .25s, -o-transform .25s;
}
.sf-menu-body-group.-visible {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .3s, -webkit-transform .45s;
    transition: opacity .3s, -webkit-transform .45s;
    -o-transition: opacity .3s, -o-transform .45s;
    -moz-transition: opacity .3s, transform .45s, -moz-transform .45s;
    transition: opacity .3s, transform .45s;
    transition: opacity .3s, transform .45s, -webkit-transform .45s, -moz-transform .45s, -o-transform .45s;
    z-index: 2;
}
@media (min-width:768px) {
    .sf-menu-body-grid {
    margin: 0 -14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
}@media (min-width:1024px) {
    .sf-menu-body-grid {
    margin: 0 -50px;
}
}@media (min-width:1200px) {
    .sf-menu-body-grid {
    margin: 0 -70px;
}
}@media (min-width:1600px) {
    .sf-menu-body-grid {
    margin: 0 -80px;
}
}@media (min-width:768px) {
    .sf-menu-body-col {
    padding: 0 14px;
}
}@media (min-width:1024px) {
    .sf-menu-body-col {
    padding: 0 50px;
}
}@media (min-width:1200px) {
    .sf-menu-body-col {
    padding: 0 70px;
}
}@media (min-width:1600px) {
    .sf-menu-body-col {
    padding: 0 80px;
}
}.sf-menu-body-item {
    opacity: .7;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
}
@media (min-width:768px) {
    .sf-menu-body-item {
    padding: 18px 0;
    max-width: 220px;
}
}@media (min-width:1024px) {
    .sf-menu-body-item {
    padding: 20px 0;
    max-width: 295px;
}
}@media (min-width:1200px) {
    .sf-menu-body-item {
    padding: 17px 0;
    max-width: 350px;
}
}@media (min-width:1600px) {
    .sf-menu-body-item {
    padding: 22px 0;
}
}.sf-menu-body-item:hover {
    opacity: 1;
}
.sf-dropdown_box.-open .sf-menu-body-item.sf-dropdown_box-menu, .sf-menu-body-item.-open {
    opacity: 1;
}
.sf-dropdown_box.-open .sf-menu-body-item.sf-dropdown_box-menu svg, .sf-menu-body-item.-open svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media (min-width:1024px) {
    .sf-menu-body-item.-md-hidden {
    display: none;
}
}.sf-menu-body-title {
    color: #51c8ff;
}
@media (min-width:768px) {
    .sf-menu-body-title {
    margin: 0 0 40px 0;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    font-weight: 600;
}
}@media (min-width:1200px) {
    .sf-menu-body-title {
    font-size: 24px;
    line-height: 31px;
}
}@media (min-width:1600px) {
    .sf-menu-body-title {
    margin: 0 0 46px 0;
    font-size: 28px;
    line-height: 36px;
}
}.sf-menu-body-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-menu-body-head:hover {
    cursor: pointer;
}
.sf-menu-body-head-brief {
    margin: 4px 0 0 0;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.03em;
    font-weight: 500;
}
@media (min-width:1200px) {
    .sf-menu-body-head-brief {
    font-size: 18px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-menu-body-head-brief {
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:768px) {
    .sf-menu-body-head-link {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
}
}@media (min-width:1200px) {
    .sf-menu-body-head-link {
    font-size: 24px;
    line-height: 31px;
}
}.sf-menu-body-head-link a {
    display: inline-block;
    position: relative;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
}
.sf-menu-body-head-link a span {
    display: block;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
}
.sf-menu-body-head-link a:after {
    content: '';
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    width: 4px;
    height: 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    background: #51c8ff;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-menu-body-head-link a:hover span {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
}
.sf-menu-body-head-link a:hover:after {
    opacity: 1;
}
.sf-menu-body-head-icon {
    display: block;
}
@media (min-width:768px) {
    .sf-menu-body-head-icon {
    padding: 0 25px;
    margin: 4px 0 0 0;
}
}.sf-menu-body-head-icon svg {
    width: 16px;
    height: 9px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
}
.sf-menu-body-submenu {
    display: none;
    margin: -15px 0;
}
@media (min-width:1600px) {
    .sf-menu-body-submenu {
    margin: -20px 0;
}
}.sf-menu-body-submenu-item {
    padding: 15px 0;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    font-weight: 500;
}
.sf-menu-body-submenu-item:first-child {
    padding: 45px 0 20px 0;
}
@media (min-width:1200px) {
    .sf-menu-body-submenu-item {
    font-size: 18px;
    line-height: 23px;
}
}@media (min-width:1600px) {
    .sf-menu-body-submenu-item {
    padding: 20px 0;
}
.sf-menu-body-submenu-item:first-child {
    padding: 60px 0 20px 0;
}
}.sf-menu-body-submenu-item a {
    display: inline-block;
    position: relative;
    opacity: .7;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
}
.sf-menu-body-submenu-item a span {
    display: block;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
}
.sf-menu-body-submenu-item a:after {
    content: '';
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    width: 4px;
    height: 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    background: #51c8ff;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-menu-body-submenu-item a:hover {
    opacity: 1;
}
.sf-menu-body-submenu-item a:hover span {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
}
.sf-menu-body-submenu-item a:hover:after {
    opacity: 1;
}
.sf-menu-body-submenu.-active {
    display: block;
}
.sf-menu-nav {
    margin: -15px 0;
}
@media (min-width:768px) {
    .sf-menu-nav {
    margin: -20px 0;
}
}@media (min-width:1200px) {
    .sf-menu-nav {
    margin: -17px 0;
}
}@media (min-width:1600px) {
    .sf-menu-nav {
    margin: -25px 0;
}
}.sf-menu-nav-item {
    position: relative;
    display: block;
    padding: 15px 0;
    cursor: pointer;
}
@media (min-width:768px) {
    .sf-menu-nav-item {
    padding: 20px 0;
}
}@media (min-width:1200px) {
    .sf-menu-nav-item {
    padding: 17px 0;
}
}@media (min-width:1600px) {
    .sf-menu-nav-item {
    padding: 25px 0;
}
}.sf-menu-nav-item:first-child {
    text-transform: uppercase;
}
.sf-menu-nav-item:first-child .sf-menu-nav-item-img {
    -webkit-transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    transform: translateY(-60%);
}
@media (min-width:1024px) {
    .sf-menu-nav-item: first-child .sf-menu-nav-item-img {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
}.sf-menu-nav-item:hover .sf-menu-nav-item-text {
    color: #fff;
}
.sf-menu-nav-item-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width:768px) {
    .sf-menu-nav-item-head {
    display: block;
    pointer-events: none;
}
}@media (min-width:1024px) {
    .sf-menu-nav-item-head {
    pointer-events: auto;
}
}.sf-menu-nav-item-body {
    display: none;
}
.sf-menu-nav-item-body-title {
    padding: 20px 0 10px 0;
    color: #51c8ff;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.03em;
    font-weight: 500;
    text-transform: uppercase;
}
.sf-menu-nav-item-body-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sf-menu-nav-item-body-head-icon svg {
    width: 16px;
    height: 9px;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: -o-transform .4s;
    -moz-transition: transform .4s, -moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s;
}
.sf-menu-nav-item-body-submenu {
    display: none;
    margin: -15px 0;
}
.sf-menu-nav-item-body-submenu-item {
    padding: 15px 0;
    display: block;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
}
.sf-menu-nav-item-body-submenu-item:first-child {
    margin: 30px 0 0 0;
}
.sf-menu-nav-item-body-link {
    display: block;
    padding: 15px 0;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    font-weight: 500;
    text-transform: none;
}
.sf-menu-nav-item-body-link:first-child {
    padding: 30px 0 15px 0;
}
.sf-menu-nav-item-body-link a {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-menu-nav-item-body-link a:hover {
    opacity: .8;
}
.sf-dropdown_box.-open .sf-menu-nav-item-body-link.sf-dropdown_box-menu svg, .sf-menu-nav-item-body-link.-open svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sf-menu-nav-item-icon {
    display: block;
    position: relative;
    opacity: .7;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-menu-nav-item-icon:after {
    content: '';
    position: absolute;
    top: -10px;
    right: 0;
    bottom: 0;
    left: -10px;
    padding: 20px;
}
@media (min-width:768px) {
    .sf-menu-nav-item-icon {
    display: none;
}
}.sf-menu-nav-item-icon svg {
    width: 16px;
    height: 9px;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: -o-transform .4s;
    -moz-transition: transform .4s, -moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s;
}
.sf-menu-nav-item-text {
    display: inline-block;
    position: relative;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
    opacity: .7;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 1;
}
.sf-menu-nav-item-text:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    height: 2px;
    width: 32px;
    background: #fff;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
}
@media (min-width:768px) {
    .sf-menu-nav-item-text {
    font-size: 28px;
    line-height: 36px;
}
}@media (min-width:1200px) {
    .sf-menu-nav-item-text {
    font-size: 34px;
    line-height: 44px;
}
}@media (min-width:1600px) {
    .sf-menu-nav-item-text {
    font-size: 36px;
    line-height: 47px;
}
}.sf-menu-nav-item-text span {
    position: absolute;
    right: -18px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.03em;
    font-weight: 400;
    color: #51c8ff;
}
@media (min-width:768px) {
    .sf-menu-nav-item-text span {
    right: -24px;
    font-size: 13px;
    line-height: 17px;
}
}@media (min-width:1200px) {
    .sf-menu-nav-item-text span {
    right: -25px;
    font-size: 14px;
    line-height: 18px;
}
}.sf-menu-nav-item-img {
    display: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
@media (min-width:768px) {
    .sf-menu-nav-item-img {
    display: block;
    left: 0;
    width: 188px;
}
}@media (min-width:1024px) {
    .sf-menu-nav-item-img {
    left: -67px;
}
}@media (min-width:1200px) {
    .sf-menu-nav-item-img {
    left: -85px;
    width: 199px;
}
}@media (min-width:1600px) {
    .sf-menu-nav-item-img {
    left: -215px;
    width: 340px;
}
}.sf-menu-nav-item-img img {
    width: 100%}
.sf-menu-nav-item.-active .sf-menu-nav-item-text {
    opacity: 1;
}
@media (min-width:768px) {
    .sf-menu-nav-item.-active .sf-menu-nav-item-text: after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
}.sf-menu-nav-item.-active .sf-menu-nav-item-img-icon {
    opacity: .2;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
}
.sf-menu-nav-item.-active .sf-menu-nav-item-img-icon svg {
    height: 50px;
}
.sf-menu-nav-item.-active .sf-menu-nav-item-img-title {
    opacity: .7;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
}
@media (min-width:768px) {
    .sf-menu-nav-item.-active .sf-menu-nav-item-img-title {
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -.03em;
}
}@media (min-width:1024px) {
    .sf-menu-nav-item.-active .sf-menu-nav-item-img-title {
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-menu-nav-item.-active .sf-menu-nav-item-img-title {
    font-size: 24px;
    line-height: 31px;
}
}.sf-menu-nav-item.-active .sf-menu-nav-item-img.-v1 svg {
    width: 45px;
    height: 45px;
}
@media (min-width:1600px) {
    .sf-menu-nav-item.-active .sf-menu-nav-item-img.-v1 svg {
    width: 50px;
    height: 53px;
}
}.sf-menu-nav-item.-active .sf-menu-nav-item-img.-v2 svg {
    width: 58px;
    height: 36px;
}
@media (min-width:1600px) {
    .sf-menu-nav-item.-active .sf-menu-nav-item-img.-v2 svg {
    width: 73px;
    height: 46px;
}
}.sf-menu-nav-item.-active .sf-menu-nav-item-img.-v3 svg {
    width: 43px;
    height: 43px;
}
@media (min-width:1600px) {
    .sf-menu-nav-item.-active .sf-menu-nav-item-img.-v3 svg {
    width: 54px;
    height: 54px;
}
}.sf-menu-nav-item.-active .sf-menu-nav-item-img.-v4 svg {
    width: 45px;
    height: 45px;
}
@media (min-width:1600px) {
    .sf-menu-nav-item.-active .sf-menu-nav-item-img.-v4 svg {
    width: 57px;
    height: 57px;
}
}.sf-menu-nav-item.-active .sf-menu-nav-item-img.-v5 svg {
    width: 41px;
    height: 47px;
}
@media (min-width:1600px) {
    .sf-menu-nav-item.-active .sf-menu-nav-item-img.-v5 svg {
    width: 52px;
    height: 59px;
}
}@media (min-width:768px) {
    .sf-menu-nav-item.-active .sf-menu-nav-item-img.-v6 {
    opacity: 1;
}
}.sf-dropdown_box.-open .sf-menu-nav-item.-active.sf-dropdown_box-menu .sf-menu-nav-item-text, .sf-menu-nav-item.-active.-open .sf-menu-nav-item-text {
    opacity: 1;
}
.sf-dropdown_box.-open .sf-menu-nav-item.-active.sf-dropdown_box-menu .sf-menu-nav-item-icon, .sf-menu-nav-item.-active.-open .sf-menu-nav-item-icon {
    opacity: 1;
}
.sf-dropdown_box.-open .sf-menu-nav-item.-active.sf-dropdown_box-menu .sf-menu-nav-item-icon svg, .sf-menu-nav-item.-active.-open .sf-menu-nav-item-icon svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sf-menu-resource-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (min-width:768px) {
    .sf-menu-resource-items {
    margin: -6px;
}
}@media (min-width:1024px) {
    .sf-menu-resource-items {
    margin: -12px -10px;
}
}@media (min-width:1600px) {
    .sf-menu-resource-items {
    margin: -15px -12px;
}
}.sf-menu-resource-item {
    width: 33.3333%}
.sf-menu-resource-item:hover .sf-menu-resource-item-content {
    background: #082873;
}
.sf-menu-resource-item:hover .sf-menu-resource-item-icon {
    opacity: 1;
}
.sf-menu-resource-item:hover .sf-menu-resource-item-title {
    opacity: 1;
}
@media (min-width:768px) {
    .sf-menu-resource-item-body {
    padding: 6px;
}
}@media (min-width:1024px) {
    .sf-menu-resource-item-body {
    padding: 12px 10px;
}
}@media (min-width:1600px) {
    .sf-menu-resource-item-body {
    padding: 15px 12px;
}
}.sf-menu-resource-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 238px;
    padding: 31px 18px 40px 18px;
    border: 1px solid #082873;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    -moz-transition: background .2s;
    transition: background .2s;
}
@media (min-width:768px) {
    .sf-menu-resource-item-content {
    height: 253px;
}
}@media (min-width:1024px) {
    .sf-menu-resource-item-content {
    padding: 40px 30px;
}
}@media (min-width:1600px) {
    .sf-menu-resource-item-content {
    padding: 60px 37px 40px 37px;
    height: 318px;
}
}.sf-menu-resource-item-icon {
    opacity: .2;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
}
.sf-menu-resource-item-icon svg {
    height: 50px;
}
.sf-menu-resource-item-title {
    opacity: .7;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
}
@media (min-width:768px) {
    .sf-menu-resource-item-title {
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -.03em;
}
}@media (min-width:1024px) {
    .sf-menu-resource-item-title {
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-menu-resource-item-title {
    font-size: 24px;
    line-height: 31px;
}
}.sf-menu-resource-item.-v1 svg {
    width: 32px;
    height: 42px;
}
@media (min-width:1600px) {
    .sf-menu-resource-item.-v1 svg {
    width: 40px;
    height: 53px;
}
}.sf-menu-resource-item.-v2 svg {
    width: 58px;
    height: 36px;
}
@media (min-width:1600px) {
    .sf-menu-resource-item.-v2 svg {
    width: 73px;
    height: 46px;
}
}.sf-menu-resource-item.-v3 svg {
    width: 43px;
    height: 43px;
}
@media (min-width:1600px) {
    .sf-menu-resource-item.-v3 svg {
    width: 54px;
    height: 54px;
}
}.sf-menu-resource-item.-v4 svg {
    width: 45px;
    height: 45px;
}
@media (min-width:1600px) {
    .sf-menu-resource-item.-v4 svg {
    width: 57px;
    height: 57px;
}
}.sf-menu-resource-item.-v5 svg {
    width: 41px;
    height: 47px;
}
@media (min-width:1600px) {
    .sf-menu-resource-item.-v5 svg {
    width: 52px;
    height: 59px;
}
}.sf-menu-resource-item.-v6 svg {
    width: 43px;
    height: 47px;
}
@media (min-width:1600px) {
    .sf-menu-resource-item.-v6 svg {
    width: 54px;
    height: 59px;
}
}.sf-menu.-inverse .sf-menu-toggle {
    color: #03174e;
}
.sf-menu.-inverse .sf-menu-toggle-btn:after {
    -webkit-transform: translate(-50%) scale(0);
    -moz-transform: translate(-50%) scale(0);
    -ms-transform: translate(-50%) scale(0);
    -o-transform: translate(-50%) scale(0);
    transform: translate(-50%) scale(0);
}
.sf-dropdown_box.-open .sf-menu.sf-dropdown_box-menu .sf-menu-map, .sf-menu.-open .sf-menu-map {
    pointer-events: auto;
    visibility: visible;
    z-index: 1;
}
.sf-dropdown_box.-open .sf-menu.sf-dropdown_box-menu .sf-menu-content, .sf-menu.-open .sf-menu-content {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
}
.sf-dropdown_box.-open .sf-menu.sf-dropdown_box-menu .sf-menu-toggle-btn:after, .sf-menu.-open .sf-menu-toggle-btn:after {
    opacity: 0;
}
.sf-map {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100vh;
    z-index: 210;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    background: #80d7fe;
    overflow: hidden;
    -webkit-transition: opacity .6s, 0s visibility .6s;
    -o-transition: opacity .6s, 0s visibility .6s;
    -moz-transition: opacity .6s, 0s visibility .6s;
    transition: opacity .6s, 0s visibility .6s;
}
.sf-map-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.sf-map-box #map-menu {
    width: 100%;
    height: 100%}
.sf-map-box #map-menu>div {
    background-color: transparent!important;
}
.sf-map-box #map {
    width: 100%;
    height: 100%}
.sf-map-box #map>div {
    background-color: transparent!important;
}
.sf-map-content {
    position: relative;
    padding: 30px 0;
    height: 100%;
    color: #03174e;
    z-index: 1;
}
.sf-map-content:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4f9fd), color-stop(58.33%, rgba(244, 249, 253, .9)), to(rgba(244, 249, 253, 0)));
    background: -webkit-linear-gradient(top, #f4f9fd 0, rgba(244, 249, 253, .9) 58.33%, rgba(244, 249, 253, 0) 100%);
    background: -moz-linear-gradient(top, #f4f9fd 0, rgba(244, 249, 253, .9) 58.33%, rgba(244, 249, 253, 0) 100%);
    background: -o-linear-gradient(top, #f4f9fd 0, rgba(244, 249, 253, .9) 58.33%, rgba(244, 249, 253, 0) 100%);
    background: linear-gradient(180deg, #f4f9fd 0, rgba(244, 249, 253, .9) 58.33%, rgba(244, 249, 253, 0) 100%);
}
@media (min-width:768px) {
    .sf-map-content {
    padding: 60px 0 30px 0;
}
}.sf-map-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%}
.sf-map-container {
    height: 100%}
.sf-map-header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 1;
}
.sf-map-header-title {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-map-header-title {
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-map-header-title {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-map-header-title {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-map-header-title {
    font-size: 76px;
    line-height: 88px;
}
}.sf-map-header-close {
    font-size: 14px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-map-header-close {
    font-size: 16px;
}
}@media (min-width:1024px) {
    .sf-map-header-close {
    font-size: 18px;
}
}.sf-map-header-close button {
    position: relative;
    background: 0 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: 0!important;
}
.sf-map-header-close button:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sf-map-nav-items {
    white-space: nowrap;
}
.sf-map-nav-items-wrap {
    pointer-events: none;
}
.sf-map-nav-item {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 20px 0 0;
    width: 220px;
    font-size: 14px;
    letter-spacing: .01em;
    white-space: normal;
    cursor: pointer;
    pointer-events: auto;
    -webkit-transition: height .4s;
    -o-transition: height .4s;
    -moz-transition: height .4s;
    transition: height .4s;
}
@media (min-width:768px) {
    .sf-map-nav-item {
    margin: 0 30px 0 0;
    width: 320px;
    font-size: 16px;
}
}.sf-map-nav-item-body {
    padding: 25px;
    background: #fff;
    -webkit-transition: background .3s, color .3s, padding .3s;
    -o-transition: background .3s, color .3s, padding .3s;
    -moz-transition: background .3s, color .3s, padding .3s;
    transition: background .3s, color .3s, padding .3s;
}
@media (min-width:768px) {
    .sf-map-nav-item-body {
    padding: 40px;
}
}@media (min-width:1600px) {
    .sf-map-nav-item-body {
    padding: 88px 40px 40px 40px;
}
}.sf-map-nav-item-text {
    max-height: 0;
    margin: 0 0 10px 0;
    line-height: 20px;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: max-height .4s ease-out, opacity .2s, -webkit-transform .2s;
    transition: max-height .4s ease-out, opacity .2s, -webkit-transform .2s;
    -o-transition: max-height .4s ease-out, opacity .2s, -o-transform .2s;
    -moz-transition: max-height .4s ease-out, opacity .2s, transform .2s, -moz-transform .2s;
    transition: max-height .4s ease-out, opacity .2s, transform .2s;
    transition: max-height .4s ease-out, opacity .2s, transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s;
}
@media (min-width:768px) {
    .sf-map-nav-item-text {
    margin: 0 0 20px 0;
    line-height: 32px;
}
}.sf-map-nav-item-title {
    line-height: 21px;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-map-nav-item-title {
    line-height: 22px;
}
}.sf-map-nav-item.-active .sf-map-nav-item-body {
    background: #244ca2;
    color: #fff;
}
.sf-map-nav-item.-active .sf-map-nav-item-text {
    max-height: 300px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: max-height 1.5s, .4s opacity .25s, .4s -webkit-transform .25s;
    transition: max-height 1.5s, .4s opacity .25s, .4s -webkit-transform .25s;
    -o-transition: max-height 1.5s, .4s opacity .25s, .4s -o-transform .25s;
    -moz-transition: max-height 1.5s, .4s opacity .25s, .4s transform .25s, .4s -moz-transform .25s;
    transition: max-height 1.5s, .4s opacity .25s, .4s transform .25s;
    transition: max-height 1.5s, .4s opacity .25s, .4s transform .25s, .4s -webkit-transform .25s, .4s -moz-transform .25s, .4s -o-transform .25s;
}
.sf-map .gm-style-cc, .sf-map .gmnoprint a, .sf-map .gmnoprint span {
    display: none;
}
.sf-dropdown_box.-open .sf-map.sf-dropdown_box-menu, .sf-map.-open {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .6s, 0s visibility 0s;
    -o-transition: opacity .6s, 0s visibility 0s;
    -moz-transition: opacity .6s, 0s visibility 0s;
    transition: opacity .6s, 0s visibility 0s;
}
.sf-map.-menu .sf-map-header-close {
    display: none;
}
.sf-solution-content {
    padding: 100px 0;
    background: #f3f9fd;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-solution-content {
    padding: 140px 0;
}
}@media (min-width:1024px) {
    .sf-solution-content {
    padding: 160px 0;
}
}@media (min-width:1200px) {
    .sf-solution-content {
    padding: 180px 0;
}
}@media (min-width:1600px) {
    .sf-solution-content {
    padding: 200px 0;
}
}.sf-solution-content.-usecase {
    background: #fff;
}
.sf-solution-title {
    margin: 0 0 60px 0;
    text-align: center;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-solution-title {
    margin: 0 0 90px 0;
}
}@media (min-width:1024px) {
    .sf-solution-title {
    margin: 0 0 80px 0;
}
}@media (min-width:1200px) {
    .sf-solution-title {
    margin: 0 0 100px 0;
}
}@media (min-width:1600px) {
    .sf-solution-title {
    margin: 0 0 120px 0;
}
}.sf-solution-title h1, .sf-solution-title h2 {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-solution-title h1, .sf-solution-title h2 {
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-solution-title h1, .sf-solution-title h2 {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-solution-title h1, .sf-solution-title h2 {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-solution-title h1, .sf-solution-title h2 {
    font-size: 76px;
    line-height: 99px;
}
}@media (min-width:768px) {
    .sf-solution-title h1.-usecase, .sf-solution-title h2.-usecase {
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-solution-title h1.-usecase, .sf-solution-title h2.-usecase {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-solution-title h1.-usecase, .sf-solution-title h2.-usecase {
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-solution-title h1.-usecase, .sf-solution-title h2.-usecase {
    font-size: 46px;
    line-height: 60px;
}
}.sf-solution-items {
    white-space: nowrap;
}
.sf-solution-items-wrap {
    position: relative;
}
.sf-solution-items-wrap:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    width: 14px;
    height: 100%;
    background: #80d7fe;
    background: -webkit-gradient(linear, left top, left bottom, from(#80d7fe), color-stop(30%, #80d8ff), color-stop(40%, rgba(128, 215, 254, .6)));
    background: -webkit-linear-gradient(top, #80d7fe 0, #80d8ff 30%, rgba(128, 215, 254, .6) 40%);
    background: -moz-linear-gradient(top, #80d7fe 0, #80d8ff 30%, rgba(128, 215, 254, .6) 40%);
    background: -o-linear-gradient(top, #80d7fe 0, #80d8ff 30%, rgba(128, 215, 254, .6) 40%);
    background: linear-gradient(180deg, #80d7fe 0, #80d8ff 30%, rgba(128, 215, 254, .6) 40%);
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}
@media (min-width:768px) {
    .sf-solution-items-wrap: after {
    height: 14px;
    width: 200vw;
    top: 50%;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(#80d7fe), color-stop(5%, #80d8ff), color-stop(20%, rgba(128, 215, 254, .5)));
    background: -webkit-linear-gradient(left, #80d7fe 0, #80d8ff 5%, rgba(128, 215, 254, .5) 20%);
    background: -moz-linear-gradient(left, #80d7fe 0, #80d8ff 5%, rgba(128, 215, 254, .5) 20%);
    background: -o-linear-gradient(left, #80d7fe 0, #80d8ff 5%, rgba(128, 215, 254, .5) 20%);
    background: linear-gradient(90deg, #80d7fe 0, #80d8ff 5%, rgba(128, 215, 254, .5) 20%);
    -webkit-transform: translateY(-50%) translateX(0);
    -moz-transform: translateY(-50%) translateX(0);
    -ms-transform: translateY(-50%) translateX(0);
    -o-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
}
}@media (min-width:768px) {
    .sf-solution-items-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
}.sf-solution-item {
    position: relative;
    margin: 0 0 60px 0;
    color: #020213;
    white-space: normal;
    z-index: 1;
}
@media (min-width:768px) {
    .sf-solution-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 440px;
    margin: 0 40px 0 0;
}
}@media (min-width:1024px) {
    .sf-solution-item {
    width: 480px;
}
}@media (min-width:1600px) {
    .sf-solution-item {
    width: 500px;
    margin: 0 80px 0 0;
}
}.sf-solution-item-body {
    width: 100%;
    padding: 40px 20px;
    background: #fff;
}
@media (min-width:768px) {
    .sf-solution-item-body {
    padding: 50px 25px 50px 40px;
    min-height: 717px;
}
}@media (min-width:768px) {
    .sf-solution-item-body {
    padding: 70px 25px 70px 60px;
}
}@media (min-width:1200px) {
    .sf-solution-item-body {
    min-height: 767px;
}
}@media (min-width:1600px) {
    .sf-solution-item-body {
    min-height: 786px;
}
}.sf-solution-item-body.-usecase {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
}
.sf-solution-item-title {
    margin: 0 0 24px 0;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-solution-item-title {
    margin: 0 0 30px 0;
    max-width: 315px;
    font-size: 26px;
    line-height: 34px;
}
}@media (min-width:1024px) {
    .sf-solution-item-title {
    font-size: 30px;
    line-height: 39px;
}
}@media (min-width:1600px) {
    .sf-solution-item-title {
    font-size: 36px;
    line-height: 47px;
}
}.sf-solution-item-titleservices {
    margin: 0 0 24px 0;
    color: #244ca2;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.03em;
    font-weight: 600;
    padding-top: 6px;
}
@media (min-width:768px) {
    .sf-solution-item-titleservices {
    margin: 0 0 30px 0;
    max-width: 315px;
    font-size: 16px;
    line-height: 20px;
}
}@media (min-width:1024px) {
    .sf-solution-item-titleservices {
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1600px) {
    .sf-solution-item-titleservices {
    font-size: 20px;
    line-height: 26px;
}
}.sf-solution-item-titleservicessec {
    margin: 0 0 24px 0;
    color: #244ca2;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.03em;
    font-weight: 600;
    padding-top: 20px;
}
@media (min-width:768px) {
    .sf-solution-item-titleservicessec {
    margin: 0 0 30px 0;
    max-width: 315px;
    font-size: 16px;
    line-height: 20px;
}
}@media (min-width:1024px) {
    .sf-solution-item-titleservicessec {
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1600px) {
    .sf-solution-item-titleservicessec {
    font-size: 20px;
    line-height: 26px;
}
}.sf-solution-item-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sf-solution-item-list ul li {
    position: relative;
    margin: 0 0 18px 0;
    padding: 0 0 0 25px;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-solution-item-list ul li {
    margin: 0 0 21px 0;
    padding: 0 0 0 35px;
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-solution-item-list ul li {
    margin: 0 0 18px 0;
    font-size: 18px;
    line-height: 27px;
}
}.sf-solution-item-list ul li:after {
    content: '';
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background: #e1ecf3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (min-width:768px) {
    .sf-solution-item-list ul li: after {
    left: 0;
}
}.sf-graphic {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100vh;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    z-index: 221;
    -webkit-transition: opacity .4s, 0s visibility .4s;
    -o-transition: opacity .4s, 0s visibility .4s;
    -moz-transition: opacity .4s, 0s visibility .4s;
    transition: opacity .4s, 0s visibility .4s;
}
.sf-graphic-close {
    position: absolute;
    top: 22px;
    right: 19px;
    color: #fff;
    z-index: 2;
}
@media (min-width:768px) {
    .sf-graphic-close {
    top: 26px;
    right: 45px;
}
}@media (min-width:1024px) {
    .sf-graphic-close {
    right: 85px;
}
}@media (min-width:1200px) {
    .sf-graphic-close {
    right: 65px;
}
}@media (min-width:1600px) {
    .sf-graphic-close {
    right: 85px;
}
}.sf-graphic-close svg {
    width: 20px;
    height: 20px;
}
@media (min-width:768px) {
    .sf-graphic-close svg {
    width: 30px;
    height: 30px;
}
}.sf-graphic-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 100%;
    background: #020213;
}
.sf-graphic-fill {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -webkit-calc(16px + 156px);
    left: -moz-calc(16px + 156px);
    left: calc(16px + 156px);
    background: #020213;
    z-index: 1;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: 0s -webkit-transform 0s;
    transition: 0s -webkit-transform 0s;
    -o-transition: 0s -o-transform 0s;
    -moz-transition: 0s transform 0s, 0s -moz-transform 0s;
    transition: 0s transform 0s;
    transition: 0s transform 0s, 0s -webkit-transform 0s, 0s -moz-transform 0s, 0s -o-transform 0s;
}
@media (min-width:768px) {
    .sf-graphic-fill {
    left: -webkit-calc(184px + 190px);
    left: -moz-calc(184px + 190px);
    left: calc(184px + 190px);
}
}.sf-graphic-fill.-hidden, .sf-graphic-fill.sf-cursor.-text {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .7s -webkit-transform ease-out .4s;
    transition: .7s -webkit-transform ease-out .4s;
    -o-transition: .7s -o-transform ease-out .4s;
    -moz-transition: .7s transform ease-out .4s, .7s -moz-transform ease-out .4s;
    transition: .7s transform ease-out .4s;
    transition: .7s transform ease-out .4s, .7s -webkit-transform ease-out .4s, .7s -moz-transform ease-out .4s, .7s -o-transform ease-out .4s;
}
.sf-graphic-container {
    padding: 0 0 0 16px;
}
@media (min-width:768px) {
    .sf-graphic-container {
    padding: 0 0 0 184px;
}
}.sf-graphic-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    white-space: nowrap;
}
.sf-graphic-item {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: .4s opacity .4s, 0s visibility .4s;
    -o-transition: .4s opacity .4s, 0s visibility .4s;
    -moz-transition: .4s opacity .4s, 0s visibility .4s;
    transition: .4s opacity .4s, 0s visibility .4s;
}
.sf-graphic-item.-v1 svg {
    width: 896px;
    height: 187px;
}
@media (min-width:768px) {
    .sf-graphic-item.-v1 svg {
    width: 1151px;
    height: 241px;
}
}.sf-graphic-item.-v2 svg {
    width: 2761px;
    height: 314px;
}
@media (min-width:768px) {
    .sf-graphic-item.-v2 svg {
    width: 3348px;
    height: 371px;
}
}.sf-graphic-item.-v3 svg {
    width: 2761px;
    height: 314px;
}
@media (min-width:768px) {
    .sf-graphic-item.-v3 svg {
    width: 3348px;
    height: 371px;
}
}.sf-graphic-item.-v4 svg {
    width: 1057px;
    height: 181px;
}
@media (min-width:768px) {
    .sf-graphic-item.-v4 svg {
    width: 1307px;
    height: 234px;
}
}.sf-graphic-item.-v5 svg {
    width: 896px;
    height: 178px;
}
@media (min-width:768px) {
    .sf-graphic-item.-v5 svg {
    width: 1132px;
    height: 325px;
}
}.sf-graphic-item.-v6 svg {
    width: 2237px;
    height: 187px;
}
@media (min-width:768px) {
    .sf-graphic-item.-v6 svg {
    width: 2926px;
    height: 224px;
}
}.sf-graphic-item.-v7 svg {
    width: 2756px;
    height: 291px;
}
@media (min-width:768px) {
    .sf-graphic-item.-v7 svg {
    width: 3349px;
    height: 354px;
}
}.sf-graphic-item.-v8 svg {
    width: 2756px;
    height: 189px;
}
@media (min-width:768px) {
    .sf-graphic-item.-v8 svg {
    width: 3266px;
    height: 224px;
}
}.sf-graphic-item.-v9 svg {
    width: 763px;
    height: 177px;
}
@media (min-width:768px) {
    .sf-graphic-item.-v9 svg {
    width: 962px;
    height: 224px;
}
}.sf-graphic-item.-v10 svg {
    width: 1099px;
    height: 387px;
}
@media (min-width:768px) {
    .sf-graphic-item.-v10 svg {
    width: 1427px;
    height: 503px;
}
}.sf-graphic-item.-v11 svg {
    width: 1481px;
    height: 287px;
}
@media (min-width:768px) {
    .sf-graphic-item.-v11 svg {
    width: 1908px;
    height: 371px;
}
}.sf-graphic-item.-v12 svg {
    width: 1671px;
    height: 311px;
}
@media (min-width:768px) {
    .sf-graphic-item.-v12 svg {
    width: 2038px;
    height: 372px;
}
}.sf-graphic-item.-v13 svg {
    width: 1516px;
    height: 197px;
}
@media (min-width:768px) {
    .sf-graphic-item.-v13 svg {
    width: 1853px;
    height: 241px;
}
}.sf-graphic-item.-v14 svg {
    width: 976px;
    height: 772px;
}
@media (min-width:768px) {
    .sf-graphic-item.-v14 svg {
    width: 1247px;
    height: 987px;
}
}.sf-graphic-item.-v15 svg {
    width: 976px;
    height: 807px;
}
@media (min-width:768px) {
    .sf-graphic-item.-v15 svg {
    width: 1213px;
    height: 1004px;
}
}.sf-graphic-item.-active {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    -webkit-transition: opacity .4s, 0s visibility 0s;
    -o-transition: opacity .4s, 0s visibility 0s;
    -moz-transition: opacity .4s, 0s visibility 0s;
    transition: opacity .4s, 0s visibility 0s;
}
.sf-dropdown_box.-open .sf-graphic.sf-dropdown_box-menu, .sf-graphic.-open {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .4s, 0s visibility 0s;
    -o-transition: opacity .4s, 0s visibility 0s;
    -moz-transition: opacity .4s, 0s visibility 0s;
    transition: opacity .4s, 0s visibility 0s;
}
.sf-caption-content {
    padding: 0 0 88px 0;
    background: #020213;
    color: #fff;
}
@media (min-width:768px) {
    .sf-caption-content {
    padding: 0 0 100px 0;
}
}@media (min-width:1200px) {
    .sf-caption-content {
    padding: 0 0 130px 0;
}
}@media (min-width:1600px) {
    .sf-caption-content {
    padding: 0 0 170px 0;
}
}@media (min-width:768px) {
    .sf-caption-container.-sm {
    padding: 0 40px;
}
}@media (min-width:1024px) {
    .sf-caption-container.-sm {
    padding: 0 160px 0 82px;
}
}@media (min-width:1200px) {
    .sf-caption-container.-sm {
    padding: 0 187px 0 100px;
}
}@media (min-width:1600px) {
    .sf-caption-container.-sm {
    padding: 0 407px 0 280px;
}
}.sf-caption-title {
    margin: 0 0 70px 0;
    text-align: center;
}
@media (min-width:768px) {
    .sf-caption-title {
    margin: 0 0 100px 0;
}
}@media (min-width:1200px) {
    .sf-caption-title {
    margin: 0 0 130px 0;
}
}@media (min-width:1600px) {
    .sf-caption-title {
    margin: 0 0 170px 0;
}
}.sf-caption-title h2 {
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-caption-title h2 {
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-caption-title h2 {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-caption-title h2 {
    font-size: 46px;
    line-height: 60px;
}
}.sf-caption-title br {
    display: none;
}
@media (min-width:768px) {
    .sf-caption-title br {
    display: inline-block;
}
}.sf-caption-item {
    margin: 0 0 80px 0;
    max-width: 320px;
}
.sf-caption-item:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-caption-item {
    max-width: 100%}
}@media (min-width:1024px) {
    .sf-caption-item {
    margin: 0 0 100px 0;
}
}@media (min-width:1200px) {
    .sf-caption-item {
    margin: 0 0 140px 0;
}
}.sf-caption-body {
    position: relative;
}
@media (min-width:768px) {
    .sf-caption-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}.sf-caption-grid-col.-left {
    display: none;
}
@media (min-width:768px) {
    .sf-caption-grid-col.-left {
    display: block;
}
}@media (min-width:768px) {
    .sf-caption-grid-col.-right {
    padding: 0 0 0 103px;
}
}@media (min-width:1024px) {
    .sf-caption-grid-col.-right {
    padding: 0 0 0 148px;
}
}@media (min-width:768px) {
    .sf-caption-img {
    width: 187px;
}
}@media (min-width:1024px) {
    .sf-caption-img {
    width: 231px;
}
}@media (min-width:1200px) {
    .sf-caption-img {
    width: 300px;
}
}.sf-caption-img img {
    width: 100%}
.sf-caption-number {
    position: absolute;
    top: 50%;
    font-size: 100px;
    line-height: 116px;
    letter-spacing: .05em;
    font-weight: 600;
    opacity: .15;
    color: #244ca2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (min-width:768px) {
    .sf-caption-number {
    font-size: 300px;
    line-height: 347px;
}
}@media (min-width:1200px) {
    .sf-caption-number {
    font-size: 400px;
    line-height: 462px;
}
}.sf-caption-text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-caption-text {
    font-size: 20px;
    line-height: 30px;
}
}@media (min-width:1200px) {
    .sf-caption-text {
    font-size: 22px;
    line-height: 33px;
}
}@media (min-width:1600px) {
    .sf-caption-text {
    font-size: 26px;
    line-height: 39px;
}
}.sf-caption-icon {
    width: 40px;
    height: 40px;
    margin: 0 0 10px 0;
    color: #51c8ff;
}
@media (min-width:768px) {
    .sf-caption-icon {
    width: 50px;
    height: 50px;
}
}@media (min-width:1200px) {
    .sf-caption-icon {
    margin: 0 0 30px 0;
}
}.sf-caption-icon svg {
    width: 100%;
    height: 100%}
.sf-protect-content {
    padding: 120px 0;
    text-align: center;
}
@media (min-width:768px) {
    .sf-protect-content {
    padding: 180px 0;
}
}@media (min-width:1024px) {
    .sf-protect-content {
    padding: 220px 0;
}
}@media (min-width:1200px) {
    .sf-protect-content {
    padding: 250px 0;
}
}@media (min-width:1600px) {
    .sf-protect-content {
    padding: 300px 0;
}
}.sf-protect-title {
    margin: 0 0 20px 0;
    font-size: 23px;
    line-height: 36px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-protect-title {
    margin: 0 0 30px 0;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1024px) {
    .sf-protect-title {
    font-size: 46px;
    line-height: 60px;
}
}@media (min-width:1200px) {
    .sf-protect-title {
    margin: 0 0 40px 0;
    font-size: 56px;
    line-height: 73px;
}
}@media (min-width:1600px) {
    .sf-protect-title {
    font-size: 76px;
    line-height: 99px;
}
}.sf-protect-description {
    margin: 0 0 67px 0;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .01em;
    color: #020213;
}
@media (min-width:768px) {
    .sf-protect-description {
    margin: 0 0 102px 0;
    font-size: 16px;
    line-height: 26px;
}
}@media (min-width:1024px) {
    .sf-protect-description {
    margin: 0 0 107px 0;
}
}@media (min-width:1200px) {
    .sf-protect-description {
    margin: 0 0 123px 0;
}
}@media (min-width:1600px) {
    .sf-protect-description {
    margin: 0 0 144px 0;
    font-size: 18px;
    line-height: 29px;
}
}.sf-protect-items {
    text-align: left;
}
.sf-protect-item {
    position: relative;
    margin: 0 0 71px 0;
    border: 1px solid #9aa0b1;
    -webkit-transition: border-color .2s, color .2s;
    -o-transition: border-color .2s, color .2s;
    -moz-transition: border-color .2s, color .2s;
    transition: border-color .2s, color .2s;
}
.sf-protect-item:last-child {
    margin: 0;
}
@media (min-width:1024px) {
    .sf-protect-item {
    margin: 0 0 76px 0;
}
}@media (min-width:1200px) {
    .sf-protect-item {
    margin: 0 0 82px 0;
}
}@media (min-width:1600px) {
    .sf-protect-item {
    margin: 0 0 104px 0;
}
}.sf-dropdown_box.-open .sf-protect-item.sf-dropdown_box-menu, .sf-protect-item.-open {
    border-color: #51c8ff;
    color: #51c8ff;
}
.sf-protect-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 40px 20px 40px 30px;
}
@media (min-width:768px) {
    .sf-protect-header {
    padding: 40px 40px 40px 30px;
}
}@media (min-width:1024px) {
    .sf-protect-header {
    padding: 45px 40px 45px 30px;
}
}@media (min-width:1200px) {
    .sf-protect-header {
    padding: 50px 60px 50px 40px;
}
}@media (min-width:1600px) {
    .sf-protect-header {
    padding: 65px 60px 65px 40px;
}
}.sf-protect-header-number {
    position: absolute;
    top: -16px;
    left: 0;
    width: 65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 26px;
    line-height: 32px;
    letter-spacing: .05;
    background: #fff;
}
@media (min-width:768px) {
    .sf-protect-header-number {
    top: -21px;
    width: 92px;
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-protect-header-number {
    top: -26px;
    width: 99px;
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-protect-header-number {
    top: -32px;
    width: 129px;
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-protect-header-number {
    top: -44px;
    width: 155px;
    font-size: 76px;
    line-height: 88px;
}
}.sf-protect-header-number {
    position: absolute;
    top: -16px;
    left: 0;
    width: 65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 26px;
    line-height: 32px;
    letter-spacing: .05;
    background: #fff;
}
@media (min-width:768px) {
    .sf-protect-header-number {
    top: -21px;
    width: 92px;
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-protect-header-number {
    top: -26px;
    width: 99px;
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-protect-header-number {
    top: -32px;
    width: 129px;
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-protect-header-number {
    top: -44px;
    width: 155px;
    font-size: 76px;
    line-height: 88px;
}
}.sf-protect-header-title {
    padding: 0 40px 0 0;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .01em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-protect-header-title {
    max-width: 550px;
    padding: 0;
}
}@media (min-width:1024px) {
    .sf-protect-header-title {
    max-width: 718px;
}
}@media (min-width:1200px) {
    .sf-protect-header-title {
    max-width: 854px;
    font-size: 22px;
    line-height: 31px;
}
}@media (min-width:1600px) {
    .sf-protect-header-title {
    font-size: 26px;
    line-height: 36px;
}
}.sf-protect-header-icon {
    width: 20px;
    height: 9px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.sf-protect-header-icon svg {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
}
.sf-protect-header.-active .sf-protect-header-icon svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sf-protect-body {
    display: none;
    padding: 0 20px 30px 20px;
    color: #020213;
}
@media (min-width:768px) {
    .sf-protect-body {
    padding: 0 30px 70px 30px;
}
}@media (min-width:1024px) {
    .sf-protect-body {
    padding: 0 30px 40px 30px;
}
}@media (min-width:1200px) {
    .sf-protect-body {
    padding: 0 30px 40px 30px;
}
}@media (min-width:1600px) {
    .sf-protect-body {
    padding: 0 30px 50px 30px;
}
}@media (min-width:768px) {
    .sf-protect-body-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px -15px 0 -15px;
}
}@media (min-width:1024px) {
    .sf-protect-body-grid {
    margin: 25px -15px 0 -15px;
}
}@media (min-width:1200px) {
    .sf-protect-body-grid {
    margin: 30px -20px 0 -20px;
}
}@media (min-width:1600px) {
    .sf-protect-body-grid {
    margin: 25px -20px 0 -20px;
}
}@media (min-width:768px) {
    .sf-protect-body-col {
    width: 50%;
    padding: 0 15px;
}
}@media (min-width:1200px) {
    .sf-protect-body-col {
    padding: 0 20px;
}
}.sf-protect-body-item {
    padding: 30px 20px;
    margin: 0 0 20px 0;
    background: #f3f9fd;
}
.sf-protect-body-item:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-protect-body-item {
    padding: 40px 30px 43px 30px;
    margin: 0 0 30px 0;
}
}@media (min-width:1024px) {
    .sf-protect-body-item {
    padding: 50px 35px 50px 40px;
}
}@media (min-width:1200px) {
    .sf-protect-body-item {
    padding: 80px;
    margin: 0 0 40px 0;
}
}.sf-protect-body-item-title {
    margin: 0 0 20px 0;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-protect-body-item-title {
    font-size: 26px;
    line-height: 34px;
}
}@media (min-width:1024px) {
    .sf-protect-body-item-title {
    margin: 0 0 40px 0;
    font-size: 30px;
    line-height: 39px;
}
}@media (min-width:1600px) {
    .sf-protect-body-item-title {
    font-size: 36px;
    line-height: 47px;
}
}.sf-protect-body-item-description {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-protect-body-item-description {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-protect-body-item-description {
    font-size: 18px;
    line-height: 36px;
}
}.sf-protect-body-item-descriptionplatinum {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: -.03em;
    padding-bottom: 20px;
    padding-top: 20px;
    font-weight: 500;
}
@media (min-width:768px) {
    .sf-protect-body-item-descriptionplatinum {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-protect-body-item-descriptionplatinum {
    font-size: 18px;
    line-height: 36px;
}
}.sf-protect-body-item-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-protect-body-item-list ul li {
    position: relative;
    margin: 0 0 20px 0;
    padding: 0 0 0 30px;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
}
.sf-protect-body-item-list ul li:last-child {
    margin: 0;
}
.sf-protect-body-item-list ul li:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background: rgba(36, 76, 162, .15);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (min-width:768px) {
    .sf-protect-body-item-list ul li {
    padding: 0 0 0 40px;
}
}@media (min-width:1600px) {
    .sf-protect-body-item-list ul li {
    font-size: 18px;
    line-height: 23px;
}
}.sf-support {
    position: relative;
}
.sf-support-content {
    padding: 70px 0 0 0;
    background: #f3f9fd;
}
@media (min-width:768px) {
    .sf-support-content {
    padding: 100px 0;
}
}@media (min-width:1024px) {
    .sf-support-content {
    padding: 150px 0 120px 0;
}
}@media (min-width:1200px) {
    .sf-support-content {
    padding: 180px 0 170px 0;
}
}@media (min-width:1600px) {
    .sf-support-content {
    padding: 180px 0 176px 0;
}
}@media (min-width:768px) {
    .sf-support-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
}.sf-support-body {
    margin: 0 0 33px 0;
}
@media (min-width:768px) {
    .sf-support-body {
    max-width: 357px;
    margin: 0;
}
}@media (min-width:1600px) {
    .sf-support-body {
    max-width: 405px;
}
}.sf-support-img {
    max-width: 200px;
    margin: 0 auto;
}
@media (min-width:768px) {
    .sf-support-img {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
    max-width: 342px;
}
}@media (min-width:1024px) {
    .sf-support-img {
    right: 65px;
    max-width: 410px;
}
}@media (min-width:1200px) {
    .sf-support-img {
    right: 100px;
    max-width: 477px;
}
}@media (min-width:1600px) {
    .sf-support-img {
    right: 212px;
    max-width: 501px;
}
}.sf-support-img img {
    width: 100%}
.sf-support-title {
    margin: 0 0 50px 0;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-support-title {
    margin: 0 0 70px 0;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-support-title {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-support-title {
    margin: 0 0 80px 0;
}
}@media (min-width:1600px) {
    .sf-support-title {
    margin: 0 0 100px 0;
    font-size: 46px;
    line-height: 60px;
}
}.sf-support-item {
    margin: 0 0 40px 0;
}
.sf-support-item:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-support-item {
    margin: 0 0 60px 0;
}
}.sf-support-item-text {
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-support-item-text {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-support-item-text {
    font-size: 18px;
    line-height: 36px;
}
}.sf-support-item-link {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
    font-weight: 600;
    color: #51c8ff;
}
@media (min-width:768px) {
    .sf-support-item-link {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-support-item-link {
    font-size: 18px;
    line-height: 36px;
}
}.sf-skip {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    color: #51c8ff;
    z-index: 190;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-skip:hover {
    opacity: .8;
}
.sf-skip-text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .135em;
    font-weight: 500;
    text-transform: uppercase;
}
.sf-skip-icon {
    width: 14px;
    height: 8px;
    margin: 0 0 0 15px;
}
.sf-skip-icon svg {
    width: 100%;
    height: 100%}
.sf-skip.-visible {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
.sf-managment-content {
    padding: 80px 0 135px 0;
    background: #f3f9fd;
}
@media (min-width:768px) {
    .sf-managment-content {
    padding: 120px 0 195px 0;
}
}@media (min-width:1024px) {
    .sf-managment-content {
    padding: 160px 0 200px 0;
}
}@media (min-width:1200px) {
    .sf-managment-content {
    padding: 180px 0 195px 0;
}
}@media (min-width:1600px) {
    .sf-managment-content {
    padding: 200px 0;
}
}.sf-managment-title {
    margin: 0 0 50px 0;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
    text-align: center;
}
@media (min-width:768px) {
    .sf-managment-title {
    margin: 0 auto 100px auto;
    max-width: 650px;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-managment-title {
    margin: 0 auto 120px auto;
    max-width: 700px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-managment-title {
    margin: 0 auto 140px auto;
    max-width: 840px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-managment-title {
    margin: 0 auto 160px auto;
    font-size: 46px;
    line-height: 60px;
}
}@media (min-width:768px) {
    .sf-managment-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
}@media (min-width:768px) {
    .sf-managment-grid-col {
    width: 50%}
}.sf-managment-grid-col.-right {
    display: none;
}
@media (min-width:768px) {
    .sf-managment-grid-col.-right {
    display: block;
}
}.sf-managment-item {
    margin: 0 0 95px 0;
}
.sf-managment-item:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-managment-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
}
}@media (min-width:768px) {
    .sf-managment-item-body {
    max-width: 298px;
}
}@media (min-width:1024px) {
    .sf-managment-item-body {
    max-width: 370px;
}
}@media (min-width:1200px) {
    .sf-managment-item-body {
    max-width: 430px;
}
}.sf-managment-item-img {
    position: relative;
    margin: 0 0 20px 0;
    max-width: 290px;
    height: 195px;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-managment-item-img {
    display: none;
}
}.sf-managment-item-img img {
    max-height: 400px;
}
.sf-managment-item-number {
    margin: 0 0 15px 0;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: -.03em;
    font-weight: 600;
    color: #244ca2;
}
@media (min-width:768px) {
    .sf-managment-item-number {
    margin: 0 0 20px 0;
}
}@media (min-width:1024px) {
    .sf-managment-item-number {
    margin: 0 0 30px 0;
}
}.sf-managment-item-title {
    margin: 0 0 15px 0;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-managment-item-title {
    margin: 0 0 20px 0;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-managment-item-title {
    margin: 0 0 30px 0;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-managment-item-title {
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-managment-item-title {
    font-size: 46px;
    line-height: 60px;
}
}.sf-managment-item-text {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
    color: #020213;
}
@media (min-width:768px) {
    .sf-managment-item-text {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-managment-item-text {
    font-size: 18px;
    line-height: 36px;
}
}.sf-managment-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100vh;
}
.sf-managment-img-items {
    position: relative;
    width: 100%;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-managment-img-items {
    height: 440px;
}
}@media (min-width:1024px) {
    .sf-managment-img-items {
    height: 496px;
}
}@media (min-width:1200px) {
    .sf-managment-img-items {
    height: 576px;
}
}@media (min-width:1600px) {
    .sf-managment-img-items {
    height: 600px;
}
}.sf-managment-img-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.sf-managment-img-item img {
    height: 100%}
.sf-cookie {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    z-index: 191;
    -webkit-transition: opacity .5s, visibility .5s;
    -o-transition: opacity .5s, visibility .5s;
    -moz-transition: opacity .5s, visibility .5s;
    transition: opacity .5s, visibility .5s;
}
.sf-cookie-close {
    position: absolute;
    top: 21px;
    right: 17px;
    width: 22px;
    height: 22px;
    color: #fff;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-cookie-close:hover {
    opacity: .8;
}
@media (min-width:768px) {
    .sf-cookie-close {
    top: 32px;
    left: 50px;
}
}@media (min-width:1600px) {
    .sf-cookie-close {
    top: 40px;
    left: 80px;
}
}@media (min-width:1024px) {
    .sf-cookie-close {
    top: 30px;
    left: 45px;
}
}@media (min-width:1200px) {
    .sf-cookie-close {
    top: 30px;
    left: 90px;
}
}@media (max-width:767px) {
    .sf-cookie-close {
    top: 4px;
    right: 20px!important;
    height: 18px;
}
}.sf-cookie-close svg {
    width: 100%;
    height: 100%}
.sf-cookie-content {
    padding: 24px 0 21px 0;
    background: #011342;
    color: #fff;
}
@media (min-width:768px) {
    .sf-cookie-content {
    padding: 10px 0 10px 0;
}
}@media (min-width:1024px) {
    .sf-cookie-content {
    padding: 10px 0 10px 0;
}
}@media (min-width:1200px) {
    .sf-cookie-content {
    padding: 10px 0 10px 0;
}
}@media (min-width:1600px) {
    .sf-cookie-content {
    padding: 10px 0 10px 0;
}
}@media (max-width:1023px) {
    .sf-cookie-content {
    padding: 10px 0 70px 0;
}
}.sf-cookie-container {
    padding: 0 16px;
}
@media (min-width:768px) {
    .sf-cookie-container {
    padding: 0 169px 0 120px;
}
}@media (min-width:1024px) {
    .sf-cookie-container {
    padding: 0 230px 0 162px;
    max-width: 1024px;
    margin: 0 auto;
}
}@media (min-width:1200px) {
    .sf-cookie-container {
    padding: 0 154px 0 150px;
    max-width: 1200px;
}
}@media (min-width:1600px) {
    .sf-cookie-container {
    padding: 0 374px 0 280px;
    max-width: 1600px;
}
}.sf-cookie-close {
    position: absolute;
}
.sf-cookie-title {
    margin: 0 0 14px 0;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-cookie-title {
    margin: 0 0 10px 0;
}
}@media (min-width:1024px) {
    .sf-cookie-title {
    margin: 0 0 20px 0;
}
}@media (min-width:375px) {
    .sf-cookie-title {
    margin: 0 0 10px 0;
}
}@media (min-width:1200px) {
    .sf-cookie-title {
    font-size: 14px;
    line-height: 18px;
}
}@media (max-width:767px) {
    .sf-cookie-title {
    margin: 0 0 5px 0;
}
}.sf-cookie-text {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-cookie-text {
    font-size: 9px;
    line-height: 12px;
}
}@media (min-width:1024px) {
    .sf-cookie-text {
    font-size: 10px;
    line-height: 13px;
    width: 490px;
}
}@media (min-width:1200px) {
    .sf-cookie-text {
    font-size: 11px;
    line-height: 15px;
    width: 700px;
}
}@media (min-width:1600px) {
    .sf-cookie-text {
    font-size: 13px;
    line-height: 19px;
    width: 800px;
}
}@media (max-width:767px) {
    .sf-cookie-text {
    font-size: 9px;
    line-height: 11px;
}
}.sf-cookie-text a {
    color: #06c3ff;
    text-decoration: underline;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-cookie-text a:hover {
    opacity: .8;
}
.sf-cookie.-visible {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
.sf-notice {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    z-index: 301;
    -webkit-transition: opacity .5s, visibility .5s;
    -o-transition: opacity .5s, visibility .5s;
    -moz-transition: opacity .5s, visibility .5s;
    transition: opacity .5s, visibility .5s;
}
.sf-notice-close {
    position: absolute;
    top: 20px;
    right: 17px;
    width: 22px;
    height: 22px;
    color: #fff;
    z-index: 1;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-notice-close:hover {
    opacity: .8;
}
@media (min-width:768px) {
    .sf-notice-close {
    top: 20px;
    right: 40px;
    width: 30px;
    height: 30px;
}
}@media (min-width:1600px) {
    .sf-notice-close {
    right: 80px;
}
}.sf-notice-close svg {
    width: 100%;
    height: 100%}
.sf-notice-grid {
    max-width: 180px;
    margin: 0 auto;
    text-align: center;
}
@media (min-width:768px) {
    .sf-notice-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%;
    text-align: left;
}
}.sf-notice-content {
    position: relative;
    padding: 20px 0 23px 0;
    background: #03174e;
    color: #fff;
}
@media (min-width:768px) {
    .sf-notice-content {
    padding: 23px 0;
}
}.sf-notice-container {
    padding: 0 16px;
}
@media (min-width:768px) {
    .sf-notice-container {
    padding: 0 159px 0 40px;
}
}@media (min-width:1024px) {
    .sf-notice-container {
    padding: 0 230px 0 80px;
    max-width: 1024px;
    margin: 0 auto;
}
}@media (min-width:1200px) {
    .sf-notice-container {
    padding: 0 100px;
    max-width: 1200px;
}
}@media (min-width:1600px) {
    .sf-notice-container {
    padding: 0 280px;
    max-width: 1600px;
}
}.sf-notice-text {
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-notice-text {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
}
}@media (min-width:1024px) {
    .sf-notice-text {
    font-size: 20px;
    line-height: 23px;
}
}@media (min-width:1200px) {
    .sf-notice-text {
    font-size: 21px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-notice-text {
    font-size: 26px;
    line-height: 30px;
}
}.sf-notice.-visible {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
.sf-schedule {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    z-index: 301;
    overflow: hidden;
    -webkit-transition: opacity .4s, visibility .4s;
    -o-transition: opacity .4s, visibility .4s;
    -moz-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s;
}
.sf-schedule-close {
    position: absolute;
    top: 25px;
    right: 16px;
    width: 23px;
    height: 23px;
    color: #fff;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-schedule-close:hover {
    opacity: .8;
}
@media (min-width:768px) {
    .sf-schedule-close {
    top: 40px;
    right: 40px;
    width: 30px;
    height: 30px;
}
}@media (min-width:1024px) {
    .sf-schedule-close {
    top: 60px;
    right: 60px;
}
}@media (min-width:1600px) {
    .sf-schedule-close {
    top: 62px;
    right: 102px;
}
}.sf-schedule-close svg {
    width: 100%;
    height: 100%}
.sf-schedule-content {
    height: 100%;
    padding: 75px 0 83px 0;
    background: #020213;
    color: #fff;
    text-align: center;
    overflow: auto;
}
@media (min-width:768px) {
    .sf-schedule-content {
    padding: 90px 0;
    text-align: left;
}
}@media (min-width:1024px) {
    .sf-schedule-content {
    padding: 100px 0 80px 0;
}
}@media (min-width:1200px) {
    .sf-schedule-content {
    padding: 155px 0 114px 0;
}
}@media (min-width:1600px) {
    .sf-schedule-content {
    padding: 155px 0 108px 0;
}
}@media (min-width:768px) {
    .sf-schedule-container {
    padding: 0 107px 0 40px;
}
}@media (min-width:1024px) {
    .sf-schedule-container {
    padding: 0 320px 0 82px;
}
}@media (min-width:1200px) {
    .sf-schedule-container {
    padding: 0 100px;
}
}@media (min-width:1600px) {
    .sf-schedule-container {
    padding: 0 280px;
}
}@media (min-width:1200px) {
    .sf-schedule-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
}@media (min-width:1200px) {
    .sf-schedule-grid-col.-right {
    padding: 0 0 0 40px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
}@media (min-width:1600px) {
    .sf-schedule-grid-col.-right {
    padding: 0 0 0 60px;
}
}.sf-schedule-body {
    max-width: 288px;
    margin: 0 auto;
}
@media (min-width:768px) {
    .sf-schedule-body {
    max-width: 460px;
    margin: 0;
}
}@media (min-width:1200px) {
    .sf-schedule-body {
    max-width: 340px;
}
}@media (min-width:1600px) {
    .sf-schedule-body {
    max-width: 360px;
}
}.sf-schedule-subtitle {
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: .09em;
    font-weight: 600;
    text-transform: uppercase;
}
@media (min-width:768px) {
    .sf-schedule-subtitle {
    margin: 0 0 15px 0;
    font-size: 18px;
    line-height: 18px;
}
}@media (min-width:1600px) {
    .sf-schedule-subtitle {
    font-size: 20px;
    line-height: 20px;
}
}.sf-schedule-title {
    margin: 0 0 20px 0;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: .04em;
    font-weight: 800;
    text-transform: uppercase;
}
@media (min-width:768px) {
    .sf-schedule-title {
    font-size: 52px;
    line-height: 60px;
}
}@media (min-width:1600px) {
    .sf-schedule-title {
    font-size: 54px;
    line-height: 62px;
}
}.sf-schedule-description {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: -.02em;
    color: rgba(255, 255, 255, .4);
}
@media (min-width:768px) {
    .sf-schedule-description {
    max-width: 400px;
    font-size: 16px;
    line-height: 29px;
}
}@media (min-width:1200px) {
    .sf-schedule-description {
    max-width: 280px;
}
}@media (min-width:1600px) {
    .sf-schedule-description {
    font-size: 18px;
    line-height: 32px;
}
}.sf-schedule-description strong {
    display: block;
    font-weight: 600;
    color: #fff;
}
@media (min-width:768px) {
    .sf-schedule-description strong {
    display: inline;
}
}.sf-schedule-description.-error {
    color: #fa4338;
    font-weight: 500;
    font-size: 20px;
    display: none;
}
.sf-schedule-description.-demo {
    padding: 0 0 20px 0;
}
.sf-schedule-description.-errorWP {
    color: #fa4338;
    font-weight: 500;
    font-size: 20px;
    display: none;
    padding: 15px 0;
}
.sf-schedule-form {
    margin: 40px 0 0 0;
}
@media (min-width:768px) {
    .sf-schedule-form {
    margin: 50px 0 0 0;
}
}@media (min-width:1200px) {
    .sf-schedule-form {
    margin: -14px 0 0 0;
}
}@media (min-width:1600px) {
    .sf-schedule-form {
    margin: -17px 0 0 0;
}
}.sf-schedule-form-title {
    margin: 0 0 30px 0;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: -.02em;
}
@media (min-width:768px) {
    .sf-schedule-form-title {
    margin: 0 0 40px 0;
    font-size: 20px;
    line-height: 40px;
}
}@media (min-width:1200px) {
    .sf-schedule-form-title {
    font-size: 22px;
    line-height: 44px;
}
}@media (min-width:1600px) {
    .sf-schedule-form-title {
    font-size: 26px;
    line-height: 52px;
}
}.sf-schedule.-visible {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
.sf-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 992;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    z-index: 301;
    overflow: hidden;
    -webkit-transition: opacity .4s, visibility .4s;
    -o-transition: opacity .4s, visibility .4s;
    -moz-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s;
}
.sf-popup body :not(#unblurred), .sf-popup body :not(#unblurred) * {
    -webkit-filter: blur(10px);
    filter: blur(10px);
}
@media (max-width:767px) {
    .sf-popup {
    width: 90%;
    height: 82%}
}@media (min-width:375px) {
    .sf-popup {
    width: 85%;
    height: 82%}
}@media (min-width:768px) {
    .sf-popup {
    width: 87%;
    height: 82%}
}@media (min-width:1024px) {
    .sf-popup {
    width: 62%;
    height: 86%}
}@media (min-width:1200px) {
    .sf-popup {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
}@media (min-width:1600px) {
    .sf-popup {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
}.sf-popup-close {
    position: absolute;
    top: 25px;
    right: 16px;
    width: 23px;
    height: 23px;
    color: #fff;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-popup-close:hover {
    opacity: .8;
}
@media (min-width:768px) {
    .sf-popup-close {
    top: 40px;
    right: 40px;
    width: 30px;
    height: 30px;
}
}@media (min-width:1024px) {
    .sf-popup-close {
    top: 25px;
    right: 30px;
}
}@media (min-width:1600px) {
    .sf-popup-close {
    top: 62px;
    right: 102px;
}
}@media (min-width:1200px) {
    .sf-popup-close {
    top: 25px;
    right: 30px;
}
}.sf-popup-close svg {
    width: 100%;
    height: 100%}
.sf-popup-content {
    height: 100%;
    padding: 75px 0 83px 0;
    background: #020213;
    color: #fff;
    text-align: center;
    overflow: auto;
}
@media (min-width:768px) {
    .sf-popup-content {
    padding: 90px 0;
    text-align: left;
}
}@media (min-width:1024px) {
    .sf-popup-content {
    padding: 100px 0 80px 0;
}
}@media (min-width:1200px) {
    .sf-popup-content {
    padding: 50px 0 20px 0;
}
}@media (min-width:1600px) {
    .sf-popup-content {
    padding: 155px 0 108px 0;
}
}@media (min-width:768px) {
    .sf-popup-container {
    padding: 0 107px 0 40px;
}
}@media (min-width:1200px) {
    .sf-popup-container {
    padding: 0 100px 0 40px;
}
}@media (min-width:1600px) {
    .sf-popup-container {
    padding: 0 280px;
}
}@media (min-width:1200px) {
    .sf-popup-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
}@media (min-width:1200px) {
    .sf-popup-grid-col.-left {
    padding: 0 20px 0 10px;
}
}@media (min-width:1600px) {
    .sf-popup-grid-col.-left {
    padding: 0 0 0 20px;
}
}@media (min-width:1200px) {
    .sf-popup-grid-col.-right {
    padding: 0 0 0 40px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
}@media (min-width:1600px) {
    .sf-popup-grid-col.-right {
    padding: 0 0 0 60px;
}
}.sf-popup-body {
    max-width: 288px;
    margin: 0 auto;
}
@media (min-width:768px) {
    .sf-popup-body {
    max-width: 460px;
    margin: 0;
}
}@media (min-width:1200px) {
    .sf-popup-body {
    max-width: 340px;
}
}@media (min-width:1600px) {
    .sf-popup-body {
    max-width: 360px;
}
}.sf-popup-subtitle {
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: .09em;
    font-weight: 600;
    text-transform: uppercase;
}
@media (min-width:768px) {
    .sf-popup-subtitle {
    margin: 0 0 15px 0;
    font-size: 16px;
    line-height: 16px;
}
}@media (min-width:1600px) {
    .sf-popup-subtitle {
    font-size: 20px;
    line-height: 20px;
}
}.sf-popup-title {
    margin: 0 0 20px 0;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: .04em;
    font-weight: 800;
    text-transform: uppercase;
}
@media (min-width:768px) {
    .sf-popup-title {
    font-size: 52px;
    line-height: 60px;
}
}@media (min-width:1600px) {
    .sf-popup-title {
    font-size: 54px;
    line-height: 62px;
}
}.sf-popup-title-md {
    font-size: 46px;
    margin: 0 0 20px 0;
    line-height: 58px;
    letter-spacing: .04em;
    font-weight: 800;
    text-transform: uppercase;
}
@media (max-width:767px) {
    .sf-popup-title-md {
    font-size: 28px;
    line-height: 30px;
}
}@media (min-width:375px) {
    .sf-popup-title-md {
    font-size: 28px;
    line-height: 30px;
}
}@media (min-width:768px) {
    .sf-popup-title-md {
    font-size: 28px;
    line-height: 40px;
}
}@media (min-width:1600px) {
    .sf-popup-title-md {
    font-size: 54px;
    line-height: 62px;
}
}@media (min-width:1200px) {
    .sf-popup-title-md {
    font-size: 54px;
    line-height: 62px;
}
}@media (min-width:1024px) {
    .sf-popup-title-md {
    font-size: 54px;
    line-height: 62px;
}
}.sf-popup-description {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: -.02em;
    color: rgba(255, 255, 255, .4);
}
@media (min-width:768px) {
    .sf-popup-description {
    max-width: 400px;
    font-size: 16px;
    line-height: 29px;
}
}@media (min-width:1200px) {
    .sf-popup-description {
    max-width: 280px;
}
}@media (min-width:1600px) {
    .sf-popup-description {
    font-size: 18px;
    line-height: 32px;
}
}.sf-popup-description strong {
    display: block;
    font-weight: 600;
    color: #fff;
}
@media (min-width:768px) {
    .sf-popup-description strong {
    display: inline;
}
}.sf-popup-description-bl {
    color: #51c8ff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}
@media (max-width:767px) {
    .sf-popup-description-bl {
    max-width: 400px;
    font-size: 14px;
    line-height: 16px;
}
}@media (min-width:375px) {
    .sf-popup-description-bl {
    max-width: 400px;
    font-size: 16px;
    line-height: 16px;
}
}@media (min-width:1024px) {
    .sf-popup-description-bl {
    max-width: 400px;
    font-size: 21px;
    line-height: 27px;
}
}@media (min-width:1200px) {
    .sf-popup-description-bl {
    max-width: 280px;
}
}@media (min-width:1600px) {
    .sf-popup-description-bl {
    font-size: 32px;
    line-height: 36px;
}
}.sf-popup-form {
    margin: 40px 0 0 0;
}
@media (min-width:768px) {
    .sf-popup-form {
    margin: 50px 0 0 0;
}
}@media (min-width:1200px) {
    .sf-popup-form {
    margin: -14px 0 0 0;
}
}@media (min-width:1600px) {
    .sf-popup-form {
    margin: -17px 0 0 0;
}
}.sf-popup-form-title {
    margin: 0 0 30px 0;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -.02em;
    font-weight: 600;
    text-transform: uppercase;
    word-spacing: 5px;
}
@media (max-width:767px) {
    .sf-popup-form-title {
    font-size: 14px;
    line-height: 24px;
}
}@media (min-width:768px) {
    .sf-popup-form-title {
    margin: 0 0 40px 0;
    font-size: 20px;
    line-height: 40px;
}
}@media (min-width:1200px) {
    .sf-popup-form-title {
    font-size: 22px;
    line-height: 44px;
}
}@media (min-width:1600px) {
    .sf-popup-form-title {
    font-size: 26px;
    line-height: 52px;
}
}.sf-popup.-visible {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
.captcha {
    padding-bottom: 18px;
}
.blurOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    display: none;
    z-index: 202;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
}
.g-recaptcha {
    -webkit-transform: scale(.77);
    -moz-transform: scale(.77);
    -ms-transform: scale(.77);
    -o-transform: scale(.77);
    transform: scale(.77);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}
.sf-thanks {
    overflow: hidden;
}
.sf-thanks-content {
    position: relative;
    padding: 120px 0 80px 0;
    text-align: center;
}
@media (min-width:768px) {
    .sf-thanks-content {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 170px 0 80px 0;
}
}.sf-thanks.-inverse .sf-thanks-content {
    background: #020213;
    color: #fff;
}
.sf-thanks-container {
    margin: 0 auto;
}
.sf-thanks-withNav {
    height: 300px;
    width: 300px;
    margin: 0 auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
.sf-thanks-title {
    margin: 0 0 10px 0;
}
@media (min-width:768px) {
    .sf-thanks-title {
    margin: 0 0 30px 0;
}
}@media (min-width:1600px) {
    .sf-thanks-title {
    margin: 0 0 40px 0;
}
}.sf-thanks-title h1 {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
    font-weight: 500;
}
@media (min-width:768px) {
    .sf-thanks-title h1 {
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-thanks-title h1 {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-thanks-title h1 {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-thanks-title h1 {
    font-size: 76px;
    line-height: 88px;
}
}.sf-thanks-description p {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: .01em;
    color: #9aa0b1;
}
@media (min-width:768px) {
    .sf-thanks-description p {
    font-size: 16px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-thanks-description p {
    font-size: 18px;
    line-height: 33px;
}
}.sf-thanks-brief p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .01em;
    font-weight: 300;
}
@media (min-width:768px) {
    .sf-thanks-brief p {
    max-width: 564px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 30px;
}
}@media (min-width:1200px) {
    .sf-thanks-brief p {
    max-width: 620px;
    font-size: 22px;
    line-height: 33px;
}
}@media (min-width:1600px) {
    .sf-thanks-brief p {
    max-width: 730px;
    font-size: 26px;
    line-height: 39px;
}
}.sf-thanks-brief p a {
    font-weight: 600;
}
.sf-thanks-video {
    position: absolute;
    top: 67px;
    right: 0;
    height: 90%}
@media (min-width:768px) {
    .sf-thanks-video {
    top: 137px;
    right: 60px;
}
}@media (min-width:1024px) {
    .sf-thanks-video {
    top: 132px;
    right: 62px;
}
}@media (min-width:1200px) {
    .sf-thanks-video {
    top: 101px;
    right: 80px;
}
}@media (min-width:1600px) {
    .sf-thanks-video {
    top: 83px;
    right: 108px;
}
}@supports (mix-blend-mode:screen) {
    .sf-thanks-video {
    mix-blend-mode: screen;
    opacity: .2;
}
}.sf-thanks-video-overlay {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: url("../img/note/1.png") no-repeat right center;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%}
@supports (mix-blend-mode:overlay) {
    .sf-thanks-video-overlay {
    mix-blend-mode: color-dodge;
    background: #2549ca;
}
}.sf-thanks-video video {
    height: 100%}
.innerMenu {
    background: #f8f8ff!important;
    padding: 0;
    margin: 0;
    list-style-type: none;
    color: #020213;
    position: absolute;
    top: 110%;
    left: 10%;
    -webkit-transform: translate(-10%);
    -moz-transform: translate(-10%);
    -ms-transform: translate(-10%);
    -o-transform: translate(-10%);
    transform: translate(-10%);
    width: 80%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 10px 10px 25px 0 rgba(81, 200, 255, .3);
    -webkit-box-shadow: 10px 10px 25px 0 rgba(81, 200, 255, .3);
    -moz-box-shadow: 10px 10px 25px 0 rgba(81, 200, 255, .3);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
}
.innerMenu:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.innerMenu>a {
    border-right: .2pt solid #9aa0b1;
    height: 300px;
    width: 20%;
    padding: 30px 10px;
    text-align: center;
    position: relative;
}
.innerMenu>a:hover {
    background: #020213;
    color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
.innerMenu>a:hover+.innerMenu {
    visibility: visible;
}
.innerMenu>a:first-child {
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}
.innerMenu>a:last-child {
    border-right: none;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
}
.innerMenu>a svg {
    width: 40%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.innerMenu>a p {
    font-size: 18px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    width: 80%;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
}
.innerMenu>a:nth-child(4) p {
    bottom: 10px;
}
.innerMenuList {
    display: block;
    background: #020213;
    padding: 0 10px;
    margin: 0;
    list-style-type: none;
    position: absolute;
    left: -20px;
    top: 100%;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
    width: 200px;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
}
.innerMenuList:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.innerMenuList a {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: rgba(255, 255, 255, .5);
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    display: block;
    position: relative;
    margin: 15px 0;
}
.innerMenuList a:hover {
    color: #fff;
}
.innerMenuList a::before {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    background: rgba(255, 255, 255, .4);
}
.innerMenuList a::after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    padding: 0;
    margin: 0;
    background: 0 0;
}
.innerMenuList a:hover::after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    padding: 0;
    margin: 0;
    -webkit-animation: grow;
    -moz-animation: grow;
    -o-animation: grow;
    animation: grow;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    background: #51c8ff;
}
.innerMenuList a:last-child::after, .innerMenuList a:last-child::before {
    display: none;
}
@-webkit-keyframes grow {
    0% {
    width: 0%}
100% {
    width: 100%}
}@-moz-keyframes grow {
    0% {
    width: 0%}
100% {
    width: 100%}
}@-o-keyframes grow {
    0% {
    width: 0%}
100% {
    width: 100%}
}@keyframes grow {
    0% {
    width: 0%}
100% {
    width: 100%}
}.navOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    display: none;
    z-index: 99;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
}
.sf-tools-content {
    padding: 40px 0 100px 0;
}
@media (min-width:768px) {
    .sf-tools-content {
    padding: 0 0 100px 0;
}
}@media (min-width:1024px) {
    .sf-tools-content {
    padding: 0 0 100px 0;
}
}@media (min-width:1200px) {
    .sf-tools-content {
    padding: 0 0 100px 0;
}
}@media (min-width:1600px) {
    .sf-tools-content {
    padding: 200px 0;
}
}.sf-tools-title {
    margin: 0 0 50px 0;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
    text-align: center;
}
@media (min-width:768px) {
    .sf-tools-title {
    margin: 0 auto 100px auto;
    max-width: 650px;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-tools-title {
    margin: 0 auto 120px auto;
    max-width: 700px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-tools-title {
    margin: 0 auto 140px auto;
    max-width: 840px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-tools-title {
    margin: 0 auto 160px auto;
    font-size: 46px;
    line-height: 60px;
}
}@media (min-width:768px) {
    .sf-tools-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
}@media (min-width:768px) {
    .sf-tools-grid-col {
    width: 50%}
}.sf-tools-grid-col.-right {
    display: none;
}
@media (min-width:768px) {
    .sf-tools-grid-col.-right {
    display: block;
}
}.sf-tools-item {
    margin: 0 0 95px 0;
}
.sf-tools-item:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-tools-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
}
}@media (min-width:768px) {
    .sf-tools-item-body {
    max-width: 298px;
}
}@media (min-width:1024px) {
    .sf-tools-item-body {
    max-width: 370px;
}
}@media (min-width:1200px) {
    .sf-tools-item-body {
    max-width: 430px;
}
}.sf-tools-item-img {
    position: relative;
    margin: 0 0 20px 0;
    max-width: 290px;
    height: 195px;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-tools-item-img {
    display: none;
}
}.sf-tools-item-img img {
    max-height: 400px;
}
.sf-tools-item-number {
    margin: 0 0 15px 0;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: -.03em;
    font-weight: 600;
    color: #244ca2;
}
@media (min-width:768px) {
    .sf-tools-item-number {
    margin: 0 0 20px 0;
}
}@media (min-width:1024px) {
    .sf-tools-item-number {
    margin: 0 0 30px 0;
}
}.sf-tools-item-title {
    margin: 0 0 15px 0;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-weight: 600;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-tools-item-title {
    margin: 0 0 20px 0;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-tools-item-title {
    margin: 0 0 30px 0;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-tools-item-title {
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-tools-item-title {
    font-size: 46px;
    line-height: 60px;
}
}.sf-tools-item-text {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
    color: #020213;
}
@media (min-width:768px) {
    .sf-tools-item-text {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-tools-item-text {
    font-size: 18px;
    line-height: 36px;
}
}.sf-tools-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100vh;
}
.sf-tools-img-items {
    position: relative;
    width: 100%;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-tools-img-items {
    height: 440px;
}
}@media (min-width:1024px) {
    .sf-tools-img-items {
    height: 496px;
}
}@media (min-width:1200px) {
    .sf-tools-img-items {
    height: 576px;
}
}@media (min-width:1600px) {
    .sf-tools-img-items {
    height: 600px;
}
}.sf-tools-img-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.sf-tools-img-item img {
    height: 100%}
.sec {
    padding: 0;
    background: #fff;
    color: #020213;
}
.sec.-inverse {
    background: #020213;
    color: #fff;
}
.sec-wrapper {
    padding: 120px;
}
@media (max-width:767px) {
    .sec-wrapper {
    padding: 20px;
}
}@media (min-width:768px) {
    .sec-wrapper {
    padding: 50px 20px;
}
}@media (min-width:1024px) {
    .sec-wrapper {
    padding: 120px 50px;
}
}@media (min-width:1200px) {
    .sec-wrapper {
    padding: 150px 120px;
}
}@media (min-width:1600px) {
    .sec-wrapper {
    padding: 150px 120px;
}
}.sec-items {
    padding: 100px 0 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width:767px) {
    .sec-items {
    display: block;
    padding: 30px 0 0 0;
}
}.sec-secTitle {
    position: relative;
}
.sec-mainTitle {
    font-weight: 600;
    font-size: 28px;
    line-height: 31px;
    letter-spacing: -.03em;
    position: absolute;
    left: 0;
}
@media (max-width:767px) {
    .sec-mainTitle {
    font-size: 38px;
    line-height: 50px;
    padding: 20px 0;
    position: relative;
}
}@media (min-width:768px) {
    .sec-mainTitle {
    font-size: 38px;
}
}@media (min-width:1024px) {
    .sec-mainTitle {
    text-align: left;
    font-size: 32px;
    line-height: 32px;
}
}@media (min-width:1200px) {
    .sec-mainTitle {
    text-align: left;
    font-size: 42px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sec-mainTitle {
    text-align: left;
    font-size: 46px;
    line-height: 60px;
}
}.sec-moreTitle {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -.03em;
    position: absolute;
    right: 0;
    padding-top: 10px;
    color: #51c8ff;
}
@media (max-width:767px) {
    .sec-moreTitle {
    font-size: 20px;
    position: relative;
}
}@media (min-width:768px) {
    .sec-moreTitle {
    font-size: 16px;
    line-height: 16px;
}
}@media (min-width:1024px) {
    .sec-moreTitle {
    font-size: 18px;
    line-height: 18px;
}
}@media (min-width:1200px) {
    .sec-moreTitle {
    font-size: 18px;
    line-height: 18px;
}
}@media (min-width:1600px) {
    .sec-moreTitle {
    text-align: left;
    font-size: 26px;
    line-height: 60px;
    padding-top: 0;
}
}@media (min-width:1600px) {
    .sec-moreTitle {
    text-align: left;
    font-size: 30px;
    line-height: 60px;
    padding-top: 0;
}
}.sec-item {
    width: 25%;
    letter-spacing: .5px;
    position: relative;
}
@media (max-width:767px) {
    .sec-item {
    width: 90%;
    margin: 40px auto;
}
}@media (max-width:767px) {
    .sec-item.-poster {
    margin: 80px auto;
}
}@media (max-width:767px) {
    .sec-item.-poster: first-child {
    margin: 40px auto 80px auto;
}
}.sec-item-img {
    width: 100%}
.sec-item-img img {
    width: 100%}
.sec-item-img iframe {
    width: 100%;
    height: auto;
}
.sec-item-img video {
    width: 100%;
    height: auto;
}
.sec-item-desc {
    padding: 30px 0;
    font-size: 1.15em;
    font-weight: 500;
}
.sec-item-more {
    color: #51c8ff;
    font-size: 1.15em;
    position: absolute;
    bottom: -20px;
    left: 0;
}
@media (max-width:1023px) {
    .sec-item-more {
    bottom: -10px;
}
}@media (min-width:768px) {
    .sec-item-more {
    bottom: -10px;
}
}@media (min-width:1024px) {
    .sec-item-more {
    bottom: -20px;
}
}@media (min-width:1200px) {
    .sec-item-more {
    bottom: -20px;
}
}@media (min-width:1600px) {
    .sec-item-more {
    bottom: -20px;
}
}.sec-item-more.-wallpapers {
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}
.sec.-posters {
    background: #f3f9fd;
}
.videos {
    background: #020213;
}
.sf-video {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    z-index: 992;
    -webkit-box-shadow: 5px 5px 20px 5px #000;
    -moz-box-shadow: 5px 5px 20px 5px #000;
    box-shadow: 5px 5px 20px 5px #000;
    -webkit-transition: opacity .5s, visibility .5s;
    -o-transition: opacity .5s, visibility .5s;
    -moz-transition: opacity .5s, visibility .5s;
    transition: opacity .5s, visibility .5s;
}
.sf-video-content {
    padding: 0;
}
.sf-video-container {
    padding: 0;
}
.sf-video-header {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    position: relative;
}
.sf-video-header-close {
    position: absolute;
    top: -35px;
    right: 0;
    width: 23px;
    height: 23px;
    color: #fff;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-video-header-close:hover {
    opacity: .8;
}
@media (min-width:768px) {
    .sf-video-header-close {
    top: -35px;
    right: 0;
    width: 30px;
    height: 30px;
}
}@media (min-width:1024px) {
    .sf-video-header-close {
    top: -35px;
    right: -35px;
}
}@media (min-width:1600px) {
    .sf-video-header-close {
    top: -62px;
    right: -62px;
}
}@media (min-width:1200px) {
    .sf-video-header-close {
    top: 0;
    right: -35px;
}
}.sf-video-header-close svg {
    width: 100%;
    height: 100%}
.sf-video-header img {
    display: none;
    width: auto;
    height: auto;
    margin: 0 auto;
}
@media (max-width:767px) {
    .sf-video-header img {
    width: 300px;
}
}@media (min-width:375px) {
    .sf-video-header img {
    width: 400px;
}
}@media (min-width:768px) {
    .sf-video-header img {
    width: 700px;
}
}@media (min-width:1024px) {
    .sf-video-header img {
    width: 900px;
}
}@media (min-width:1200px) {
    .sf-video-header img {
    width: 900px;
}
}@media (min-width:1600px) {
    .sf-video-header img {
    width: 1600px;
}
}.sf-video-title {
    margin: 0 0 14px 0;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.03em;
    font-weight: 500;
    text-align: center;
}
@media (min-width:768px) {
    .sf-video-title {
    margin: 0 0 10px 0;
}
}@media (min-width:1024px) {
    .sf-video-title {
    margin: 0 0 20px 0;
}
}@media (min-width:375px) {
    .sf-video-title {
    margin: 0 0 10px 0;
}
}@media (min-width:1200px) {
    .sf-video-title {
    font-size: 32px;
    line-height: 18px;
    padding: 20px 0;
    margin: 0;
}
}@media (max-width:767px) {
    .sf-video-title {
    margin: 0 0 5px 0;
}
}.sf-video-text {
    font-size: 22px;
    line-height: 18px;
    letter-spacing: 1px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}
@media (min-width:768px) {
    .sf-video-text {
    font-size: 9px;
}
}@media (min-width:1024px) {
    .sf-video-text {
    font-size: 13px;
}
}@media (min-width:1200px) {
    .sf-video-text {
    font-size: 18px;
}
}@media (min-width:1600px) {
    .sf-video-text {
    font-size: 23px;
}
}@media (max-width:767px) {
    .sf-video-text {
    font-size: 9px;
    line-height: 11px;
}
}.sf-video-text a {
    color: #06c3ff;
    text-decoration: underline;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-video-text a:hover {
    opacity: .8;
}
.sf-video-opener {
    background-image: url("../img/video/lg.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    text-align: center;
    padding: 40px;
    font-size: 30px;
    letter-spacing: 2px;
    position: relative;
    width: 900px;
}
@media (max-width:767px) {
    .sf-video-opener {
    width: 275px;
    font-size: 10px;
    padding: 10px;
}
}@media (min-width:375px) {
    .sf-video-opener {
    width: 350px;
    font-size: 14px;
    padding: 15px;
}
}@media (min-width:768px) {
    .sf-video-opener {
    width: 650px;
    padding: 40px;
    font-size: 24px;
}
}@media (min-width:1024px) {
    .sf-video-opener {
    width: 750px;
    padding: 40px;
    font-size: 30px;
}
}@media (min-width:1200px) {
    .sf-video-opener {
    width: 800px;
    padding: 40px;
    font-size: 30px;
}
}@media (min-width:1600px) {
    .sf-video-opener {
    width: 1050px;
    padding: 40px;
    font-size: 30px;
}
}@media (min-width:1921px) {
    .sf-video-opener {
    width: 1100px;
    padding: 40px;
    font-size: 30px;
}
}.sf-video-opener-luci {
    display: inline-block;
    font-weight: 400;
    line-height: 54px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
}
.sf-video-opener-safe {
    display: inline-block;
    padding: 0 0 0 10px;
    font-weight: 700;
    line-height: 54px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}
@media (max-width:767px) {
    .sf-video-opener-safe {
    padding: 0 0 0 3px;
}
}@media (min-width:375px) {
    .sf-video-opener-safe {
    padding: 0 0 0 5px;
}
}@media (min-width:768px) {
    .sf-video-opener-safe {
    padding: 0 0 0 10px;
}
}@media (min-width:1024px) {
    .sf-video-opener-safe {
    padding: 0 0 0 10px;
}
}@media (min-width:1200px) {
    .sf-video-opener-safe {
    padding: 0 0 0 10px;
}
}@media (min-width:1600px) {
    .sf-video-opener-safe {
    padding: 0 0 0 10px;
}
}@media (min-width:1921px) {
    .sf-video-opener-safe {
    padding: 0 0 0 10px;
}
}.sf-video-opener-safe.-moveCenter {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}
.sf-video-vcontainer {
    width: 900px;
    height: 500px;
    padding: 50px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    background-image: url("../img/video/lg.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
@media (max-width:767px) {
    .sf-video-vcontainer {
    width: 250px;
    height: 150px;
    padding: 5px;
}
}@media (min-width:375px) {
    .sf-video-vcontainer {
    width: 350px;
    height: 200px;
    padding: 10px;
}
}@media (min-width:768px) {
    .sf-video-vcontainer {
    width: 650px;
    height: 400px;
    padding: 50px;
}
}@media (min-width:1024px) {
    .sf-video-vcontainer {
    width: 750px;
    height: 400px;
    padding: 50px;
}
}@media (min-width:1200px) {
    .sf-video-vcontainer {
    width: 800px;
    height: 450px;
    padding: 50px;
}
}@media (min-width:1600px) {
    .sf-video-vcontainer {
    width: 1050px;
    height: 500px;
    padding: 30px 0;
}
}@media (min-width:1921px) {
    .sf-video-vcontainer {
    width: 1100px;
    height: 550px;
    padding: 50px;
}
}.sf-video-vcontainer iframe {
    width: 80%;
    height: 98%;
    display: block;
    margin: 0 auto;
}
.sf-video-vcontainer video {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
}
.sf-video.-visible {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
.sf-newsection-content {
    padding: 50px 0;
    background: #020213;
    color: #fff;
}
@media (min-width:768px) {
    .sf-newsection-content {
    padding: 80px 0;
}
}@media (min-width:1024px) {
    .sf-newsection-content {
    padding: 110px 0;
}
}@media (min-width:1200px) {
    .sf-newsection-content {
    padding: 125px 0;
}
}@media (min-width:1600px) {
    .sf-newsection-content {
    padding: 175px 0;
}
}.sf-newsection-content.-xs {
    padding: 80px 0 50px 0;
}
@media (min-width:768px) {
    .sf-newsection-content.-xs {
    padding: 180px 0 60px 0;
}
}@media (min-width:1024px) {
    .sf-newsection-content.-xs {
    padding: 220px 0 90px 0;
}
}@media (min-width:1200px) {
    .sf-newsection-content.-xs {
    padding: 250px 0 90px 0;
}
}@media (min-width:1600px) {
    .sf-newsection-content.-xs {
    padding: 300px 0 100px 0;
}
}.sf-newsection-content.-sm {
    padding: 80px 0 55px 0;
}
@media (min-width:768px) {
    .sf-newsection-content.-sm {
    padding: 180px 0 160px 0;
}
}@media (min-width:1024px) {
    .sf-newsection-content.-sm {
    padding: 220px 0 150px 0;
}
}@media (min-width:1200px) {
    .sf-newsection-content.-sm {
    padding: 250px 0 170px 0;
}
}@media (min-width:1600px) {
    .sf-newsection-content.-sm {
    padding: 300px 0 200px 0;
}
}.sf-newsection-content.-md {
    padding: 0 0 100px 0;
}
@media (min-width:768px) {
    .sf-newsection-content.-md {
    padding: 0 0 255px 0;
}
}@media (min-width:1024px) {
    .sf-newsection-content.-md {
    padding: 0 0 220px 0;
}
}@media (min-width:1200px) {
    .sf-newsection-content.-md {
    padding: 0 0 220px 0;
}
}@media (min-width:1600px) {
    .sf-newsection-content.-md {
    padding: 0 0 300px 0;
}
}.sf-newsection-content.-lg {
    padding: 50px 0 120px 0;
}
@media (min-width:768px) {
    .sf-newsection-content.-lg {
    padding: 80px 0 220px 0;
}
}@media (min-width:1024px) {
    .sf-newsection-content.-lg {
    padding: 110px 0 290px 0;
}
}@media (min-width:1200px) {
    .sf-newsection-content.-lg {
    padding: 125px 0 250px 0;
}
}@media (min-width:1600px) {
    .sf-newsection-content.-lg {
    padding: 175px 0 500px 0;
}
}.sf-newsection-content.-xl {
    padding: 134px 0 100px 0;
}
@media (min-width:768px) {
    .sf-newsection-content.-xl {
    padding: 180px 0 190px 0;
}
}@media (min-width:1024px) {
    .sf-newsection-content.-xl {
    padding: 220px 0 210px 0;
}
}@media (min-width:1200px) {
    .sf-newsection-content.-xl {
    padding: 180px 0 292px 0;
}
}@media (min-width:1600px) {
    .sf-newsection-content.-xl {
    padding: 300px 0 250px 0;
}
}.sf-newsection-content.-center {
    text-align: center;
}
.sf-newsection.-inverse .sf-newsection-content {
    background: #fff;
    color: #020213;
}
.sf-newsection-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
@media (min-width:768px) {
    .sf-newsection-grid {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
}@media (min-width:768px) {
    .sf-newsection-grid-col {
    width: 50%}
}@media (min-width:768px) {
    .sf-newsection.-lg .sf-newsection-grid-col.-left {
    padding: 0 30px 0 0;
}
}@media (min-width:1024px) {
    .sf-newsection.-lg .sf-newsection-grid-col.-left {
    padding: 0 90px 0 0;
}
}@media (min-width:1200px) {
    .sf-newsection.-lg .sf-newsection-grid-col.-left {
    padding: 0 30px 0 0;
}
}@media (min-width:768px) {
    .sf-newsection-grid-col.-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
}.sf-newsection-title {
    margin: 0 0 60px 0;
}
@media (min-width:1024px) {
    .sf-newsection-title {
    margin: 0 0 80px 0;
}
}@media (min-width:1200px) {
    .sf-newsection-title {
    margin: 0 0 100px 0;
}
}@media (min-width:1600px) {
    .sf-newsection-title {
    margin: 0 0 120px 0;
}
}.sf-newsection-title h2 {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-newsection-title h2 {
    font-size: 40px;
    line-height: 46px;
}
}@media (min-width:1024px) {
    .sf-newsection-title h2 {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-newsection-title h2 {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-newsection-title h2 {
    font-size: 76px;
    line-height: 88px;
}
}.sf-newsection.-lg .sf-newsection-title {
    text-align: center;
}
@media (min-width:768px) {
    .sf-newsection.-lg .sf-newsection-title {
    margin: 0 0 150px 0;
}
}@media (min-width:1024px) {
    .sf-newsection.-lg .sf-newsection-title {
    margin: 0 0 166px 0;
}
}@media (min-width:1200px) {
    .sf-newsection.-lg .sf-newsection-title {
    margin: 0 0 140px 0;
}
}@media (min-width:1600px) {
    .sf-newsection.-lg .sf-newsection-title {
    margin: 0 0 150px 0;
}
}.sf-newsection-brief {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .01em;
    font-weight: 300;
}
@media (min-width:768px) {
    .sf-newsection-brief {
    max-width: 537px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 25px;
}
}@media (min-width:1024px) {
    .sf-newsection-brief {
    max-width: 660px;
    font-size: 20px;
    line-height: 28px;
}
}@media (min-width:1200px) {
    .sf-newsection-brief {
    max-width: 790px;
    font-size: 22px;
    line-height: 31px;
}
}@media (min-width:1600px) {
    .sf-newsection-brief {
    max-width: 800px;
    font-size: 26px;
    line-height: 36px;
}
}.sf-newsection-brief p {
    margin: 0;
}
.sf-newsection-heading {
    margin: 0 0 30px 0;
    font-family: Poppins;
    font-size: 26px;
    font-style: normal;
    font-weight: 800;
    line-height: 60px;
    letter-spacing: .1em;
    text-align: left;
}
@media (min-width:768px) {
    .sf-newsection-heading {
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-newsection-heading {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1600px) {
    .sf-newsection-heading {
    margin: 0 0 40px 0;
    font-size: 46px;
    line-height: 60px;
}
}.sf-newsection-heading span {
    font-weight: 300;
    font-size: 10px;
    line-height: 130%;
    color: #51c8ff;
    border: 1px solid #51c8ff;
    padding: 5px;
    position: absolute;
    bottom: -15px;
    margin: 20px 10px;
}
@media (min-width:375px) {
    .sf-newsection-heading span {
    bottom: -15px;
    font-size: 11px;
    position: absolute;
}
}@media (min-width:768px) {
    .sf-newsection-heading span {
    bottom: -15px;
    position: absolute;
    font-size: 16px;
}
}@media (min-width:1024px) {
    .sf-newsection-heading span {
    bottom: -13px;
    position: absolute;
    font-size: 18px;
}
}@media (min-width:1200px) {
    .sf-newsection-heading span {
    bottom: -13px;
    position: absolute;
    font-size: 20px;
}
}@media (min-width:1600px) {
    .sf-newsection-heading span {
    bottom: -5px;
    position: absolute;
    font-size: 22px;
}
}.sf-newsection-heading.-plat {
    position: relative;
}
.sf-newsection-link {
    margin: 0 0 30px 0;
}
@media (min-width:768px) {
    .sf-newsection-link {
    margin: 0 0 50px 0;
}
}@media (min-width:1600px) {
    .sf-newsection-link {
    margin: 0 0 70px 0;
}
}.sf-newsection-link a {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
    color: #51c8ff;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.sf-newsection-link a:focus, .sf-newsection-link a:hover {
    text-decoration: none;
    opacity: .8;
}
@media (min-width:768px) {
    .sf-newsection-link a {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-newsection-link a {
    font-size: 18px;
    line-height: 36px;
}
}.sf-newsection-description {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
    padding-bottom: 80px;
}
@media (min-width:768px) {
    .sf-newsection-description {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-newsection-description {
    font-size: 18px;
    line-height: 36px;
}
}.sf-newsection-img {
    position: relative;
    width: 200px;
    margin: 0 0 50px 0;
}
@media (min-width:768px) {
    .sf-newsection-img {
    width: 350px;
    margin: 0;
}
}@media (min-width:1024px) {
    .sf-newsection-img {
    width: 390px;
}
}@media (min-width:1200px) {
    .sf-newsection-img {
    width: 420px;
}
}@media (min-width:1600px) {
    .sf-newsection-img {
    width: 440px;
}
}.sf-newsection-img img {
    width: 100%}
.sf-newsection-img svg {
    width: 280px;
    height: 420px;
}
@media (min-width:1600px) {
    .sf-newsection-img svg {
    width: 470px;
    height: 450px;
}
}@media (min-width:375px) {
    .sf-newsection-img svg {
    width: 330px;
    height: 450px;
}
}@media (min-width:768px) {
    .sf-newsection-img svg {
    width: 370px;
    height: 450px;
}
}@media (min-width:1024px) {
    .sf-newsection-img svg {
    width: 400px;
    height: 450px;
}
}@media (min-width:1200px) {
    .sf-newsection-img svg {
    width: 470px;
    height: 450px;
}
}.sf-newsection.-lg .sf-newsection-img {
    width: 236px;
}
@media (min-width:768px) {
    .sf-newsection.-lg .sf-newsection-img {
    width: 297px;
    margin: 0;
}
}@media (min-width:1024px) {
    .sf-newsection.-lg .sf-newsection-img {
    width: 340px;
}
}@media (min-width:1200px) {
    .sf-newsection.-lg .sf-newsection-img {
    width: 360px;
}
}@media (min-width:1600px) {
    .sf-newsection.-lg .sf-newsection-img {
    width: 400px;
}
}.sf-error {
    overflow: hidden;
    background: #020213;
    color: #fff;
}
.sf-error-content {
    position: relative;
    padding: 120px 0 80px 0;
    background-image: url("../img/errorbg.svg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
    text-align: center;
}
@media (min-width:768px) {
    .sf-error-content {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 170px 0 80px 0;
}
}.sf-error.-inverse .sf-error-content {
    background: #020213;
    color: #fff;
}
.sf-error-container {
    margin: 0 auto;
}
.sf-error-withNav {
    height: 170px;
    width: 200px;
    position: relative;
    margin: 0 auto;
    background-image: url("../img/error.svg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
    font-family: Poppins;
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: 161px;
    letter-spacing: .13em;
    text-align: center;
}
@media (min-width:768px) {
    .sf-error-withNav {
    font-size: 160px;
    line-height: 100px;
    height: 500px;
    width: 600px;
    padding-top: 196px;
}
}@media (min-width:1024px) {
    .sf-error-withNav {
    font-size: 163px;
    line-height: 140px;
    height: 500px;
    width: 600px;
    padding-top: 184px;
}
}@media (min-width:1200px) {
    .sf-error-withNav {
    font-size: 140px;
    line-height: 161px;
    height: 500px;
    width: 600px;
    padding-top: 164px;
}
}@media (min-width:1600px) {
    .sf-error-withNav {
    font-size: 145px;
    line-height: 165px;
    height: 500px;
    width: 600px;
    padding-top: 164px;
}
}.sf-error-title {
    padding-top: 20px;
}
.sf-error-title h1 {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: .15em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-error-title h1 {
    font-size: 40px;
    line-height: 80px;
}
}@media (min-width:1024px) {
    .sf-error-title h1 {
    font-size: 44px;
    line-height: 90px;
}
}@media (min-width:1200px) {
    .sf-error-title h1 {
    font-size: 46px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-error-title h1 {
    font-size: 50px;
    line-height: 88px;
}
}.sf-error-description p {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: .01em;
    color: #9aa0b1;
}
@media (min-width:768px) {
    .sf-error-description p {
    font-size: 16px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-error-description p {
    font-size: 18px;
    line-height: 33px;
}
}.sf-error-brief p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .01em;
    font-weight: 300;
}
@media (min-width:768px) {
    .sf-error-brief p {
    max-width: 564px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 30px;
}
}@media (min-width:1024px) {
    .sf-error-brief p {
    margin: 0 auto;
    font-size: 18px;
    line-height: 30px;
}
}@media (min-width:1200px) {
    .sf-error-brief p {
    max-width: 620px;
    font-size: 20px;
    line-height: 33px;
}
}@media (min-width:1600px) {
    .sf-error-brief p {
    max-width: 730px;
    font-size: 20px;
    line-height: 39px;
}
}.sf-error-brief p a {
    font-weight: 600;
}
.sf-error-video {
    position: absolute;
    top: 67px;
    right: 0;
    height: 90%}
@media (min-width:768px) {
    .sf-error-video {
    top: 137px;
    right: 60px;
}
}@media (min-width:1024px) {
    .sf-error-video {
    top: 132px;
    right: 62px;
}
}@media (min-width:1200px) {
    .sf-error-video {
    top: 101px;
    right: 80px;
}
}@media (min-width:1600px) {
    .sf-error-video {
    top: 83px;
    right: 108px;
}
}@supports (mix-blend-mode:screen) {
    .sf-error-video {
    mix-blend-mode: screen;
    opacity: .2;
}
}.sf-error-video-overlay {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: url("../img/note/1.png") no-repeat right center;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%}
@supports (mix-blend-mode:overlay) {
    .sf-error-video-overlay {
    mix-blend-mode: color-dodge;
    background: #2549ca;
}
}.sf-error-video video {
    height: 100%}
.sf-services {
    position: relative;
    overflow: hidden;
    background: #f3f9fd;
}
.sf-services-content {
    padding: 100px 0 80px;
}
@media (min-width:768px) {
    .sf-services-content {
    padding: 130px 0 214px;
}
}@media (min-width:1024px) {
    .sf-services-content {
    padding: 180px 0 189px;
}
}@media (min-width:1200px) {
    .sf-services-content {
    padding: 200px 0 189px;
}
}@media (min-width:1600px) {
    .sf-services-content {
    padding: 250px 0 170px;
}
}.sf-services-content.-inverse {
    background: #f3f9fd;
}
.sf-services-content.-lg {
    padding: 80px 0;
}
@media (min-width:768px) {
    .sf-services-content.-lg {
    padding: 140px 0;
}
}@media (min-width:1024px) {
    .sf-services-content.-lg {
    padding: 160px 0;
}
}@media (min-width:1200px) {
    .sf-services-content.-lg {
    padding: 180px 0;
}
}@media (min-width:1600px) {
    .sf-services-content.-lg {
    padding: 200px 0;
}
}.sf-services-casecontent {
    padding: 100px 0 80px;
}
@media (min-width:768px) {
    .sf-services-casecontent {
    padding: 130px 0 70px;
}
}@media (min-width:1024px) {
    .sf-services-casecontent {
    padding: 180px 0 90px;
}
}@media (min-width:1200px) {
    .sf-services-casecontent {
    padding: 200px 0 90px;
}
}@media (min-width:1600px) {
    .sf-services-casecontent {
    padding: 250px 0 90px;
}
}.sf-services-casecontent.-inverse {
    background: #f3f9fd;
}
.sf-services-casecontent.-lg {
    padding: 80px 0;
}
@media (min-width:768px) {
    .sf-services-casecontent.-lg {
    padding: 140px 0;
}
}@media (min-width:1024px) {
    .sf-services-casecontent.-lg {
    padding: 160px 0;
}
}@media (min-width:1200px) {
    .sf-services-casecontent.-lg {
    padding: 180px 0;
}
}@media (min-width:1600px) {
    .sf-services-casecontent.-lg {
    padding: 200px 0;
}
}.sf-services-container-usecaseImg {
    padding: 50px 0;
}
.sf-services-container-usecaseImg img {
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto;
}
.sf-services-figure {
    position: absolute;
    right: 0;
    display: none;
}
@media (min-width:768px) {
    .sf-services-figure {
    display: block;
    max-width: 191px;
    bottom: -66px;
}
}@media (min-width:1024px) {
    .sf-services-figure {
    max-width: 275px;
    bottom: -95px;
}
}@media (min-width:1200px) {
    .sf-services-figure {
    max-width: 325px;
    bottom: -114px;
}
}@media (min-width:1600px) {
    .sf-services-figure {
    max-width: 502px;
    bottom: -175px;
}
}.sf-services-figure img {
    width: 100%}
.sf-services-title {
    max-width: 250px;
    margin: 0 auto 78px;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-services-title {
    max-width: 480px;
    margin-bottom: 90px;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-services-title {
    max-width: 510px;
    margin-bottom: 107px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-services-title {
    max-width: 600px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-services-title {
    max-width: 680px;
    font-size: 46px;
    line-height: 60px;
}
}@media (min-width:768px) {
    .sf-services-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
}.sf-services-grid-col:last-child {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .sf-services-grid-col {
    width: 50%}
.sf-services-grid-col:nth-last-child(2) {
    margin-bottom: 0;
}
}@media (min-width:768px) {
    .sf-services-grid-col.-right {
    padding: 50px 0 0 64px;
}
}@media (min-width:1024px) {
    .sf-services-grid-col.-right {
    padding-left: 77px;
}
}@media (min-width:1200px) {
    .sf-services-grid-col.-right {
    padding-left: 90px;
}
}@media (min-width:1600px) {
    .sf-services-grid-col.-right {
    padding-top: 57px;
    padding-left: 70px;
}
}@media (min-width:768px) {
    .sf-services-grid-col.-rightleft {
    padding: 182px 0 0 64px;
}
}@media (min-width:1024px) {
    .sf-services-grid-col.-rightleft {
    padding-left: 77px;
}
}@media (min-width:1200px) {
    .sf-services-grid-col.-rightleft {
    padding-left: 90px;
}
}@media (min-width:1600px) {
    .sf-services-grid-col.-rightleft {
    padding-top: 57px;
    padding-left: 70px;
}
}.sf-services-grid-casecol:last-child {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .sf-services-grid-casecol {
    width: 50%}
.sf-services-grid-casecol:nth-last-child(2) {
    margin-bottom: 0;
}
}@media (min-width:768px) {
    .sf-services-grid-casecol.-right {
    padding: 164px 0 0 64px;
}
}@media (min-width:1024px) {
    .sf-services-grid-casecol.-right {
    padding-left: 77px;
}
}@media (min-width:1200px) {
    .sf-services-grid-casecol.-right {
    padding-left: 90px;
}
}@media (min-width:1600px) {
    .sf-services-grid-casecol.-right {
    padding-top: 57px;
    padding-left: 70px;
}
}.sf-services-grid-line {
    display: none;
}
@media (min-width:768px) {
    .sf-services-grid-line {
    display: block;
    width: 122px;
    position: absolute;
    top: 120px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.sf-services-grid-line img {
    max-height: 100%}
}@media (min-width:1024px) {
    .sf-services-grid-line {
    top: 0;
    left: 45%}
}@media (min-width:1200px) {
    .sf-services-grid-line {
    left: 35%;
    top: 0;
}
}.sf-services-item {
    max-width: 400px;
}
.sf-services-item-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}
@media (min-width:768px) {
    .sf-services-item-top {
    display: block;
}
}.sf-services-item-ico {
    width: 32px;
    height: 32px;
    margin-right: 20px;
}
@media (min-width:768px) {
    .sf-services-item-ico {
    width: 45px;
    height: 45px;
    margin: 0 0 30px;
}
}@media (min-width:1024px) {
    .sf-services-item-ico {
    width: 55px;
    height: 55px;
}
}@media (min-width:1200px) {
    .sf-services-item-ico {
    width: 65px;
    height: 65px;
}
}@media (min-width:1600px) {
    .sf-services-item-ico {
    width: 75px;
    height: 75px;
}
}.sf-services-item-ico img {
    max-width: 100%}
.sf-services-item-number {
    color: #244ca2;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: .05em;
}
@media (min-width:768px) {
    .sf-services-item-number {
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-services-item-number {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-services-item-number {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-services-item-number {
    font-size: 76px;
    line-height: 88px;
}
}.sf-services-item-title {
    margin-bottom: 20px;
    color: #020213;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-services-item-title {
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-services-item-title {
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-services-item-title {
    font-size: 26px;
    line-height: 34px;
}
}.sf-services-item-text {
    color: #020213;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-services-item-text {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-services-item-text {
    font-size: 18px;
    line-height: 36px;
}
}.sf-services.-usecase {
    padding: 50px 0 0 0;
}
.sf-services-image img {
    width: 42px;
    position: absolute;
    right: 0;
    width: 28%;
    height: 670px;
    bottom: 0;
}
.sf-services-note {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: .01em;
    text-align: left;
    margin-top: 40px;
}
.sf-services-notecase {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: .01em;
    text-align: left;
    margin-top: 140px;
}
.sf-case {
    position: relative;
    z-index: 1;
}
.sf-case-content {
    padding: 20px 0;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-case-content {
    padding: 78px 0 0;
}
}@media (min-width:1024px) {
    .sf-case-content {
    padding: 88px 0 0;
}
}@media (min-width:1200px) {
    .sf-case-content {
    padding: 98px 0 0;
}
}@media (min-width:1600px) {
    .sf-case-content {
    padding: 108px 0 0;
}
}.sf-case-content.-border {
    margin-bottom: 40px;
    margin-top: 50px;
}
@media (min-width:375px) {
    .sf-case-content.-border {
    padding: 20px;
    padding-bottom: 80px;
}
}@media (min-width:768px) {
    .sf-case-content.-border {
    padding: 50px;
}
}.sf-case-contentlg {
    padding: 20px 0;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-case-contentlg {
    padding: 70px 0 70px;
}
}@media (min-width:1024px) {
    .sf-case-contentlg {
    padding: 80px 0 80px;
}
}@media (min-width:1200px) {
    .sf-case-contentlg {
    padding: 90px 0 90px;
}
}@media (min-width:1600px) {
    .sf-case-contentlg {
    padding: 100px 0 100px;
}
}.sf-case-contentlast {
    overflow: hidden;
}
.sf-case-container.-border {
    border: solid 1px #80d7fe;
    min-height: 1180px;
    max-width: 350px;
}
@media (min-width:768px) {
    .sf-case-container.-border {
    min-height: 930px;
    max-width: 660px;
}
}@media (min-width:1024px) {
    .sf-case-container.-border {
    min-height: 750px;
    max-width: 860px;
}
}@media (min-width:1200px) {
    .sf-case-container.-border {
    min-height: 710px;
    max-width: 1000px;
}
}@media (min-width:1600px) {
    .sf-case-container.-border {
    min-height: 700px;
    max-width: 1400px;
}
}.sf-case-title {
    max-width: 450px;
    margin: 0 0 51px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-case-title {
    max-width: 595px;
    margin: 0 auto 80px;
    font-size: 32px;
    line-height: 42px;
    text-align: center;
}
}@media (min-width:1024px) {
    .sf-case-title {
    max-width: 688px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-case-title {
    max-width: 770px;
    margin-bottom: 100px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-case-title {
    max-width: 900px;
    font-size: 46px;
    line-height: 60px;
}
}.sf-case-title.-left {
    margin: 0 0 50px 0;
    text-align: left;
}
@media (min-width:768px) {
    .sf-case-title.-left {
    margin: 0 0 60px 0;
}
}.sf-case-name {
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-case-name {
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1600px) {
    .sf-case-name {
    font-size: 18px;
    line-height: 25px;
}
}.sf-case-position {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
    color: #9aa0b1;
}
@media (min-width:768px) {
    .sf-case-position {
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-case-position {
    font-size: 18px;
    line-height: 27px;
}
}.sf-case-caption {
    margin: 0 0 50px;
    color: #020213;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-case-caption {
    margin-bottom: 60px;
    font-size: 22px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-case-caption {
    margin-bottom: 80px;
    font-size: 28px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-case-caption {
    margin-bottom: 100px;
    font-size: 28px;
    line-height: 34px;
}
}.sf-case-caption.-challenge {
    margin-bottom: 100px;
}
.sf-case-caption.-captionlong {
    margin-bottom: 80px;
    font-size: 22px;
    line-height: 29px;
    margin-top: 80px;
}
.sf-case-captiontop {
    margin: 0 0 -30px;
    color: #020213;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-case-captiontop {
    font-size: 22px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-case-captiontop {
    font-size: 28px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-case-captiontop {
    font-size: 28px;
    line-height: 34px;
}
}.sf-case-text {
    color: #020213;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-case-text {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-case-text {
    font-size: 18px;
    line-height: 36px;
}
}.sf-case-text p {
    margin: 0 0 20px;
}
.sf-case-text p:last-child {
    margin-bottom: 0;
}
.sf-case-text ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sf-case-text ul li {
    position: relative;
    padding: 0 0 0 30px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .01em;
    color: #03174e;
    margin-bottom: 20px;
}
.sf-case-text ul li:last-child {
    margin: 0;
}
.sf-case-text ul li:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10px;
    height: 10px;
    margin: auto;
    background: #e1ecf3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%}
@media (min-width:768px) {
    .sf-case-text ul li {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-case-text ul li {
    font-size: 18px;
    line-height: 36px;
}
}.sf-case-lasttext {
    color: #020213;
    margin-top: 80px;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-case-lasttext {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-case-lasttext {
    font-size: 18px;
    line-height: 36px;
}
}.sf-case-lasttext p {
    margin: 0 0 20px;
}
.sf-case-lasttext p:last-child {
    margin-bottom: 0;
}
.sf-case-lasttext ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sf-case-lasttext ul li {
    position: relative;
    padding: 0 0 0 30px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
    color: #03174e;
}
.sf-case-lasttext ul li:last-child {
    margin: 0;
}
.sf-case-lasttext ul li:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10px;
    height: 10px;
    margin: auto;
    background: #e1ecf3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%}
@media (min-width:768px) {
    .sf-case-lasttext ul li {
    font-size: 14px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-case-lasttext ul li {
    font-size: 18px;
    line-height: 36px;
}
}.sf-case-grid {
    border-bottom: 1px solid rgba(3, 23, 78, .1);
    padding-bottom: 90px;
}
@media (min-width:768px) {
    .sf-case-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
}
}.sf-case-grid-col {
    margin-bottom: 50px;
}
.sf-case-grid-col:last-child {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .sf-case-grid-col {
    width: 50%;
    margin-bottom: 0;
    padding: 0 20px;
}
}@media (min-width:768px) {
    .sf-case-grid-col.-left {
    padding-right: 50px;
}
}@media (min-width:1024px) {
    .sf-case-grid-col.-left {
    padding-right: 74px;
}
}@media (min-width:1200px) {
    .sf-case-grid-col.-left {
    padding-right: 80px;
}
}@media (min-width:1600px) {
    .sf-case-grid-col.-left {
    padding-right: 70px;
}
}.sf-case-grid-col.-center {
    text-align: center;
}
@media (min-width:768px) {
    .sf-case-grid-col.-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}.sf-case.-sm .sf-case-grid-col {
    margin-bottom: 20px;
}
@media (min-width:768px) {
    .sf-case-gridnoncase {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
}
}.sf-case-gridnoncase-col {
    margin-bottom: 50px;
}
.sf-case-gridnoncase-col:last-child {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .sf-case-gridnoncase-col {
    width: 50%;
    margin-bottom: 0;
    padding: 0 20px;
}
}@media (min-width:768px) {
    .sf-case-gridnoncase-col.-left {
    padding-right: 50px;
}
}@media (min-width:1024px) {
    .sf-case-gridnoncase-col.-left {
    padding-right: 74px;
}
}@media (min-width:1200px) {
    .sf-case-gridnoncase-col.-left {
    padding-right: 80px;
}
}@media (min-width:1600px) {
    .sf-case-gridnoncase-col.-left {
    padding-right: 70px;
}
}.sf-case-gridnoncase-col.-center {
    text-align: center;
}
@media (min-width:768px) {
    .sf-case-gridnoncase-col.-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}.sf-case.-sm .sf-case-gridnoncase-col {
    margin-bottom: 20px;
}
.sf-case-imgbanner {
    height: 300px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
.sf-case-video {
    margin-top: 80px;
    position: relative;
}
@media (min-width:1200px) {
    .sf-case-video {
    margin-top: 100px;
}
}@media (min-width:1600px) {
    .sf-case-video {
    margin-top: 105px;
}
}.sf-case-video-img {
    height: 300px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
.sf-case-video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, .3);
    border: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.sf-case-video-play-ico {
    width: 28px;
    height: 31px;
    margin: -3px 0 0 4px;
    color: #fff;
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -o-transform: rotate(9deg);
    transform: rotate(9deg);
}
@media (min-width:1600px) {
    .sf-case-video-play-ico {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
}.sf-case-video-play-ico svg {
    width: 100%;
    height: 100%}
.sf-case-img {
    margin-top: 50px;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 40px 40px 34px rgba(214, 215, 218, .23);
    -moz-box-shadow: 40px 40px 34px rgba(214, 215, 218, .23);
    box-shadow: 40px 40px 34px rgba(214, 215, 218, .23);
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-case-img {
    margin-top: 80px;
}
}@media (min-width:1024px) {
    .sf-case-img {
    margin-top: 120px;
}
}@media (min-width:1200px) {
    .sf-case-img {
    margin-top: 130px;
}
}@media (min-width:1600px) {
    .sf-case-img {
    margin-top: 150px;
}
}.sf-case-img img {
    display: block;
    width: 100%}
.sf-case-year {
    margin: 0 0 137px 0;
}
@media (min-width:768px) {
    .sf-case-year {
    margin: 0;
}
}.sf-case-year-img {
    position: absolute;
    height: 288px;
    top: -59px;
    right: -63px;
}
@media (min-width:768px) {
    .sf-case-year-img {
    height: 350px;
    top: -79px;
    right: -106px;
}
}@media (min-width:1024px) {
    .sf-case-year-img {
    height: 440px;
    top: -105px;
    right: -131px;
}
}@media (min-width:1200px) {
    .sf-case-year-img {
    height: 449px;
    top: -100px;
    right: -137px;
}
}@media (min-width:1600px) {
    .sf-case-year-img {
    height: 500px;
    top: -127px;
    right: -157px;
}
}.sf-case-year-img img {
    height: 100%}
.sf-case-year-text {
    display: inline-block;
    position: relative;
    font-size: 100px;
    line-height: 130px;
    letter-spacing: -.03em;
    font-weight: 600;
    text-transform: uppercase;
    color: #244ca2;
}
@media (min-width:768px) {
    .sf-case-year-text {
    font-size: 132px;
    line-height: 172px;
}
}@media (min-width:1024px) {
    .sf-case-year-text {
    font-size: 166px;
    line-height: 217px;
}
}@media (min-width:1200px) {
    .sf-case-year-text {
    font-size: 190px;
    line-height: 247px;
}
}@media (min-width:1600px) {
    .sf-case-year-text {
    font-size: 200px;
    line-height: 260px;
}
}.sf-case-year-text span {
    position: absolute;
    top: -20px;
    left: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-case-year-text span {
    top: -10px;
    font-size: 16px;
    line-height: 21px;
}
}@media (min-width:1024px) {
    .sf-case-year-text span {
    top: 0;
    font-size: 22px;
    line-height: 28px;
}
}@media (min-width:1200px) {
    .sf-case-year-text span {
    font-size: 26px;
    line-height: 34px;
}
}.sf-case.-indent-xs .sf-case-content {
    padding: 0;
}
.sf-case.-sm .sf-case-content {
    padding: 60px 0 80px 0;
}
@media (min-width:768px) {
    .sf-case.-sm .sf-case-content {
    padding: 120px 0;
}
}@media (min-width:1024px) {
    .sf-case.-sm .sf-case-content {
    padding: 80px 0;
}
}@media (min-width:1200px) {
    .sf-case.-sm .sf-case-content {
    padding: 100px 0;
}
}@media (min-width:1600px) {
    .sf-case.-sm .sf-case-content {
    padding: 140px 0;
}
}.sf-case.-lg .sf-case-content {
    padding: 120px 0 109px;
}
@media (min-width:768px) {
    .sf-case.-lg .sf-case-content {
    padding: 180px 0 160px;
}
}@media (min-width:1024px) {
    .sf-case.-lg .sf-case-content {
    padding: 220px 0 160px;
}
}@media (min-width:1200px) {
    .sf-case.-lg .sf-case-content {
    padding: 250px 0 180px;
}
}@media (min-width:1600px) {
    .sf-case.-lg .sf-case-content {
    padding: 302px 0 200px;
}
}.sf-case.-xl .sf-case-content {
    padding: 100px 0;
}
@media (min-width:768px) {
    .sf-case.-xl .sf-case-content {
    padding: 140px 0;
}
}@media (min-width:1024px) {
    .sf-case.-xl .sf-case-content {
    padding: 160px 0;
}
}@media (min-width:1200px) {
    .sf-case.-xl .sf-case-content {
    padding: 180px 0;
}
}@media (min-width:1600px) {
    .sf-case.-xl .sf-case-content {
    padding: 200px 0;
}
}.sf-case.-xs .sf-case-content {
    padding: 0 0 109px;
}
@media (min-width:768px) {
    .sf-case.-xs .sf-case-content {
    padding: 0 0 160px;
}
}@media (min-width:1024px) {
    .sf-case.-xs .sf-case-content {
    padding: 0 0 160px;
}
}@media (min-width:1200px) {
    .sf-case.-xs .sf-case-content {
    padding: 0 0 180px;
}
}@media (min-width:1600px) {
    .sf-case.-xs .sf-case-content {
    padding: 0 0 200px;
}
}.sf-case.-md .sf-case-content {
    padding: 0 0 50px;
}
@media (min-width:768px) {
    .sf-case.-md .sf-case-content {
    padding: 0 0 60px;
}
}@media (min-width:1600px) {
    .sf-case.-md .sf-case-content {
    padding: 0 0 70px;
}
}.sf-case.-usecase {
    background: #f3f9fd;
}
.sf-case-item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 38px 10px 28px 20px;
    min-height: 86px;
    width: 167px;
    position: relative;
    color: #03174e;
    border: 1px solid #9aa0b1;
    -webkit-transition: color .3s, border .3s;
    -o-transition: color .3s, border .3s;
    -moz-transition: color .3s, border .3s;
    transition: color .3s, border .3s;
}
@media (min-width:768px) {
    .sf-case-item {
    padding: 54px 20px 44px;
    min-height: 220px;
    width: 233px;
}
}@media (min-width:1024px) {
    .sf-case-item {
    width: 400px;
    height: 350px;
}
}@media (min-width:1200px) {
    .sf-case-item {
    width: 490px;
    height: 350px;
}
}.sf-case-item-number {
    position: absolute;
    left: 0;
    top: -16px;
    padding: 0 10px 0 44px;
    background: #fff;
    color: #80d7fe;
    font-size: 40px;
    line-height: 32px;
    letter-spacing: .05em;
    text-align: center;
}
@media (min-width:768px) {
    .sf-case-item-number {
    top: -21px;
    padding: 0 35px;
    font-size: 80px;
    line-height: 53px;
}
}@media (min-width:1024px) {
    .sf-case-item-number {
    top: -21px;
    padding: 0 35px;
    font-size: 100px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-case-item-number {
    top: -21px;
    padding: 0 35px;
    font-size: 100px;
    line-height: 53px;
}
}.sf-case-item-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
}
@media (min-width:768px) {
    .sf-case-item-title {
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1024px) {
    .sf-case-item-title {
    font-size: 22px;
    line-height: 28px;
    padding: 50px;
}
}@media (min-width:1200px) {
    .sf-case-item-title {
    font-size: 26px;
    line-height: 32px;
    padding: 50px;
}
}@media (min-width:1600px) {
    .sf-case-item-title {
    font-size: 26px;
    line-height: 32px;
}
}.sf-case-titlegridcase {
    margin: 0 0 50px;
    color: #020213;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-case-titlegridcase {
    margin-bottom: 60px;
    font-size: 22px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-case-titlegridcase {
    margin-bottom: 80px;
    font-size: 28px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-case-titlegridcase {
    margin-bottom: 100px;
    font-size: 28px;
    line-height: 34px;
}
}.sf-case-titlegridcase.-grid {
    width: 100%;
    height: 60px;
}
.sf-security-header {
    background: #020213;
    color: #fff;
}
.sf-security-header-content {
    padding: 120px 0 50px;
}
@media (min-width:768px) {
    .sf-security-header-content {
    padding: 200px 0 80px;
}
}@media (min-width:1200px) {
    .sf-security-header-content {
    padding-bottom: 160px;
}
}@media (min-width:1600px) {
    .sf-security-header-content {
    padding: 245px 0 150px;
}
}.sf-security-header-heading {
    position: relative;
    text-align: left;
}
.sf-security-header-figure {
    position: absolute;
    top: 73px;
    left: 70%;
    right: 0;
    width: auto;
    height: 154px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99;
}
@media (min-width:768px) {
    .sf-security-header-figure {
    height: 227px;
    top: 141px;
}
}@media (min-width:1024px) {
    .sf-security-header-figure {
    height: 190px;
    top: 150px;
}
}@media (min-width:1200px) {
    .sf-security-header-figure {
    height: 322px;
    top: 156px;
}
}@media (min-width:1600px) {
    .sf-security-header-figure {
    height: 400px;
    top: 190px;
}
}.sf-security-header-figure img {
    height: 100%}
.sf-security-header-figurebg {
    position: absolute;
    top: 50px;
    left: 50%;
    right: 0;
    height: 155px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: .4;
    z-index: 9;
}
@media (min-width:768px) {
    .sf-security-header-figurebg {
    height: 361px;
    top: 20px;
}
}@media (min-width:1024px) {
    .sf-security-header-figurebg {
    height: 520px;
    top: -77px;
}
}@media (min-width:1200px) {
    .sf-security-header-figurebg {
    top: 40px;
}
}@media (min-width:1600px) {
    .sf-security-header-figurebg {
    height: 600px;
    top: 100px;
}
}.sf-security-header-figurebg img {
    height: 100%}
.sf-security-header-title {
    margin: 0 0 10px;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-security-header-title {
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-security-header-title {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-security-header-title {
    font-size: 56px;
    line-height: 65px;
    margin-top: 90px;
}
}@media (min-width:1600px) {
    .sf-security-header-title {
    margin-bottom: 40px;
    font-size: 76px;
    line-height: 88px;
}
}.sf-security-header-description {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-security-header-description {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-security-header-description {
    font-size: 18px;
    line-height: 36px;
}
}.sf-security-header-description p {
    margin: 0;
}
.sf-security-header.-xs .sf-security-header-content {
    padding-bottom: 0;
}
.sf-security-header.-sm .sf-security-header-content {
    padding-bottom: 50px;
}
@media (min-width:768px) {
    .sf-security-header.-sm .sf-security-header-content {
    padding-bottom: 80px;
}
}@media (min-width:1200px) {
    .sf-security-header.-sm .sf-security-header-content {
    padding-bottom: 150px;
}
}@media (min-width:1600px) {
    .sf-security-header.-sm .sf-security-header-content {
    padding-bottom: 170px;
}
}.sf-security-header-caption {
    margin: 0 0 50px;
    color: #020213;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-security-header-caption {
    margin-bottom: 60px;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-security-header-caption {
    margin-bottom: 80px;
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-security-header-caption {
    margin-bottom: 100px;
    font-size: 26px;
    line-height: 34px;
}
}.sf-security-header-text {
    color: #020213;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-security-header-text {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-security-header-text {
    font-size: 18px;
    line-height: 36px;
}
}.sf-security-start {
    position: relative;
    z-index: 1;
    padding-top: 100px;
}
.sf-security-start-content {
    padding: 120px 0;
    overflow: hidden;
}
@media (min-width:768px) {
    .sf-security-start-content {
    padding: 120px 0 140px;
}
}@media (min-width:1024px) {
    .sf-security-start-content {
    padding: 140px 0 160px;
}
}@media (min-width:1200px) {
    .sf-security-start-content {
    padding: 140px 0 180px;
}
}@media (min-width:1600px) {
    .sf-security-start-content {
    padding: 160px 0 200px;
}
}.sf-security-start.-inverse {
    background: #f3f9fd;
}
.sf-security-start-title {
    max-width: 450px;
    margin: 0 0 51px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-security-start-title {
    max-width: 595px;
    margin: 0 auto 80px;
    font-size: 32px;
    line-height: 42px;
    text-align: center;
}
}@media (min-width:1024px) {
    .sf-security-start-title {
    max-width: 688px;
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-security-start-title {
    max-width: 770px;
    margin-bottom: 100px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-security-start-title {
    max-width: 900px;
    font-size: 46px;
    line-height: 60px;
}
}.sf-security-start-title.-left {
    margin: 0 0 50px 0;
    text-align: left;
}
@media (min-width:768px) {
    .sf-security-start-title.-left {
    margin: 0 0 60px 0;
}
}.sf-security-start-name {
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
    font-weight: 600;
}
@media (min-width:768px) {
    .sf-security-start-name {
    font-size: 16px;
    line-height: 22px;
}
}@media (min-width:1600px) {
    .sf-security-start-name {
    font-size: 18px;
    line-height: 25px;
}
}.sf-security-start-position {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .01em;
    color: #9aa0b1;
}
@media (min-width:768px) {
    .sf-security-start-position {
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-security-start-position {
    font-size: 18px;
    line-height: 27px;
}
}.sf-security-start-caption {
    margin: 0 0 50px;
    color: #020213;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-security-start-caption {
    margin-bottom: 60px;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-security-start-caption {
    margin-bottom: 80px;
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-security-start-caption {
    margin-bottom: 100px;
    font-size: 26px;
    line-height: 34px;
}
}.sf-security-start-caption.-grid {
    width: 50%}
.sf-security-start-text {
    color: #020213;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-security-start-text {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-security-start-text {
    font-size: 18px;
    line-height: 36px;
}
}.sf-security-start-text p {
    margin: 0 0 20px;
}
.sf-security-start-text p:last-child {
    margin-bottom: 0;
}
.sf-security-start-imgbanner {
    height: 300px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
    margin-bottom: 80px;
}
@media (min-width:768px) {
    .sf-security-start-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
    margin-bottom: 125px;
}
}.sf-security-start-grid-col {
    margin-bottom: 50px;
}
.sf-security-start-grid-col:last-child {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .sf-security-start-grid-col {
    width: 50%;
    margin-bottom: 0;
    padding: 0 20px;
}
}@media (min-width:768px) {
    .sf-security-start-grid-col.-left {
    padding-right: 50px;
}
}@media (min-width:1024px) {
    .sf-security-start-grid-col.-left {
    padding-right: 74px;
}
}@media (min-width:1200px) {
    .sf-security-start-grid-col.-left {
    padding-right: 80px;
}
}@media (min-width:1600px) {
    .sf-security-start-grid-col.-left {
    padding-right: 70px;
}
}.sf-security-start-grid-col.-center {
    text-align: center;
}
@media (min-width:768px) {
    .sf-security-start-grid-col.-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}.sf-security-start.-sm .sf-security-start-grid-col {
    margin-bottom: 20px;
}
.sf-security-start-image {
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
.sf-security-start-titlegrid {
    margin: 0 0 50px;
    color: #020213;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-security-start-titlegrid {
    margin-bottom: 60px;
    font-size: 20px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-security-start-titlegrid {
    margin-bottom: 80px;
    font-size: 22px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-security-start-titlegrid {
    margin-bottom: 100px;
    font-size: 26px;
    line-height: 34px;
}
}.sf-security-start-titlegrid.-grid {
    width: 100%;
    height: 60px;
}
.sf-security-start-titlegridcase {
    margin: 0 0 50px;
    color: #020213;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-security-start-titlegridcase {
    margin-bottom: 60px;
    font-size: 22px;
    line-height: 26px;
}
}@media (min-width:1200px) {
    .sf-security-start-titlegridcase {
    margin-bottom: 80px;
    font-size: 28px;
    line-height: 29px;
}
}@media (min-width:1600px) {
    .sf-security-start-titlegridcase {
    margin-bottom: 100px;
    font-size: 28px;
    line-height: 34px;
}
}.sf-security-start-titlegridcase.-grid {
    width: 100%;
    height: 60px;
}
.sf-security-start-row {
    margin: 0 0 50px 0;
}
.sf-security-start-row:last-child {
    margin: 0;
}
@media (min-width:768px) {
    .sf-security-start-row {
    margin: 0 0 60px 0;
}
}@media (min-width:1200px) {
    .sf-security-start-row {
    margin: 0 0 70px 0;
}
}.sf-security-start-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.sf-security-start-list-item {
    width: 50%;
    padding: 20px;
    margin: 40px 0;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width:768px) {
    .sf-security-start-list-item {
    width: 33.333%}
}.sf-security-start-list-item img {
    width: 70%}
.sf-security-start.-sm .sf-security-start-list-item {
    height: 30px;
    margin: 0 0 90px 0;
}
@media (min-width:768px) {
    .sf-security-start.-sm .sf-security-start-list-item {
    height: 50px;
    margin: 0 0 140px 0;
}
}@media (min-width:1024px) {
    .sf-security-start.-sm .sf-security-start-list-item {
    height: 60px;
    margin: 0 0 90px 0;
}
}@media (min-width:1200px) {
    .sf-security-start.-sm .sf-security-start-list-item {
    margin: 0 0 130px 0;
    height: 115px;
}
}.sf-security-start.-sm .sf-security-start-list-item img {
    width: auto;
    max-height: 100%}
.sf-security-start-list-text {
    display: block;
    line-height: 21px;
    letter-spacing: .01em;
    text-align: center;
    padding-top: 5px;
    margin-right: 7px;
    color: #9aa0b1;
}
@media (min-width:375px) {
    .sf-security-start-list-text {
    font-size: 10px;
    line-height: 24px;
    padding-top: 15px;
    margin-right: 34px;
}
}@media (min-width:768px) {
    .sf-security-start-list-text {
    font-size: 12px;
    line-height: 18px;
    padding-top: 2px;
    margin-right: 5px;
}
}@media (min-width:1024px) {
    .sf-security-start-list-text {
    font-size: 14px;
    line-height: 20px;
    padding-top: 15px;
}
}@media (min-width:1200px) {
    .sf-security-start-list-text {
    font-size: 16px;
    line-height: 22px;
    padding-top: 25px;
}
}@media (min-width:1600px) {
    .sf-security-start-list-text {
    font-size: 18px;
    line-height: 24px;
    padding-top: 25px;
    margin-right: 26px;
}
}.sf-security-start-list-text.-inverse {
    margin: 10px 0 0 0;
    color: #51c8ff;
}
.sf-security-start-list-text:hover {
    color: #03174e;
}
.sf-security-start-newlist {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.sf-security-start-newlist-item {
    width: 50%;
    padding: 20px;
    margin: 40px 0;
    text-align: center;
}
@media (min-width:768px) {
    .sf-security-start-newlist-item {
    width: 25%}
}.sf-security-start-newlist-item img {
    width: 100%}
.sf-security-start-newlist-text {
    display: block;
    line-height: 21px;
    letter-spacing: .01em;
    text-align: center;
    padding-top: 5px;
    margin-right: 7px;
    color: #9aa0b1;
}
@media (min-width:375px) {
    .sf-security-start-newlist-text {
    font-size: 10px;
    line-height: 24px;
    padding-top: 15px;
    margin-right: 34px;
}
}@media (min-width:768px) {
    .sf-security-start-newlist-text {
    font-size: 12px;
    line-height: 18px;
    padding-top: 2px;
    margin-right: 5px;
}
}@media (min-width:1024px) {
    .sf-security-start-newlist-text {
    font-size: 14px;
    line-height: 20px;
    padding-top: 15px;
}
}@media (min-width:1200px) {
    .sf-security-start-newlist-text {
    font-size: 16px;
    line-height: 22px;
    padding-top: 25px;
}
}@media (min-width:1600px) {
    .sf-security-start-newlist-text {
    font-size: 18px;
    line-height: 24px;
    padding-top: 25px;
    margin-right: 26px;
}
}.sf-security-start-newlist-text.-inverse {
    margin: 10px 0 0 0;
    color: #51c8ff;
}
.sf-security-start-newlist-text:hover {
    color: #03174e;
}
.sf-security-start-texttitle {
    display: block;
    line-height: 21px;
    letter-spacing: .01em;
    text-align: center;
    padding-top: 5px;
    margin-right: 7px;
    color: #9aa0b1;
}
@media (min-width:375px) {
    .sf-security-start-texttitle {
    font-size: 10px;
    line-height: 24px;
    padding-top: 15px;
    margin-right: 34px;
}
}@media (min-width:768px) {
    .sf-security-start-texttitle {
    font-size: 12px;
    line-height: 18px;
    padding-top: 2px;
    margin-right: 5px;
}
}@media (min-width:1024px) {
    .sf-security-start-texttitle {
    font-size: 14px;
    line-height: 20px;
    padding-top: 15px;
}
}@media (min-width:1200px) {
    .sf-security-start-texttitle {
    font-size: 16px;
    line-height: 22px;
    padding-top: 25px;
}
}@media (min-width:1600px) {
    .sf-security-start-texttitle {
    font-size: 18px;
    line-height: 24px;
    padding-top: 25px;
    margin-right: 26px;
}
}.sf-security-start-midtitle {
    margin: 0 0 15px 0;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -.03em;
    font-weight: 600;
    text-align: center;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-security-start-midtitle {
    margin: 0 0 20px 0;
    font-size: 24px;
    line-height: 42px;
    margin-left: 20px;
    margin-right: 20px;
}
}@media (min-width:1024px) {
    .sf-security-start-midtitle {
    margin: 0 0 30px 0;
    font-size: 36px;
    line-height: 47px;
    margin-left: 60px;
    margin-right: 60px;
}
}@media (min-width:1200px) {
    .sf-security-start-midtitle {
    font-size: 40px;
    line-height: 52px;
    margin-left: 60px;
    margin-right: 60px;
}
}@media (min-width:1600px) {
    .sf-security-start-midtitle {
    font-size: 46px;
    line-height: 60px;
    margin-left: 60px;
    margin-right: 60px;
}
}.sf-security-start-middescription {
    margin: 0 0 15px 0;
    font-size: 11px;
    line-height: 18px;
    letter-spacing: -.03em;
    font-weight: 400;
    text-align: center;
    color: #03174e;
}
@media (min-width:768px) {
    .sf-security-start-middescription {
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 20px;
    margin-left: 60px;
    margin-right: 60px;
}
}@media (min-width:1024px) {
    .sf-security-start-middescription {
    margin: 0 0 30px 0;
    font-size: 16px;
    line-height: 22px;
    margin-left: 120px;
    margin-right: 120px;
}
}@media (min-width:1200px) {
    .sf-security-start-middescription {
    font-size: 18px;
    line-height: 26px;
    margin-left: 120px;
    margin-right: 120px;
}
}@media (min-width:1600px) {
    .sf-security-start-middescription {
    font-size: 20px;
    line-height: 30px;
    margin-left: 120px;
    margin-right: 120px;
}
}.security-start-list-texttitle {
    margin-top: 20px;
}
.sf-usecase {
    background: #020213;
    color: #fff;
}
.sf-usecase-content {
    padding: 120px 0 50px;
}
@media (min-width:768px) {
    .sf-usecase-content {
    padding: 200px 0 220px;
}
}@media (min-width:1200px) {
    .sf-usecase-content {
    padding: 260px 0 200px;
}
}@media (min-width:1600px) {
    .sf-usecase-content {
    padding: 245px 0 250px;
}
}.sf-usecase-heading {
    position: relative;
    text-align: center;
}
.sf-usecase-figure {
    position: absolute;
    top: 115px;
    left: 50%;
    right: 0;
    height: 155px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (min-width:768px) {
    .sf-usecase-figure {
    height: 361px;
    top: 141px;
}
}@media (min-width:1024px) {
    .sf-usecase-figure {
    height: 520px;
    top: 75px;
}
}@media (min-width:1200px) {
    .sf-usecase-figure {
    top: 95px;
}
}@media (min-width:1600px) {
    .sf-usecase-figure {
    height: 600px;
    top: 118px;
}
}.sf-usecase-figure img {
    height: 100%}
.sf-usecase-title {
    margin: 0 0 10px;
    font-weight: 600;
    font-size: 28px;
    line-height: 115%;
    letter-spacing: .14em;
}
@media (min-width:768px) {
    .sf-usecase-title {
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-usecase-title {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-usecase-title {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-usecase-title {
    margin-bottom: 40px;
    font-size: 76px;
    line-height: 88px;
}
}.sf-usecase-description {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-usecase-description {
    font-size: 16px;
    line-height: 32px;
}
}@media (min-width:1600px) {
    .sf-usecase-description {
    font-size: 18px;
    line-height: 36px;
}
}.sf-usecase-description p {
    margin: 0;
}
.sf-usecase-description.-whitepaper {
    font-size: 56px;
    line-height: 65px;
}
.sf-usecase-description.-usecase {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 40px;
}
.sf-usecase-caption {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sf-usecase-caption-title {
    margin: 0;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-usecase-caption-title {
    font-size: 36px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-usecase-caption-title {
    font-size: 46px;
    line-height: 53px;
}
}@media (min-width:1200px) {
    .sf-usecase-caption-title {
    font-size: 56px;
    line-height: 65px;
}
}@media (min-width:1600px) {
    .sf-usecase-caption-title {
    font-size: 76px;
    line-height: 88px;
}
}.sf-usecase-caption-link {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 30px;
    color: #51c8ff;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .135em;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #51c8ff), to(#51c8ff));
    background-image: -webkit-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: -moz-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: -o-linear-gradient(bottom, #51c8ff 0, #51c8ff 100%);
    background-image: linear-gradient(0deg, #51c8ff 0, #51c8ff 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px;
    background-position: 0 100%;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.sf-usecase-caption-link:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
@media (min-width:1024px) {
    .sf-usecase-caption-link {
    font-size: 16px;
    line-height: 24px;
}
}@media (min-width:1600px) {
    .sf-usecase-caption-link {
    font-size: 18px;
    line-height: 27px;
}
}.sf-usecase-selection {
    margin: 50px auto 0 auto;
}
@media (min-width:768px) {
    .sf-usecase-selection {
    width: 640px;
}
}@media (min-width:1024px) {
    .sf-usecase-selection {
    width: 580px;
}
}@media (min-width:1200px) {
    .sf-usecase-selection {
    margin: 76px auto 0 auto;
}
}@media (min-width:1600px) {
    .sf-usecase-selection {
    width: 640px;
    margin: 116px auto 0 auto;
}
}@media (min-width:768px) {
    .sf-usecase-selection-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
}
}.sf-usecase-selection-item {
    margin: 0 0 20px 0;
}
@media (min-width:768px) {
    .sf-usecase-selection-item {
    width: 50%;
    padding: 0 10px;
    marging: 0;
}
}.sf-usecase-text {
    margin-top: 42px;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -.03em;
}
@media (min-width:768px) {
    .sf-usecase-text {
    margin-top: 50px;
    font-size: 32px;
    line-height: 42px;
}
}@media (min-width:1024px) {
    .sf-usecase-text {
    font-size: 36px;
    line-height: 47px;
}
}@media (min-width:1200px) {
    .sf-usecase-text {
    margin-top: 60px;
    font-size: 40px;
    line-height: 52px;
}
}@media (min-width:1600px) {
    .sf-usecase-text {
    margin-top: 80px;
    font-size: 46px;
    line-height: 60px;
}
}.sf-usecase-text br {
    display: none;
}
@media (min-width:768px) {
    .sf-usecase-text br {
    display: block;
}
}.sf-usecase-text.-lg {
    margin: 100px 0 0 0;
}
@media (min-width:768px) {
    .sf-usecase-text.-lg {
    margin: 240px 0 0 0;
}
}@media (min-width:1024px) {
    .sf-usecase-text.-lg {
    margin: 230px 0 0 0;
}
}@media (min-width:1200px) {
    .sf-usecase-text.-lg {
    margin: 255px 0 0 0;
}
}@media (min-width:1600px) {
    .sf-usecase-text.-lg {
    margin: 300px 0 0 0;
}
}.sf-usecase-note {
    position: relative;
    background: #fff;
    color: #020213;
    overflow: hidden;
}
.sf-usecase-note-content {
    padding: 97px 0 87px;
}
@media (min-width:768px) {
    .sf-usecase-note-content {
    padding: 117px 0 131px;
}
}@media (min-width:1024px) {
    .sf-usecase-note-content {
    padding: 174px 0;
}
}@media (min-width:1200px) {
    .sf-usecase-note-content {
    padding: 208px 0;
}
}@media (min-width:1600px) {
    .sf-usecase-note-content {
    padding: 210px 0;
}
}.sf-usecase-note-text {
    max-width: 500px;
    margin: 0 auto;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    letter-spacing: .01em;
}
@media (min-width:768px) {
    .sf-usecase-note-text {
    max-width: 688px;
    font-size: 16px;
    line-height: 28px;
}
}@media (min-width:1200px) {
    .sf-usecase-note-text {
    max-width: 725px;
    font-size: 18px;
    line-height: 31px;
}
}@media (min-width:1600px) {
    .sf-usecase-note-text {
    font-size: 20px;
    line-height: 36px;
}
}

.sf-usecase-note-imgbanner {
    height: 300px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}

.sf-hero{
}
.sf-hero-info-title,
.sf-hero-info-subtitle{
  font-weight: 600
}
.dark-bg {
    background: #01010D;
}
.sf-hero-container{
  margin-top: 200px;
  margin-bottom: 500px;
}
.sf-promo-text b {
  font-weight: 600;
  font-size: 105%
}
.featured-item .desc, .featured-item .title h4 {
    /* color: #02123c; */
}
.m-bot-20 {
    margin-bottom: 20px;
}
.pale-bg{
  background-color: #F2F2F2
}
.p-bot-150{
  padding-bottom: 150px
}
.p-top-150{
  padding-top: 150px
}
.fix-btn-donar{
  transform: translateY(40px) scale(1.5);
  opacity: 0;
  margin: auto !important;
  width: 180px
}
.sf-work-list.itemmil{
  text-align: center
}
.sf-work-content{
  padding-bottom: 190px
}
.fix-btn-donar.show{
  opacity: 1
}
#helptodaynowflor{
  background: #f8f6f8;
}
.hidevideo{
  position: absolute;
  transform: scale(0);
  opacity: 0
}
.scroll-btn-animate{
  position: fixed;
}
.parallax-10{
  background-image: url('/assets/img/htn/unete.jpg') !important;
}
.playme{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    transform: translate(-50%,-50%);
    color: #616062;
    background: #fff;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 50%;
}
.playme i{ 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-35%,-50%);
}
.post-img.title-img.center{
    position: relative;
}
@media screen and (min-width: 992px){
    .laptopackground {
        background: url(/assets/img/aporte/video-background.jpg) no-repeat 16% 69%;
        background-size: 880px 453px;
        padding: 100px 0;
    }
  }
  @media screen and (min-width: 1200px){
      .laptopackground {
          background: url(/assets/img/aporte/video-background.jpg) no-repeat 55.5% 69%;
          background-size: 880px 453px;
          padding: 100px 0;
      }
    }
  @media screen and (min-width: 1800px){
    .laptopackground {
        background: url(/assets/img/aporte/video-background.jpg) no-repeat 54.5% 67%;
        background-size: 877px 453px;
        padding: 100px 0;
    }
  }
@media (min-width: 1800px){
    .sf-hero-mask-text {
      font-size: 250px;
      min-width: 200vw;
      text-align: center;
      line-height: 1em;
    }
  }
  @media (max-width: 1500px){
    .sf-hero-mask-text {
      font-size: 200px;
      min-width: 200vw;
      text-align: center;
      line-height: 1em;
    }
  }
  @media (max-width: 1366px){
    .sf-hero-mask-text {
      font-size: 170px;
      min-width: 200vw;
      text-align: center;
    }
  }
  @media (max-width: 1024px){
    .sf-hero-mask-text {
      font-size: 130px;
      min-width: 200vw;
      text-align: center;
    }
  }
@media (max-width:992px){
    .sf-hero-container{
        margin-bottom: 40px !important;
        margin-top: 40px !important;
    }
    .sf-work-heading {
        background: #020213;
        padding-bottom: 90px
    }
    .sf-work-body {
        /* display: none; */
    }
    .fix-btn-donar {
        opacity: 1;
        display: block !important;
        transform: unset;
        margin-bottom: 30px
    }
    .sf-promo-container .row{
        display: grid
    }
    .sf-promo-content{
        padding-bottom: 80px;
        padding-top: 120px
    }
    .sf-hero-info-title {
        max-width: 340px;
        margin: 0 auto 50px;
        color: #fff;
        font-weight: 600;
        font-size: 28px;
        line-height: 39px;
        letter-spacing: -.03em;
    }
    .itemilp {
        color: #fff;
        font-size: 16px;
        transform: translateY(0%);
        display: block;
        opacity: 1;
    }
    .sf-work-content {
        padding-bottom: 40px;
    }
    .sf-work-heading{
        padding-bottom: 40px
    }
}
@media (max-width:640px){
    .sf-hero-info-points-item{
        margin-left: 5%;
    }
    .sf-hero-info-points-item:nth-child(2n) {
        margin-left: 15%;
    }
    .laptopackground {
        background: url(/assets/img/aporte/video-background.jpg) no-repeat 60% 57.3%;
        background-size: 358px 187px;
        padding: 70px 0;
        margin-bottom: 0 !important;
    }
    .sf-promo-container{
        padding: 0 25px
    }
    canvas#c {
        /* transform: scale(1.3); */
        margin-bottom: 30px
    }
}

@media (max-width:375px){
    .sf-promo-container{
        padding: 0 16px
    }
}