.select2-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}
.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}
.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container .select2-search--inline {
    float: left;
}
.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}
.select2-results {
    display: block;
}
.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}
.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
    cursor: pointer;
}
.select2-container--open .select2-dropdown {
    left: 0;
}
.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
}
.select2-search--dropdown {
    display: block;
    padding: 4px;
}
.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
    display: none;
}
.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
}
.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}
.select2-container--default .select2-results__option[role="group"] {
    padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
    color: #999;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff;
}
.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}
.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
    background-image: -moz-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
}
.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
    background-image: -moz-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eee));
    background-image: -moz-linear-gradient(top, #fff 0, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(white));
    background-image: -moz-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
}
.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
    border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}
.select2-container--classic .select2-results__option[role="group"] {
    padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled="true"] {
    color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff;
}
.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}
@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
        format("woff");
    font-weight: 400;
    font-style: normal;
}
:root {
    --swiper-theme-color: #007aff;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
    -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;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -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;
}
.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: height, -o-transform;
    -moz-transition-property: transform, height, -moz-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform, -moz-transform, -o-transform;
}
.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
} /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
figcaption,
figure,
main {
    display: block;
}
figure {
    margin: 1em 40px;
}
hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: inherit;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
dfn {
    font-style: italic;
}
mark {
    background-color: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
audio,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
img {
    border-style: none;
}
svg:not(:root) {
    overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    display: inline-block;
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details,
menu {
    display: block;
}
summary {
    display: list-item;
}
canvas {
    display: inline-block;
}
template {
    display: none;
}
[hidden] {
    display: none;
}
html {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #fff;
    color: #02123c;
    font-family: Shabnam, Tahoma, Arial;
    font-size: 14px;
    letter-spacing: normal;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* Desktop */
@media (min-width:960px) {

    .desktop body {
        overflow: hidden !important;
    } 

}
/* */
body.-overflow-hidden {
    overflow: hidden;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:focus {
    outline: 0 !important;
}
a {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}
a:focus,
a:hover {
    text-decoration: none;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    padding: 0;
}
figure {
    margin: 0;
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}
a,
button,
input,
label,
select,
textarea {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    abbr[title]::after {
        content: " (" attr(title) ")";
    }
    pre {
        white-space: pre-wrap !important;
    }
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    img,
    tr {
        page-break-inside: avoid;
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}
.sf-view {
    height: 100%;
}
.sf-layout {
    height: 100%;
}
.sf-act-container,
.sf-angel-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-featureusecase-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-more-usecase-container,
.sf-news-container,
.sf-news-containerpadding,
.sf-newsection-container,
.sf-newstop-container,
.sf-note-container,
.sf-our-container,
.sf-overview-container,
.sf-paper-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-case-container,
.sf-security-container,
.sf-security-header-container,
.sf-security-internal-container,
.sf-security-start-container,
.sf-ser-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-angel-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-featureusecase-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-more-usecase-container,
    .sf-news-container,
    .sf-news-containerpadding,
    .sf-newsection-container,
    .sf-newstop-container,
    .sf-note-container,
    .sf-our-container,
    .sf-overview-container,
    .sf-paper-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-case-container,
    .sf-security-container,
    .sf-security-header-container,
    .sf-security-internal-container,
    .sf-security-start-container,
    .sf-ser-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-angel-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-featureusecase-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-more-usecase-container,
    .sf-news-container,
    .sf-news-containerpadding,
    .sf-newsection-container,
    .sf-newstop-container,
    .sf-note-container,
    .sf-our-container,
    .sf-overview-container,
    .sf-paper-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-case-container,
    .sf-security-container,
    .sf-security-header-container,
    .sf-security-internal-container,
    .sf-security-start-container,
    .sf-ser-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-angel-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-featureusecase-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-more-usecase-container,
    .sf-news-container,
    .sf-news-containerpadding,
    .sf-newsection-container,
    .sf-newstop-container,
    .sf-note-container,
    .sf-our-container,
    .sf-overview-container,
    .sf-paper-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-case-container,
    .sf-security-container,
    .sf-security-header-container,
    .sf-security-internal-container,
    .sf-security-start-container,
    .sf-ser-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-angel-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-featureusecase-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-more-usecase-container,
    .sf-news-container,
    .sf-news-containerpadding,
    .sf-newsection-container,
    .sf-newstop-container,
    .sf-note-container,
    .sf-our-container,
    .sf-overview-container,
    .sf-paper-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-case-container,
    .sf-security-container,
    .sf-security-header-container,
    .sf-security-internal-container,
    .sf-security-start-container,
    .sf-ser-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-angel-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-featureusecase-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-more-usecase-container,
.-xl.sf-news-container,
.-xl.sf-news-containerpadding,
.-xl.sf-newsection-container,
.-xl.sf-newstop-container,
.-xl.sf-note-container,
.-xl.sf-our-container,
.-xl.sf-overview-container,
.-xl.sf-paper-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-case-container,
.-xl.sf-security-container,
.-xl.sf-security-header-container,
.-xl.sf-security-internal-container,
.-xl.sf-security-start-container,
.-xl.sf-ser-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-angel-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-featureusecase-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-more-usecase-container,
    .-xl.sf-news-container,
    .-xl.sf-news-containerpadding,
    .-xl.sf-newsection-container,
    .-xl.sf-newstop-container,
    .-xl.sf-note-container,
    .-xl.sf-our-container,
    .-xl.sf-overview-container,
    .-xl.sf-paper-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-case-container,
    .-xl.sf-security-container,
    .-xl.sf-security-header-container,
    .-xl.sf-security-internal-container,
    .-xl.sf-security-start-container,
    .-xl.sf-ser-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-angel-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-featureusecase-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-more-usecase-container,
    .-xl.sf-news-container,
    .-xl.sf-news-containerpadding,
    .-xl.sf-newsection-container,
    .-xl.sf-newstop-container,
    .-xl.sf-note-container,
    .-xl.sf-our-container,
    .-xl.sf-overview-container,
    .-xl.sf-paper-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-case-container,
    .-xl.sf-security-container,
    .-xl.sf-security-header-container,
    .-xl.sf-security-internal-container,
    .-xl.sf-security-start-container,
    .-xl.sf-ser-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-angel-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-featureusecase-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-more-usecase-container,
    .-xl.sf-news-container,
    .-xl.sf-news-containerpadding,
    .-xl.sf-newsection-container,
    .-xl.sf-newstop-container,
    .-xl.sf-note-container,
    .-xl.sf-our-container,
    .-xl.sf-overview-container,
    .-xl.sf-paper-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-case-container,
    .-xl.sf-security-container,
    .-xl.sf-security-header-container,
    .-xl.sf-security-internal-container,
    .-xl.sf-security-start-container,
    .-xl.sf-ser-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-angel-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-featureusecase-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-more-usecase-container,
    .-xl.sf-news-container,
    .-xl.sf-news-containerpadding,
    .-xl.sf-newsection-container,
    .-xl.sf-newstop-container,
    .-xl.sf-note-container,
    .-xl.sf-our-container,
    .-xl.sf-overview-container,
    .-xl.sf-paper-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-case-container,
    .-xl.sf-security-container,
    .-xl.sf-security-header-container,
    .-xl.sf-security-internal-container,
    .-xl.sf-security-start-container,
    .-xl.sf-ser-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-angel-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-featureusecase-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-more-usecase-container,
.-lg.sf-news-container,
.-lg.sf-news-containerpadding,
.-lg.sf-newsection-container,
.-lg.sf-newstop-container,
.-lg.sf-note-container,
.-lg.sf-our-container,
.-lg.sf-overview-container,
.-lg.sf-paper-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-case-container,
.-lg.sf-security-container,
.-lg.sf-security-header-container,
.-lg.sf-security-internal-container,
.-lg.sf-security-start-container,
.-lg.sf-ser-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-angel-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-featureusecase-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-more-usecase-container,
    .-lg.sf-news-container,
    .-lg.sf-news-containerpadding,
    .-lg.sf-newsection-container,
    .-lg.sf-newstop-container,
    .-lg.sf-note-container,
    .-lg.sf-our-container,
    .-lg.sf-overview-container,
    .-lg.sf-paper-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-case-container,
    .-lg.sf-security-container,
    .-lg.sf-security-header-container,
    .-lg.sf-security-internal-container,
    .-lg.sf-security-start-container,
    .-lg.sf-ser-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-angel-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-featureusecase-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-more-usecase-container,
    .-lg.sf-news-container,
    .-lg.sf-news-containerpadding,
    .-lg.sf-newsection-container,
    .-lg.sf-newstop-container,
    .-lg.sf-note-container,
    .-lg.sf-our-container,
    .-lg.sf-overview-container,
    .-lg.sf-paper-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-case-container,
    .-lg.sf-security-container,
    .-lg.sf-security-header-container,
    .-lg.sf-security-internal-container,
    .-lg.sf-security-start-container,
    .-lg.sf-ser-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-angel-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-featureusecase-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-more-usecase-container,
    .-lg.sf-news-container,
    .-lg.sf-news-containerpadding,
    .-lg.sf-newsection-container,
    .-lg.sf-newstop-container,
    .-lg.sf-note-container,
    .-lg.sf-our-container,
    .-lg.sf-overview-container,
    .-lg.sf-paper-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-case-container,
    .-lg.sf-security-container,
    .-lg.sf-security-header-container,
    .-lg.sf-security-internal-container,
    .-lg.sf-security-start-container,
    .-lg.sf-ser-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-angel-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-featureusecase-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-more-usecase-container,
    .-lg.sf-news-container,
    .-lg.sf-news-containerpadding,
    .-lg.sf-newsection-container,
    .-lg.sf-newstop-container,
    .-lg.sf-note-container,
    .-lg.sf-our-container,
    .-lg.sf-overview-container,
    .-lg.sf-paper-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-case-container,
    .-lg.sf-security-container,
    .-lg.sf-security-header-container,
    .-lg.sf-security-internal-container,
    .-lg.sf-security-start-container,
    .-lg.sf-ser-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-angel-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-featureusecase-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-more-usecase-container,
.-sm.sf-news-container,
.-sm.sf-news-containerpadding,
.-sm.sf-newsection-container,
.-sm.sf-newstop-container,
.-sm.sf-note-container,
.-sm.sf-our-container,
.-sm.sf-overview-container,
.-sm.sf-paper-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-case-container,
.-sm.sf-security-container,
.-sm.sf-security-header-container,
.-sm.sf-security-internal-container,
.-sm.sf-security-start-container,
.-sm.sf-ser-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-angel-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-featureusecase-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-more-usecase-container,
    .-sm.sf-news-container,
    .-sm.sf-news-containerpadding,
    .-sm.sf-newsection-container,
    .-sm.sf-newstop-container,
    .-sm.sf-note-container,
    .-sm.sf-our-container,
    .-sm.sf-overview-container,
    .-sm.sf-paper-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-case-container,
    .-sm.sf-security-container,
    .-sm.sf-security-header-container,
    .-sm.sf-security-internal-container,
    .-sm.sf-security-start-container,
    .-sm.sf-ser-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-angel-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-featureusecase-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-more-usecase-container,
    .-sm.sf-news-container,
    .-sm.sf-news-containerpadding,
    .-sm.sf-newsection-container,
    .-sm.sf-newstop-container,
    .-sm.sf-note-container,
    .-sm.sf-our-container,
    .-sm.sf-overview-container,
    .-sm.sf-paper-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-case-container,
    .-sm.sf-security-container,
    .-sm.sf-security-header-container,
    .-sm.sf-security-internal-container,
    .-sm.sf-security-start-container,
    .-sm.sf-ser-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-angel-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-featureusecase-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-more-usecase-container,
    .-sm.sf-news-container,
    .-sm.sf-news-containerpadding,
    .-sm.sf-newsection-container,
    .-sm.sf-newstop-container,
    .-sm.sf-note-container,
    .-sm.sf-our-container,
    .-sm.sf-overview-container,
    .-sm.sf-paper-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-case-container,
    .-sm.sf-security-container,
    .-sm.sf-security-header-container,
    .-sm.sf-security-internal-container,
    .-sm.sf-security-start-container,
    .-sm.sf-ser-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-angel-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-featureusecase-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-more-usecase-container,
    .-sm.sf-news-container,
    .-sm.sf-news-containerpadding,
    .-sm.sf-newsection-container,
    .-sm.sf-newstop-container,
    .-sm.sf-note-container,
    .-sm.sf-our-container,
    .-sm.sf-overview-container,
    .-sm.sf-paper-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-case-container,
    .-sm.sf-security-container,
    .-sm.sf-security-header-container,
    .-sm.sf-security-internal-container,
    .-sm.sf-security-start-container,
    .-sm.sf-ser-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: 0;
    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 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.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 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.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 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.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 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.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: #02174e;
    -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-demoform {
    margin: 0 0 30px 0;
}
@media (min-width: 768px) {
    .sf-form-demoform {
        margin: 0 0 15px 0;
    }
}
@media (min-width: 1024px) {
    .sf-form-demoform {
        margin: 0 0 30px 0;
    }
}
@media (min-width: 1200px) {
    .sf-form-demoform {
        margin: 0 0 30px 0;
    }
}
@media (min-width: 1600px) {
    .sf-form-demoform {
        margin: 0 0 50px 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, 0.2) solid;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: 0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
    -webkit-transition: border-bottom-color 0.3s;
    -o-transition: border-bottom-color 0.3s;
    -moz-transition: border-bottom-color 0.3s;
    transition: border-bottom-color 0.3s;
}
.sf-input_light input:hover {
    border-bottom-color: rgba(255, 255, 255, 0.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, 0.5);
}
.sf-input_light input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}
.sf-input_light input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}
.sf-input_light input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}
.sf-input_light input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}
.sf-input_light input::placeholder {
    color: rgba(255, 255, 255, 0.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 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.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: #02174e;
    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: 0;
    line-height: 1;
    text-transform: uppercase;
}
.sf-input_search input:hover::-webkit-input-placeholder {
    color: rgba(2, 23, 78, 0.6);
}
.sf-input_search input:hover:-moz-placeholder {
    color: rgba(2, 23, 78, 0.6);
}
.sf-input_search input:hover::-moz-placeholder {
    color: rgba(2, 23, 78, 0.6);
}
.sf-input_search input:hover:-ms-input-placeholder {
    color: rgba(2, 23, 78, 0.6);
}
.sf-input_search input:hover::-ms-input-placeholder {
    color: rgba(2, 23, 78, 0.6);
}
.sf-input_search input:hover::placeholder {
    color: rgba(2, 23, 78, 0.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 0.3s;
    transition: color 0.3s;
}
.sf-input_search input:-moz-placeholder {
    color: #9aa0b1;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}
.sf-input_search input::-moz-placeholder {
    color: #9aa0b1;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}
.sf-input_search input:-ms-input-placeholder {
    color: #9aa0b1;
    -ms-transition: color 0.3s;
    transition: color 0.3s;
}
.sf-input_search input::-ms-input-placeholder {
    color: #9aa0b1;
    -ms-transition: color 0.3s;
    transition: color 0.3s;
}
.sf-input_search input::placeholder {
    color: #9aa0b1;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.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 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    -o-transition: opacity 0.2s, -o-transform 0.2s;
    -moz-transition: opacity 0.2s, transform 0.2s, -moz-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s, -o-transform 0.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_notice,
.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_notice:focus,
.sf-btn_notice: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: 0;
    text-transform: uppercase;
    -webkit-transition: -webkit-box-shadow 0.5s;
    transition: -webkit-box-shadow 0.5s;
    -o-transition: box-shadow 0.5s;
    -moz-transition: box-shadow 0.5s, -moz-box-shadow 0.5s;
    transition: box-shadow 0.5s;
    transition: box-shadow 0.5s, -webkit-box-shadow 0.5s, -moz-box-shadow 0.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, 0.3), inset 0 0 10px rgba(81, 200, 255, 0.3);
    -moz-box-shadow: 0 0 10px rgba(81, 200, 255, 0.3), inset 0 0 10px rgba(81, 200, 255, 0.3);
    box-shadow: 0 0 10px rgba(81, 200, 255, 0.3), inset 0 0 10px rgba(81, 200, 255, 0.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, 0.3);
    -moz-box-shadow: 0 0 40px rgba(81, 200, 255, 0.3);
    box-shadow: 0 0 40px rgba(81, 200, 255, 0.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, 0.3);
    -moz-box-shadow: 0 0 40px rgba(81, 200, 255, 0.3);
    box-shadow: 0 0 40px rgba(81, 200, 255, 0.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, 0.3);
    -moz-box-shadow: 0 0 40px rgba(81, 200, 255, 0.3);
    box-shadow: 0 0 40px rgba(81, 200, 255, 0.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: 0;
    font-weight: 500;
}
.sf-btn_flat.-sm {
    height: 40px;
    padding: 0 18px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0;
}
@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: 0;
    font-weight: 500;
}
.sf-btn_flat.-inverse {
    margin-top: 30px;
}
@media (min-width: 768px) {
    .sf-btn_flat.-inverse {
        margin-top: 100px;
    }
}
.sf-btn_flat.-demoform {
    left: 77px;
    bottom: 25px;
}
@media (min-width: 768px) {
    .sf-btn_flat.-demoform {
        left: 95px;
        bottom: 70px;
    }
}
@media (min-width: 1024px) {
    .sf-btn_flat.-demoform {
        left: 95px;
        bottom: 30px;
    }
}
@media (min-width: 1200px) {
    .sf-btn_flat.-demoform {
        left: 95px;
        bottom: 35px;
    }
}
@media (min-width: 1600px) {
    .sf-btn_flat.-demoform {
        left: 95px;
        bottom: 80px;
    }
}
.sf-btn_notice {
    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: 0;
    text-transform: uppercase;
    -webkit-transition: -webkit-box-shadow 0.5s;
    transition: -webkit-box-shadow 0.5s;
    -o-transition: box-shadow 0.5s;
    -moz-transition: box-shadow 0.5s, -moz-box-shadow 0.5s;
    transition: box-shadow 0.5s;
    transition: box-shadow 0.5s, -webkit-box-shadow 0.5s, -moz-box-shadow 0.5s;
}
@media (min-width: 768px) {
    .sf-btn_notice {
        height: 46px;
    }
}
@media (min-width: 1024px) {
    .sf-btn_notice {
        height: 51px;
        padding: 0 22px;
        font-size: 14px;
        line-height: 21px;
    }
}
@media (min-width: 1600px) {
    .sf-btn_notice {
        height: 61px;
        padding: 0 30px;
        font-size: 16px;
        line-height: 24px;
    }
}
.sf-btn_notice:hover {
    -webkit-box-shadow: 0 0 10px rgba(81, 200, 255, 0.3), inset 0 0 10px rgba(81, 200, 255, 0.3);
    -moz-box-shadow: 0 0 10px rgba(81, 200, 255, 0.3), inset 0 0 10px rgba(81, 200, 255, 0.3);
    box-shadow: 0 0 10px rgba(81, 200, 255, 0.3), inset 0 0 10px rgba(81, 200, 255, 0.3);
}
.sf-btn_notice.-fill {
    border: none;
    background: #51c8ff;
    color: #fff;
}
.sf-btn_notice.-fill:hover {
    -webkit-box-shadow: 0 0 40px rgba(81, 200, 255, 0.3);
    -moz-box-shadow: 0 0 40px rgba(81, 200, 255, 0.3);
    box-shadow: 0 0 40px rgba(81, 200, 255, 0.3);
}
.sf-btn_notice.-xs {
    width: 130px;
    height: 30px;
    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: 0;
    font-weight: 500;
    margin-left: 35px;
}
@media (min-width: 768px) {
    .sf-btn_notice.-xs {
        width: 130px;
        height: 30px;
        margin-left: 0;
    }
}
@media (min-width: 1024px) {
    .sf-btn_notice.-xs {
        width: 130px;
        height: 30px;
    }
}
@media (min-width: 1200px) {
    .sf-btn_notice.-xs {
        width: 130px;
        height: 30px;
    }
}
@media (min-width: 1600px) {
    .sf-btn_notice.-xs {
        width: 130px;
        height: 30px;
    }
}
.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: 0;
    text-transform: uppercase;
    -webkit-transition: -webkit-box-shadow 0.5s;
    transition: -webkit-box-shadow 0.5s;
    -o-transition: box-shadow 0.5s;
    -moz-transition: box-shadow 0.5s, -moz-box-shadow 0.5s;
    transition: box-shadow 0.5s;
    transition: box-shadow 0.5s, -webkit-box-shadow 0.5s, -moz-box-shadow 0.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, 0.3), inset 0 0 10px rgba(81, 200, 255, 0.3);
    -moz-box-shadow: 0 0 10px rgba(81, 200, 255, 0.3), inset 0 0 10px rgba(81, 200, 255, 0.3);
    box-shadow: 0 0 10px rgba(81, 200, 255, 0.3), inset 0 0 10px rgba(81, 200, 255, 0.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, 0.3);
    -moz-box-shadow: 0 0 40px rgba(81, 200, 255, 0.3);
    box-shadow: 0 0 40px rgba(81, 200, 255, 0.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, 0.3);
    -moz-box-shadow: 0 0 40px rgba(81, 200, 255, 0.3);
    box-shadow: 0 0 40px rgba(81, 200, 255, 0.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, 0.3);
    -moz-box-shadow: 0 0 40px rgba(81, 200, 255, 0.3);
    box-shadow: 0 0 40px rgba(81, 200, 255, 0.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: 25px;
    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: 0;
    text-transform: uppercase;
    -webkit-transition: -webkit-box-shadow 0.5s;
    transition: -webkit-box-shadow 0.5s;
    -o-transition: box-shadow 0.5s;
    -moz-transition: box-shadow 0.5s, -moz-box-shadow 0.5s;
    transition: box-shadow 0.5s;
    transition: box-shadow 0.5s, -webkit-box-shadow 0.5s, -moz-box-shadow 0.5s;
}
@media (min-width: 768px) {
    .sf-btn_flatcookie {
        height: 30px;
    }
}
@media (min-width: 1024px) {
    .sf-btn_flatcookie {
        height: 41px;
        padding: 0 22px;
        font-size: 14px;
        line-height: 21px;
    }
}
@media (min-width: 1600px) {
    .sf-btn_flatcookie {
        height: 51px;
        padding: 0 30px;
        font-size: 16px;
        line-height: 24px;
    }
}
.sf-btn_flatcookie:hover {
    -webkit-box-shadow: 0 0 10px rgba(81, 200, 255, 0.3), inset 0 0 10px rgba(81, 200, 255, 0.3);
    -moz-box-shadow: 0 0 10px rgba(81, 200, 255, 0.3), inset 0 0 10px rgba(81, 200, 255, 0.3);
    box-shadow: 0 0 10px rgba(81, 200, 255, 0.3), inset 0 0 10px rgba(81, 200, 255, 0.3);
}
.sf-btn_flatcookie.-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: 0;
    font-weight: 500;
}
.sf-btn_flatcookie.-inverse {
    margin-top: 30px;
}
@media (min-width: 768px) {
    .sf-btn_flatcookie.-inverse {
        margin-top: 100px;
    }
}
.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: 0;
    text-transform: uppercase;
    -webkit-transition: -webkit-box-shadow 0.5s;
    transition: -webkit-box-shadow 0.5s;
    -o-transition: box-shadow 0.5s;
    -moz-transition: box-shadow 0.5s, -moz-box-shadow 0.5s;
    transition: box-shadow 0.5s;
    transition: box-shadow 0.5s, -webkit-box-shadow 0.5s, -moz-box-shadow 0.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, 0.3), inset 0 0 10px rgba(81, 200, 255, 0.3);
    -moz-box-shadow: 0 0 10px rgba(81, 200, 255, 0.3), inset 0 0 10px rgba(81, 200, 255, 0.3);
    box-shadow: 0 0 10px rgba(81, 200, 255, 0.3), inset 0 0 10px rgba(81, 200, 255, 0.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, 0.3);
    -moz-box-shadow: 0 0 40px rgba(81, 200, 255, 0.3);
    box-shadow: 0 0 40px rgba(81, 200, 255, 0.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, 0.3);
    -moz-box-shadow: 0 0 40px rgba(81, 200, 255, 0.3);
    box-shadow: 0 0 40px rgba(81, 200, 255, 0.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, 0.3);
    -moz-box-shadow: 0 0 40px rgba(81, 200, 255, 0.3);
    box-shadow: 0 0 40px rgba(81, 200, 255, 0.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: 0;
    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: 0;
    text-transform: uppercase;
    -webkit-transition: -webkit-box-shadow 0.5s;
    transition: -webkit-box-shadow 0.5s;
    -o-transition: box-shadow 0.5s;
    -moz-transition: box-shadow 0.5s, -moz-box-shadow 0.5s;
    transition: box-shadow 0.5s;
    transition: box-shadow 0.5s, -webkit-box-shadow 0.5s, -moz-box-shadow 0.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: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    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: 0;
    -webkit-transition: -webkit-box-shadow 0.5s;
    transition: -webkit-box-shadow 0.5s;
    -o-transition: box-shadow 0.5s;
    -moz-transition: box-shadow 0.5s, -moz-box-shadow 0.5s;
    transition: box-shadow 0.5s;
    transition: box-shadow 0.5s, -webkit-box-shadow 0.5s, -moz-box-shadow 0.5s;
    bottom: -30px;
    right: -10px;
    background-color: #51c8ff;
}
@media (min-width: 768px) {
    .sf-btn_flatcasequote {
        float: right;
        bottom: 35px;
        right: -20px;
    }
}
@media (min-width: 1024px) {
    .sf-btn_flatcasequote {
        padding: 6px 22px;
        right: -70px;
        font-size: 14px;
    }
}
@media (min-width: 1200px) {
    .sf-btn_flatcasequote {
        padding: 10px 30px;
        right: -70px;
    }
}
.sf-btn_toggle {
    display: block;
    width: 25px;
    height: 15px;
}
.sf-btn_toggle:hover span {
    opacity: 0.85;
}
@media (min-width: 768px) {
    .sf-btn_toggle {
        width: 25px;
    }
}
.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 0.35s, opacity 0.3s, -webkit-transform 0.35s;
    transition: background 0.35s, opacity 0.3s, -webkit-transform 0.35s;
    -o-transition: background 0.35s, opacity 0.3s, -o-transform 0.35s;
    -moz-transition: transform 0.35s, background 0.35s, opacity 0.3s, -moz-transform 0.35s;
    transition: transform 0.35s, background 0.35s, opacity 0.3s;
    transition: transform 0.35s, background 0.35s, opacity 0.3s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.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, 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 0.4s;
    -o-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.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: 0.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: #02174e;
}
.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: 0;
    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: 0;
    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: #02174e;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: color 0.3s, background 0.3s;
    -o-transition: color 0.3s, background 0.3s;
    -moz-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.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, 0.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(0.001, 0.001);
        transform: scale(0.001, 0.001);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(0.001, 0.001);
        transform: scale(0.001, 0.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(0.001, 0.001);
        transform: scale(0.001, 0.001);
        opacity: 0;
    }
    100% {
        -moz-transform: scale(0.001, 0.001);
        transform: scale(0.001, 0.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(0.001, 0.001);
        transform: scale(0.001, 0.001);
        opacity: 0;
    }
    100% {
        -o-transform: scale(0.001, 0.001);
        transform: scale(0.001, 0.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(0.001, 0.001);
        -moz-transform: scale(0.001, 0.001);
        -o-transform: scale(0.001, 0.001);
        transform: scale(0.001, 0.001);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(0.001, 0.001);
        -moz-transform: scale(0.001, 0.001);
        -o-transform: scale(0.001, 0.001);
        transform: scale(0.001, 0.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, 0.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: #02174e;
}
.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 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-dropdown_box-head:hover {
    opacity: 0.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: 0;
}
.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 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -moz-transition: transform 0.2s, -moz-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s, -o-transform 0.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 0.3s backwards;
    -moz-animation: sf-dropdown-menu-show 0.3s backwards;
    -o-animation: sf-dropdown-menu-show 0.3s backwards;
    animation: sf-dropdown-menu-show 0.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, 0.3);
}
.sf-dropdown_box.-inverse .sf-dropdown_box-menu {
    -webkit-box-shadow: 0 40px 40px rgba(248, 249, 253, 0.5);
    -moz-box-shadow: 0 40px 40px rgba(248, 249, 253, 0.5);
    box-shadow: 0 40px 40px rgba(248, 249, 253, 0.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 0.6s 0.2s;
    transition: -webkit-transform 0.6s 0.2s;
    -o-transition: -o-transform 0.6s 0.2s;
    -moz-transition: transform 0.6s 0.2s, -moz-transform 0.6s 0.2s;
    transition: transform 0.6s 0.2s;
    transition: transform 0.6s 0.2s, -webkit-transform 0.6s 0.2s, -moz-transform 0.6s 0.2s, -o-transform 0.6s 0.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 0.5s;
    -o-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.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 0.2s;
        -o-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        transition: opacity 0.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: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.sf-modal_full.-visible .sf-modal_full-close {
    opacity: 1;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.sf-footer-content {
    padding: 0 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-logo.-last {
    margin-bottom: 70px;
}
.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%;
    color: #9aa0b1;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    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 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    text-align: right;
}
@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-list-item.-mobile {
    display: none;
}
@media (min-width: 768px) {
    .sf-footer-nav-list-item.-mobile {
        display: block;
    }
}
.sf-footer-nav-link {
    color: #03174e;
    font-size: 14px;
    line-height: 24px;
    lletter-spacing: 0;
    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 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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-nav-linknon {
    color: #03174e;
    font-size: 14px;
    line-height: 24px;
    lletter-spacing: 0;
    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 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
}
@media (min-width: 1024px) {
    .sf-footer-nav-linknon {
        font-size: 16px;
        line-height: 27px;
    }
}
.sf-footer-nav-linknon.-address {
    font-size: 12px;
}
@media (min-width: 768px) {
    .sf-footer-nav-linknon.-address {
        font-size: 10px;
    }
}
@media (min-width: 1024px) {
    .sf-footer-nav-linknon.-address {
        font-size: 12px;
    }
}
@media (min-width: 1200px) {
    .sf-footer-nav-linknon.-address {
        font-size: 16px;
    }
}
.sf-footer-nav-linknon.-address.-hq {
    font-size: 10px;
    font-weight: 700;
}
@media (min-width: 1200px) {
    .sf-footer-nav-linknon.-address.-hq {
        font-size: 14px;
    }
}
.sf-footer-nav-linknon.-address.-ad {
    font-size: 10px;
    font-weight: 400;
}
@media (min-width: 1200px) {
    .sf-footer-nav-linknon.-address.-ad {
        font-size: 14px;
    }
}
.sf-footer.-inverse {
    background: #02174e;
    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%);
}
.sf-footer.-inverse .sf-footer-nav-linknon {
    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;
    }
}
@media (min-width: 1024px) {
    .footer_copy {
        margin-top: 120px;
        margin-bottom: -70px;
    }
}
@media (min-width: 1200px) {
    .footer_copy {
        margin-top: 100px;
        margin-bottom: -100px;
    }
}
.sf-footer-certification {
    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;
    margin: 0 0 30px 0;
}
.sf-footer-certification-item {
    width: 25%;
    margin: 40px 0;
    text-align: center;
}
@media (min-width: 768px) {
    .sf-footer-certification-item {
        width: 20%;
    }
}
.sf-footer-certification-item img {
    width: 100%;
}
@media (min-width: 768px) {
    .sf-footer-certification-item svg {
        width: 140px;
        height: 34px;
        margin-bottom: 0;
    }
}
@media (min-width: 1024px) {
    .sf-footer-certification-item svg {
        width: 179px;
        height: 45px;
    }
}
.sf-footer-certification-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
@media (min-width: 768px) {
    .sf-footer-certification-logo {
        width: 140px;
        height: 34px;
    }
}
@media (min-width: 1024px) {
    .sf-footer-certification-logo {
        width: 250px;
        height: 45px;
    }
}
.sf-footer-certification-logo svg {
    width: 100%;
    height: 100%;
}
@media (min-width: 768px) {
    .sf-footer-certification.-mobile {
        display: none;
    }
}
.sf-footer-certification.-device {
    display: none;
}
@media (min-width: 768px) {
    .sf-footer-certification.-device {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.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: #fff;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: opacity 0.2s, color 0.3s;
    -o-transition: opacity 0.2s, color 0.3s;
    -moz-transition: opacity 0.2s, color 0.3s;
    transition: opacity 0.2s, color 0.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: #51c8ff;
    -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 0.3s, -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: background 0.3s, -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: background 0.3s, -o-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background 0.3s, -moz-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background 0.3s;
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background 0.3s, -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -moz-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -o-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.sf-cursor-text span {
    position: relative;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    transition: opacity 0.1s;
    font-size: 14px;
    letter-spacing: 0;
}
.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, 0.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 0.5s;
    -o-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.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, 0.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, 0.2) solid;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: 0 0;
    cursor: pointer;
    -webkit-transition: border-bottom-color 0.3s;
    -o-transition: border-bottom-color 0.3s;
    -moz-transition: border-bottom-color 0.3s;
    transition: border-bottom-color 0.3s;
}
.select2-container--default .select2-selection--single:hover {
    border-bottom-color: rgba(255, 255, 255, 0.5);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    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 0.3s backwards;
    -moz-animation: sf-dropdown-show 0.3s backwards;
    -o-animation: sf-dropdown-show 0.3s backwards;
    animation: sf-dropdown-show 0.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 0.25s;
    transition: -webkit-transform 0.25s;
    -o-transition: -o-transform 0.25s;
    -moz-transition: transform 0.25s, -moz-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s, -moz-transform 0.25s, -o-transform 0.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: 0;
    -webkit-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    transition: opacity 0.25s;
}
.select2-results__option:hover {
    opacity: 0.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, 0.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: #02174e;
    color: #fff;
    overflow: hidden;
}
.sf-hero-content {
    padding: 150px 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;
    text-align: right;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0;
    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 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, -webkit-transform 0.6s;
    -o-transition: opacity 0.6s, -o-transform 0.6s;
    -moz-transition: opacity 0.6s, transform 0.6s, -moz-transform 0.6s;
    transition: opacity 0.6s, transform 0.6s;
    transition: opacity 0.6s, transform 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s, -o-transform 0.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;
    text-align: right;
    z-index: 1;
    font-weight: 800;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0;
    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 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, -webkit-transform 0.6s;
    -o-transition: opacity 0.6s, -o-transform 0.6s;
    -moz-transition: opacity 0.6s, transform 0.6s, -moz-transform 0.6s;
    transition: opacity 0.6s, transform 0.6s;
    transition: opacity 0.6s, transform 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s, -o-transform 0.6s;
}
@media (min-width: 768px) {
    .sf-hero-heading-title {
        font-size: 18px;
        line-height: 34px;
    }
}
@media (min-width: 1024px) {
    .sf-hero-heading-title {
        font-size: 18px;
        line-height: 34px;
    }
}
@media (min-width: 1200px) {
    .sf-hero-heading-title {
        font-size: 18px;
        line-height: 32px;
    }
}
@media (min-width: 1600px) {
    .sf-hero-heading-title {
        font-size: 18px;
        line-height: 73px;
    }
}
@media (min-width: 1921px) {
    .sf-hero-heading-title {
        font-size: 48px;
        line-height: 55px;
    }
}
.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;
    text-align: right;
    max-width: 280px;
    color: rgba(255, 255, 255, 0.4);
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: opacity 0.6s 0.3s, -webkit-transform 0.6s 0.3s;
    transition: opacity 0.6s 0.3s, -webkit-transform 0.6s 0.3s;
    -o-transition: opacity 0.6s 0.3s, -o-transform 0.6s 0.3s;
    -moz-transition: opacity 0.6s 0.3s, transform 0.6s 0.3s, -moz-transform 0.6s 0.3s;
    transition: opacity 0.6s 0.3s, transform 0.6s 0.3s;
    transition: opacity 0.6s 0.3s, transform 0.6s 0.3s, -webkit-transform 0.6s 0.3s, -moz-transform 0.6s 0.3s, -o-transform 0.6s 0.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 {
        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: 300px;
    }
}
@media (min-width: 1600px) {
    .sf-hero-start {
        padding-top: 300px;
    }
}
@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: #02174e;
    }
}
.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, 0.3) 78.12%, rgba(2, 18, 60, 0) 100%);
    background: -moz-radial-gradient(50% 50%, 50% 50%, #000 0, rgba(0, 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, 0.3) 78.12%, rgba(2, 18, 60, 0) 100%);
    background: radial-gradient(50% 50% at 50% 50%, #000 0, rgba(0, 0, 0, 0.3) 78.12%, rgba(2, 18, 60, 0) 100%);
    opacity: 0.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: var(--wpr-bg-e88a64be-d8d8-48cd-af91-3d9b1ccfc8fa);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    -webkit-transition: background-color 0.7s;
    -o-transition: background-color 0.7s;
    -moz-transition: background-color 0.7s;
    transition: background-color 0.7s;
}
.sf-hero-sphere-video-overlay.-color-1 {
    background-image: var(--wpr-bg-c1c9deb5-0c65-497d-a138-8743071aed53);
}
@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: var(--wpr-bg-fdbaabb2-5d6e-465a-87ff-920250dbac2e);
}
@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: var(--wpr-bg-1902c038-5131-4035-af57-beb0147e9df9);
}
@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: var(--wpr-bg-5843f946-e1dc-4377-937e-7bf5f8dd0621);
}
@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: var(--wpr-bg-4d58f70d-58c2-42af-81fc-2ff4cd7af2f5);
}
@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, 0.5);
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0;
}
@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: 0;
}
@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, 0.5);
    font-size: 11px;
    line-height: 18px;
    letter-spacing: 0;
}
@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 0.4s linear 1 forwards;
    -moz-animation: sf-pulse-hover 0.4s linear 1 forwards;
    -o-animation: sf-pulse-hover 0.4s linear 1 forwards;
    animation: sf-pulse-hover 0.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 0.34%, #50c6ff 74.46%);
    background: -moz-linear-gradient(227.22deg, #aafffa 0.34%, #50c6ff 74.46%);
    background: -o-linear-gradient(227.22deg, #aafffa 0.34%, #50c6ff 74.46%);
    background: linear-gradient(222.78deg, #aafffa 0.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, 0.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 0.3s linear, -webkit-transform 0.3s linear;
    transition: border 0.3s linear, -webkit-transform 0.3s linear;
    -o-transition: border 0.3s linear, -o-transform 0.3s linear;
    -moz-transition: transform 0.3s linear, border 0.3s linear, -moz-transform 0.3s linear;
    transition: transform 0.3s linear, border 0.3s linear;
    transition: transform 0.3s linear, border 0.3s linear, -webkit-transform 0.3s linear, -moz-transform 0.3s linear, -o-transform 0.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;
        lletter-spacing: 0;
    }
}
@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 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: -o-transform 0.35s;
    -moz-transition: transform 0.35s, -moz-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.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 0.6s 0.3s, -webkit-transform 0.6s 0.3s;
    transition: opacity 0.6s 0.3s, -webkit-transform 0.6s 0.3s;
    -o-transition: opacity 0.6s 0.3s, -o-transform 0.6s 0.3s;
    -moz-transition: opacity 0.6s 0.3s, transform 0.6s 0.3s, -moz-transform 0.6s 0.3s;
    transition: opacity 0.6s 0.3s, transform 0.6s 0.3s;
    transition: opacity 0.6s 0.3s, transform 0.6s 0.3s, -webkit-transform 0.6s 0.3s, -moz-transform 0.6s 0.3s, -o-transform 0.6s 0.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 0.6s 0.3s, -webkit-transform 0.6s 0.3s;
        transition: opacity 0.6s 0.3s, -webkit-transform 0.6s 0.3s;
        -o-transition: opacity 0.6s 0.3s, -o-transform 0.6s 0.3s;
        -moz-transition: opacity 0.6s 0.3s, transform 0.6s 0.3s, -moz-transform 0.6s 0.3s;
        transition: opacity 0.6s 0.3s, transform 0.6s 0.3s;
        transition: opacity 0.6s 0.3s, transform 0.6s 0.3s, -webkit-transform 0.6s 0.3s, -moz-transform 0.6s 0.3s, -o-transform 0.6s 0.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: 10px 0;
    color: #fff;
    opacity: 0.1;
    background: 0 0;
    border: none;
    font-size: 12px;
    line-height: 14px;
    lletter-spacing: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.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.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: 0;
}
@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: 0;
}
@media (min-width: 768px) {
    .sf-hero-info-title {
        max-width: 570px;
        margin-bottom: 50px;
        font-size: 36px;
        line-height: 50px;
    }
}
@media (min-width: 1024px) {
    .sf-hero-info-title {
        max-width: 700px;
        margin-bottom: 50px;
        font-size: 30px;
        line-height: 64px;
    }
}
@media (min-width: 1200px) {
    .sf-hero-info-title {
        max-width: 800px;
        margin-bottom: 50px;
        font-size: 40px;
        line-height: 78px;
    }
}
@media (min-width: 1600px) {
    .sf-hero-info-title {
        max-width: 1000px;
        margin-bottom: 50px;
        font-size: 50px;
        line-height: 106px;
    }
}
@media (min-width: 768px) {
    .sf-hero-info-title br {
        display: none;
    }
}
.sf-hero-info-points {
    padding-left: 4px;
    margin-top: 50px;
}
@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: 0;
    white-space: nowrap;
    direction: rtl;
}
.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-left: 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-left: 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;
}
.sf-hero-info-points-item:nth-child(2n) {
    margin-right: 47%;
}
@media (min-width: 768px) {
    .sf-hero-info-points-item:nth-child(2n) {
        margin-right: 62%;
    }
}
@media (min-width: 768px) {
    .sf-hero-info-points-item.-offset {
        padding-right: 85px;
    }
}
@media (min-width: 1024px) {
    .sf-hero-info-points-item.-offset {
        padding-right: 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: #fff;
        mix-blend-mode: screen;
        overflow: hidden;
    }
    .sf-hero-mask::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2px;
        height: 4px;
        background: #fff;
    }
}
.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: #fff;
    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: #02174e;
    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(0.6);
        transform: scale(0.6);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }
}
@-moz-keyframes sf-pulse {
    0% {
        -moz-transform: scale(0.6);
        transform: scale(0.6);
    }
    50% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -moz-transform: scale(0.6);
        transform: scale(0.6);
    }
}
@-o-keyframes sf-pulse {
    0% {
        -o-transform: scale(0.6);
        transform: scale(0.6);
    }
    50% {
        -o-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -o-transform: scale(0.6);
        transform: scale(0.6);
    }
}
@keyframes sf-pulse {
    0% {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
    }
    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
    }
}
@-webkit-keyframes sf-pulse-hover {
    100% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }
}
@-moz-keyframes sf-pulse-hover {
    100% {
        -moz-transform: scale(0.6);
        transform: scale(0.6);
    }
}
@-o-keyframes sf-pulse-hover {
    100% {
        -o-transform: scale(0.6);
        transform: scale(0.6);
    }
}
@keyframes sf-pulse-hover {
    100% {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
    }
}
.sf-promo {
    text-align: center;
    overflow: hidden;
}
.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-content.-inverse {
    padding: 10px 0 100px;
}
@media (min-width: 768px) {
    .sf-promo-content.-inverse {
        padding: 160px 0 100px;
    }
}
@media (min-width: 1024px) {
    .sf-promo-content.-inverse {
        padding: 140px 0 176px;
    }
}
@media (min-width: 1200px) {
    .sf-promo-content.-inverse {
        padding: 150px 0 180px;
    }
}
@media (min-width: 1600px) {
    .sf-promo-content.-inverse {
        padding: 50px 0 250px;
    }
}
.sf-promo-container.-inverse {
    margin-top: 90px;
}
.sf-promo-title {
    max-width: 430px;
    margin: 0 auto 20px;
    color: #02123c;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0;
}
@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: 0;
    direction: rtl;
}
@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;
        direction: rtl;
    }
}
@media (min-width: 1600px) {
    .sf-promo-text {
        max-width: 891px;
        margin-bottom: 70px;
    }
}
.sf-promo-link {
    display: inline-block;
    color: #2549ca;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
    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 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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;
    }
}
@media (min-width: 768px) {
    .sf-promo-video.-inverse {
        margin-top: 140px;
        height: 320px;
    }
}
@media (min-width: 1024px) {
    .sf-promo-video.-inverse {
        height: 390px;
    }
}
@media (min-width: 1200px) {
    .sf-promo-video.-inverse {
        margin-top: 160px;
        height: 487px;
    }
}
@media (min-width: 1600px) {
    .sf-promo-video.-inverse {
        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, 0.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-bottom: 30px;
    text-align: center;
    color: #03133f;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0;
}
@media (min-width: 768px) {
    .sf-why-title {
        font-size: 36px;
        line-height: 41px;
    }
}
@media (min-width: 1024px) {
    .sf-why-title {
        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 {
        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-img video {
    max-width: 100%;
}
.sf-why-number {
    margin-bottom: 20px;
    color: rgba(2, 18, 60, 0.9);
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
}
@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: #02174e;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0;
}
@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 {
    margin-bottom: 32px;
    color: #03174e;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
}
.sf-why-text:last-child {
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .sf-why-text {
    }
}
@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: 0;
    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 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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, 0.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: 0;
    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: 0;
    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: 0;
    white-space: nowrap;
    -webkit-transition: color 0.4s;
    -o-transition: color 0.4s;
    -moz-transition: color 0.4s;
    transition: color 0.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: 24px;
        line-height: 48px;
    }
}
@media (min-width: 1600px) {
    .sf-feature-tabs-item {
        font-size: 26px;
        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 {
    -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 {
    color: #02123c;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
}
@media (min-width: 1024px) {
    .sf-feature-info-title {
        font-size: 20px;
        line-height: 28px;
    }
}
@media (min-width: 1200px) {
    .sf-feature-info-title {
        font-size: 26px;
        line-height: 36px;
    }
}
@media (min-width: 1921px) {
    .sf-feature-info-title {
        font-size: 28px;
        line-height: 39px;
    }
}
.sf-feature-info-val {
    margin-top: 4px;
    padding: 5px 4px 3px;
    color: #0047ff;
    background: rgba(0, 71, 255, 0.15);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0;
}
@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, 0.15);
}
.sf-feature-info-val.-low {
    color: #00d079;
    background: rgba(0, 208, 121, 0.15);
}
.sf-feature-info-val.-medium {
    color: #ffb11a;
    background: rgba(255, 177, 26, 0.15);
}
.sf-feature-info-val.-high {
    color: #ff8e3c;
    background: rgba(255, 142, 60, 0.15);
}
.sf-feature-info-val.-very-high {
    color: #fa4338;
    background: rgba(250, 67, 56, 0.15);
}
.sf-feature-info-status {
    margin-bottom: 20px;
    color: rgba(2, 18, 60, 0.5);
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0;
}
@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: 0;
}
@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: 0;
    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 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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 0.3s 0s;
    -o-transition: opacity 0.3s 0s;
    -moz-transition: opacity 0.3s 0s;
    transition: opacity 0.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 0.3s 0.2s;
    -o-transition: opacity 0.3s 0.2s;
    -moz-transition: opacity 0.3s 0.2s;
    transition: opacity 0.3s 0.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 0.25s;
    -o-transition: background 0.25s;
    -moz-transition: background 0.25s;
    transition: background 0.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: #02174e;
    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: #02174e;
}
@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: #02174e;
            mix-blend-mode: screen;
            pointer-events: none;
        }
    }
}
.sf-work-heading-title {
    margin: 0 auto;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 0;
}
@media (min-width: 768px) {
    .sf-work-heading-title {
        font-size: 18px;
        line-height: 47px;
        mix-blend-mode: difference;
    }
}
@media (min-width: 1024px) {
    .sf-work-heading-title {
        font-size: 23px;
        line-height: 60px;
    }
}
@media (min-width: 1200px) {
    .sf-work-heading-title {
        font-size: 28px;
        line-height: 73px;
    }
}
@media (min-width: 1600px) {
    .sf-work-heading-title {
        font-size: 50px;
        line-height: 99px;
    }
}
.sf-work-heading-text {
    margin-top: 30px;
    color: #fff;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0;
}
@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: 0;
}
@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: 0;
}
@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: #02174e;
    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, 0.78) 0, #02174e 100%);
    background: -moz-radial-gradient(52.69% 50%, 103.53% 47.36%, rgba(112, 0, 255, 0.78) 0, #02174e 100%);
    background: -o-radial-gradient(52.69% 50%, 103.53% 47.36%, rgba(112, 0, 255, 0.78) 0, #02174e 100%);
    background: radial-gradient(103.53% 47.36% at 52.69% 50%, rgba(112, 0, 255, 0.78) 0, #02174e 100%);
    opacity: 0.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: 0.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: #02174e;
    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: var(--wpr-bg-4032c979-60d8-4884-b042-4366d94a4e36) 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: 0;
    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: 0;
}
@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: 1000px;
    }
}
.sf-work-list-item {
    display: -webkit-box;
    margin-bottom: 40px;
    width: 250px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
}
@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%, #02174e), to(rgba(2, 23, 78, 0)));
    background: -webkit-linear-gradient(bottom, #02174e 90%, rgba(2, 23, 78, 0) 100%);
    background: -moz-linear-gradient(bottom, #02174e 90%, rgba(2, 23, 78, 0) 100%);
    background: -o-linear-gradient(bottom, #02174e 90%, rgba(2, 23, 78, 0) 100%);
    background: linear-gradient(to top, #02174e 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, 0.5);
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0;
}
@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: 0;
}
@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: 0;
}
@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: 0;
}
@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: 0;
}
.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;
}
.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;
}
@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: #02174e;
    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: #02174e;
}
@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: 0;
}
@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: 0;
    margin-right: 0;
    margin-left: auto;
}
@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(#02174e), to(rgba(2, 23, 78, 0)));
    background: -webkit-linear-gradient(top, #02174e 0, rgba(2, 23, 78, 0) 100%);
    background: -moz-linear-gradient(top, #02174e 0, rgba(2, 23, 78, 0) 100%);
    background: -o-linear-gradient(top, #02174e 0, rgba(2, 23, 78, 0) 100%);
    background: linear-gradient(180deg, #02174e 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(#02174e), to(rgba(2, 23, 78, 0)));
    background: -webkit-linear-gradient(bottom, #02174e 0, rgba(2, 23, 78, 0) 100%);
    background: -moz-linear-gradient(bottom, #02174e 0, rgba(2, 23, 78, 0) 100%);
    background: -o-linear-gradient(bottom, #02174e 0, rgba(2, 23, 78, 0) 100%);
    background: linear-gradient(0deg, #02174e 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, 0.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, 0.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, 0.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, 0.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, 0.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: 0;
    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: 0;
}
@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(#02174e), to(rgba(2, 23, 78, 0)));
    background: -webkit-linear-gradient(top, #02174e 0, rgba(2, 23, 78, 0) 100%);
    background: -moz-linear-gradient(top, #02174e 0, rgba(2, 23, 78, 0) 100%);
    background: -o-linear-gradient(top, #02174e 0, rgba(2, 23, 78, 0) 100%);
    background: linear-gradient(180deg, #02174e 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(#02174e));
    background: -webkit-linear-gradient(top, rgba(2, 23, 78, 0) 0, #02174e 100%);
    background: -moz-linear-gradient(top, rgba(2, 23, 78, 0) 0, #02174e 100%);
    background: -o-linear-gradient(top, rgba(2, 23, 78, 0) 0, #02174e 100%);
    background: linear-gradient(180deg, rgba(2, 23, 78, 0) 0, #02174e 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: 0.1;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.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: 0;
}
@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;
    lletter-spacing: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.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(#02174e), to(rgba(2, 23, 78, 0)));
    background: -webkit-linear-gradient(right, #02174e 0, rgba(2, 23, 78, 0) 100%);
    background: -moz-linear-gradient(right, #02174e 0, rgba(2, 23, 78, 0) 100%);
    background: -o-linear-gradient(right, #02174e 0, rgba(2, 23, 78, 0) 100%);
    background: linear-gradient(-90deg, #02174e 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: 0;
}
@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, 0.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, 0.18) 0, rgba(255, 255, 255, 0) 92.63%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.18) 0, rgba(255, 255, 255, 0) 92.63%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.18) 0, rgba(255, 255, 255, 0) 92.63%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.18) 0, rgba(255, 255, 255, 0) 92.63%);
    color: rgba(255, 255, 255, 0.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, 0.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: 0.2;
}
.sf-account {
    position: relative;
    z-index: 1;
    background: #02174e;
    color: #fff;
}
.sf-account::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 2px;
    background: #02174e;
}
.sf-account::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: #02174e;
}
.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: 0;
}
@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: 0;
    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 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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%, #02174e 96.95%);
    background: -moz-linear-gradient(270.36deg, rgba(2, 23, 78, 0) 39.45%, #02174e 96.95%);
    background: -o-linear-gradient(270.36deg, rgba(2, 23, 78, 0) 39.45%, #02174e 96.95%);
    background: linear-gradient(179.64deg, rgba(2, 23, 78, 0) 39.45%, #02174e 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: 0.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: #02174e;
    color: #fff;
    overflow: hidden;
}
.sf-getapp-content {
    padding: 96px 0 0;
}
@media (min-width: 768px) {
    .sf-getapp-content {
        padding: 132px 0 0;
    }
}
@media (min-width: 1024px) {
    .sf-getapp-content {
        padding-bottom: 0;
    }
}
@media (min-width: 1200px) {
    .sf-getapp-content {
        padding-bottom: 0;
    }
}
@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: 540px;
    margin: 0 auto -204px;
    position: relative;
}
@media (min-width: 768px) {
    .sf-getapp-preview {
        width: 410px;
        margin: 0;
    }
}
@media (min-width: 1024px) {
    .sf-getapp-preview {
        width: 476px;
    }
}
@media (min-width: 1200px) {
    .sf-getapp-preview {
        width: 530px;
    }
}
@media (min-width: 1600px) {
    .sf-getapp-preview {
        width: 534px;
    }
}
.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: 0;
    text-align: right;
}
@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: 30px;
        line-height: 47px;
    }
}
@media (min-width: 1200px) {
    .sf-getapp-title {
        font-size: 34px;
        line-height: 52px;
    }
}
@media (min-width: 1600px) {
    .sf-getapp-title {
        max-width: 450px;
        font-size: 36px;
        line-height: 60px;
    }
}
.sf-getapp-text {
    max-width: 331px;
    margin: 0 auto 42px;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: right;
}
@media (min-width: 768px) {
    .sf-getapp-text {
        margin: 0 0 52px;
    }
}
@media (min-width: 1024px) {
    .sf-getapp-text {
        max-width: 500px;
        font-size: 16px;
        line-height: 28px;
    }
}
@media (min-width: 1200px) {
    .sf-getapp-text {
        margin-bottom: 60px;
        font-size: 18px;
        line-height: 31px;
    }
}
@media (min-width: 1600px) {
    .sf-getapp-text {
        font-size: 20px;
        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;
    }
}
@media (min-width: 1600px) {
    .sf-brand-container.-inverse {
        padding: 0 150px;
    }
}
.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 {
    margin: 0;
    color: #03133f;
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0;
}
@media (min-width: 768px) {
    .sf-brand-heading-title {
        font-size: 16px;
        line-height: 30px;
    }
}
@media (min-width: 1024px) {
    .sf-brand-heading-title {
        font-size: 18px;
        line-height: 41px;
    }
}
@media (min-width: 1200px) {
    .sf-brand-heading-title {
        font-size: 20px;
        line-height: 46px;
    }
}
@media (min-width: 1600px) {
    .sf-brand-heading-title {
        font-size: 22px;
        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: 0;
    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 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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: 0;
}
@media (min-width: 768px) {
    .sf-recognition-content {
        height: 100vh;
        -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 {
        -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: 0;
}
@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: 0;
}
@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: 0;
    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 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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, 0.7) 2.8%, rgba(255, 255, 255, 0.7) 98.63%);
    background: -moz-linear-gradient(241.31deg, rgba(255, 255, 255, 0.7) 2.8%, rgba(255, 255, 255, 0.7) 98.63%);
    background: -o-linear-gradient(241.31deg, rgba(255, 255, 255, 0.7) 2.8%, rgba(255, 255, 255, 0.7) 98.63%);
    background: linear-gradient(208.69deg, rgba(255, 255, 255, 0.7) 2.8%, rgba(255, 255, 255, 0.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 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: -o-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -moz-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -moz-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -o-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.sf-recognition-item-info {
    position: absolute;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.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, 0.6);
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0;
}
@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 0.5s;
        -o-transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        transition: opacity 0.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, 0.1);
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    -moz-transition: background 0.5s;
    transition: background 0.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 0.5s;
    -o-transition: background 0.5s;
    -moz-transition: background 0.5s;
    transition: background 0.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;
    lletter-spacing: 0;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    white-space: nowrap;
    -webkit-transition: color 0.5s;
    -o-transition: color 0.5s;
    -moz-transition: color 0.5s;
    transition: color 0.5s;
}
.sf-progress.-color-dark .sf-progress-line {
    background: rgba(154, 160, 177, 0.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: #02174e;
    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: 0;
    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: 0;
    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: 0;
    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: 0.2;
    }
}
.sf-tophead-video-overlay {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: var(--wpr-bg-b0756271-f500-4361-a1d5-1e5bbc79c39b) 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: #02174e;
    }
}
.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: 0.7;
    letter-spacing: 0;
    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: 0;
    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: 0;
}
@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: 0;
    color: #2549ca;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-quote-link a:focus,
.sf-quote-link a:hover {
    text-decoration: none;
    opacity: 0.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: 0;
    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: 0;
    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: #02174e;
}
.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: #02174e;
}
@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: 0.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: var(--wpr-bg-fd3162e1-27c2-45a6-89dd-922a4988d3a9);
    -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: #02174e;
}
@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: #02174e;
            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: #02174e;
        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: 576px;
    }
}
@media (min-width: 1024px) {
    .sf-brief-body.-lg {
        max-width: 670px;
    }
}
@media (min-width: 1200px) {
    .sf-brief-body.-lg {
        max-width: 823px;
    }
}
@media (min-width: 1600px) {
    .sf-brief-body.-lg {
        max-width: 900px;
    }
}
.sf-brief-title {
    margin: 0 0 10px 0;
    position: relative;
    font-size: 28px;
    line-height: 39px;
    letter-spacing: 0;
    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: 0;
    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: 0;
    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: 0;
    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: 0;
    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: 0;
}
@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: 0;
    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: 0;
    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: 0;
    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: 0.4s sf-timeline-item-in 0.5s both;
    -moz-animation: 0.4s sf-timeline-item-in 0.5s both;
    -o-animation: 0.4s sf-timeline-item-in 0.5s both;
    animation: 0.4s sf-timeline-item-in 0.5s both;
}
.sf-timeline-item.-hidden,
.sf-timeline-item.sf-cursor.-text {
    -webkit-animation: sf-timeline-item-out 0.5s both;
    -moz-animation: sf-timeline-item-out 0.5s both;
    -o-animation: sf-timeline-item-out 0.5s both;
    animation: sf-timeline-item-out 0.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: 0;
    color: #cccfd8;
    opacity: 0.5;
    -webkit-transition: opacity 0.3s, color 0.3s;
    -o-transition: opacity 0.3s, color 0.3s;
    -moz-transition: opacity 0.3s, color 0.3s;
    transition: opacity 0.3s, color 0.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: 0.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 0.3s, right 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, right 0.3s, -webkit-transform 0.3s;
    -o-transition: opacity 0.3s, right 0.3s, -o-transform 0.3s;
    -moz-transition: transform 0.3s, opacity 0.3s, right 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s, right 0.3s;
    transition: transform 0.3s, opacity 0.3s, right 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.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 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.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: #02174e;
    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-content.-form {
    padding: 120px 0 0;
}
@media (min-width: 768px) {
    .sf-header-content.-form {
        padding: 100px 0 0;
    }
}
@media (min-width: 1200px) {
    .sf-header-content.-form {
        padding-bottom: 0;
    }
}
@media (min-width: 1600px) {
    .sf-header-content.-form {
        padding: 145px 0 0 0;
    }
}
@media (min-width: 1600px) {
    .sf-header-container.-inverse {
        padding: 0 150px;
    }
}
.sf-header-heading {
    position: relative;
    text-align: center;
}
.sf-header-figure {
    position: absolute;
    top: 115px;
    left: 0;
    right: 0;
    height: 215px;
    text-align: center;
    background: #000;
    mix-blend-mode: screen;
    overflow: hidden;
}
@media (min-width: 768px) {
    .sf-header-figure {
        height: 280px;
        top: 220px;
    }
}
@media (min-width: 1024px) {
    .sf-header-figure {
        height: 320px;
        top: 245px;
    }
}
@media (min-width: 1200px) {
    .sf-header-figure {
        top: 245px;
        height: 380px;
    }
}
@media (min-width: 1600px) {
    .sf-header-figure {
        top: 245px;
    }
}
.sf-header-figure-overlay {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: var(--wpr-bg-609cc396-b07a-4534-addf-66bf4ed9c809) no-repeat right bottom;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
}
@supports (mix-blend-mode: overlay) {
    .sf-header-figure-overlay {
        mix-blend-mode: color-dodge;
        background: #2549ca;
    }
}
.sf-header-figure img {
    height: 100%;
}
.sf-header-figure video {
    height: 100%;
    opacity: 0.05;
}
@media (min-width: 1600px) {
    .sf-header-figure video {
        position: absolute;
        right: 0;
    }
}
.sf-header-title {
    margin: 0 0 10px;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0;
}
@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: 0;
}
@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: 36px;
    line-height: 45px;
    font-weight: 500;
}
@media (min-width: 768px) {
    .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: 0;
}
@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: 0;
    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 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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: 0;
}
@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: 150px;
    }
}
.sf-header.-lg .sf-header-content {
    padding-bottom: 40px;
}
@media (min-width: 768px) {
    .sf-header.-lg .sf-header-content {
        padding-bottom: 50px;
    }
}
@media (min-width: 1200px) {
    .sf-header.-lg .sf-header-content {
        padding-bottom: 200px;
    }
}
.sf-header.-lg-usecase .sf-header-content {
    padding-bottom: 80px;
}
@media (min-width: 768px) {
    .sf-header.-lg-usecase .sf-header-content {
        padding-bottom: 250px;
    }
}
@media (min-width: 1024px) {
    .sf-header.-lg-usecase .sf-header-content {
        padding-bottom: 300px;
    }
}
@media (min-width: 1200px) {
    .sf-header.-lg-usecase .sf-header-content {
        padding-bottom: 315px;
    }
}
.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-content.-form {
    padding: 20px 0 20px;
}
.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;
    }
}
@media (min-width: 1600px) {
    .sf-description-container.-form {
        padding: 0 150px;
    }
}
.sf-description-title {
    max-width: 450px;
    margin: 0 0 51px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: 0;
}
@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: 0;
    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: 0;
    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: #02174e;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0;
}
@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: #02174e;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
}
@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;
}
.sf-description-text.-show {
    display: none;
}
.sf-description-link {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0;
    color: #51c8ff;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-description-link:focus,
.sf-description-link:hover {
    text-decoration: none;
    opacity: 0.8;
}
@media (min-width: 768px) {
    .sf-description-link {
        font-size: 20px;
        line-height: 32px;
    }
}
@media (min-width: 1600px) {
    .sf-description-link {
        font-size: 22px;
        line-height: 36px;
    }
}
.sf-description-image img {
    display: block;
    width: 290px;
    height: 240px;
    background-repeat: no-repeat;
}
@media (min-width: 768px) {
    .sf-description-image img {
        width: 300x;
        height: 300px;
        float: right;
    }
}
@media (min-width: 1024px) {
    .sf-description-image img {
        width: 357px;
        height: 340px;
        float: right;
    }
}
.sf-description-image img.-inverse {
    float: left;
}
@media (min-width: 768px) {
    .sf-description-image img.-inverse {
        width: 300px;
        height: 300px;
    }
}
@media (min-width: 1024px) {
    .sf-description-image img.-inverse {
        width: 357px;
        height: 340px;
    }
}
@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-imgbanner.-people {
    margin-top: 100px;
}
.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, 0.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, 0.23);
    -moz-box-shadow: 40px 40px 34px rgba(214, 215, 218, 0.23);
    box-shadow: 40px 40px 34px rgba(214, 215, 218, 0.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: 0;
    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: 0;
}
@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.-bg {
    background-color: #f3f9fd;
}
.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.-usecase-sm .sf-description-content {
    padding: 60px 0 80px 0;
}
@media (min-width: 768px) {
    .sf-description.-usecase-sm .sf-description-content {
        padding: 120px 0;
    }
}
@media (min-width: 1024px) {
    .sf-description.-usecase-sm .sf-description-content {
        padding: 80px 0;
    }
}
@media (min-width: 1200px) {
    .sf-description.-usecase-sm .sf-description-content {
        padding: 100px 0;
    }
}
@media (min-width: 1600px) {
    .sf-description.-usecase-sm .sf-description-content {
        padding: 100px 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: #02174e;
    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: 0;
    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: 0;
}
@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: 0;
}
@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: 0;
}
@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: 0.2;
    }
}
.sf-note-bg video {
    display: none;
    margin-left: auto;
}
@supports (mix-blend-mode: screen) {
    .sf-note-bg video {
        display: block;
        max-height: 100%;
    }
}
.sf-note-bg-overlay {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: var(--wpr-bg-bbb08d61-ae95-4538-86a6-c8fd5ee9281d) no-repeat right center;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
    max-width: 1850px;
    margin-left: auto;
}
@supports (mix-blend-mode: overlay) {
    .sf-note-bg-overlay {
        mix-blend-mode: color-dodge;
        background: #2549ca;
    }
}
.sf-note-image img {
    position: absolute;
    width: 30%;
    height: auto;
    right: 0;
    top: 0;
}
@media (min-width: 768px) {
    .sf-note-image img {
        width: auto;
        height: -webkit-fill-available;
    }
}
.sf-note.-inverse {
    background-color: #244ca2;
}
.sf-factor {
    background: #02174e;
    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: 0;
}
@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: 0;
    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: 0;
    }
}
@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: 0;
}
.sf-factor-legend-item-decryption {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0;
}
@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: 0;
}
@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-grid-line-overlay {
    display: none;
    position: absolute;
    width: 260px;
    top: -120px;
    bottom: 0;
    background: #fff;
}
@media (min-width: 768px) {
    .sf-process-grid-line-overlay {
        display: block;
    }
}
.sf-process-item {
    position: relative;
    max-width: 400px;
    z-index: 1;
}
.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: 0;
}
@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: #02174e;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0;
}
@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: #02174e;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
}
@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-usecase {
    padding: 60px 0 25px 0;
}
@media (min-width: 768px) {
    .sf-act-content-usecase {
        padding: 50px 0 30px 0;
    }
}
@media (min-width: 1024px) {
    .sf-act-content-usecase {
        padding: 145px 0 145px 0;
    }
}
@media (min-width: 1200px) {
    .sf-act-content-usecase {
        padding: 120px 0 120px 0;
    }
}
@media (min-width: 1600px) {
    .sf-act-content-usecase {
        padding: 150px 0 150px 0;
    }
}
.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: 0;
    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-video.-xs {
    max-width: 288px;
    margin: 60px auto 0 auto;
}
@media (min-width: 768px) {
    .sf-act-video.-xs {
        max-width: 389px;
        margin: 100px auto 0 auto;
    }
}
@media (min-width: 1024px) {
    .sf-act-video.-xs {
        max-width: 435px;
    }
}
@media (min-width: 1200px) {
    .sf-act-video.-xs {
        max-width: 460px;
    }
}
@media (min-width: 1600px) {
    .sf-act-video.-xs {
        max-width: 511px;
    }
}
.sf-act.-usecase {
    background: #f3f9fd;
}
.sf-act.-bg {
    background-color: #f3f9fd;
}
.sf-interaction {
    position: relative;
    background: #02174e;
    color: #fff;
}
.sf-interaction::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 4px;
    background: #02174e;
}
.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: 0;
    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: #02174e;
    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: 520px;
    }
}
@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: 0.1;
    }
}
.sf-interaction-bg-overlay {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: var(--wpr-bg-5ff651f2-5e00-4f90-a827-ac51dc90833f) 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: #02174e;
    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: 0.1;
    }
}
.sf-interaction-bgPopup-overlay {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: var(--wpr-bg-f3482c83-669a-41d9-a753-4daf0b3e0eec) 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: 0;
    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 0.3s, visibility 0s 0.3s;
    -o-transition: opacity 0.3s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s, visibility 0s 0.3s;
    transition: opacity 0.3s, visibility 0s 0.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 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-interaction-form-message {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 10px;
    visibility: hidden;
    opacity: 0;
    color: rgba(215, 76, 76, 0.9);
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0;
    -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
    -o-transition: opacity 0.3s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s, visibility 0s 0.3s;
    transition: opacity 0.3s, visibility 0s 0.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 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-media {
    overflow: hidden;
}
.sf-media-content {
    padding: 80px 0;
    background-color: #f3f9fd;
}
@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: 0;
}
@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: 0;
    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 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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: 0;
}
@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: 0;
}
@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: 0;
}
@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: 0;
}
@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: 0;
}
@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: 0;
    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 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-people-item a:focus,
.sf-people-item a:hover {
    opacity: 0.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 img {
    display: block;
    width: 100%;
    height: auto;
    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: 1600px) {
    .sf-people-img img {
        margin: 0 0 40px 0;
    }
}
.sf-people.-lg .sf-people-img img {
    height: auto;
}
.sf-people-name {
    display: block;
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    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: 0;
    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: #02174e;
    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: 0;
}
@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: 0;
    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 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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, 0.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, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.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: 0;
    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: 0;
}
@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: 0;
}
@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 0.3s;
        -o-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        transition: opacity 0.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-content.-technology {
    padding: 80px 0 120px;
}
@media (min-width: 768px) {
    .sf-logos-content.-technology {
        padding-bottom: 100px;
    }
}
@media (min-width: 1024px) {
    .sf-logos-content.-technology {
        padding-bottom: 100px;
    }
}
@media (min-width: 1200px) {
    .sf-logos-content.-technology {
        padding: 100px 0 100px;
    }
}
@media (min-width: 1600px) {
    .sf-logos-content.-technology {
        padding: 150px 0 120px;
    }
}
.sf-logos-action {
    margin: 50px 0 0 0;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
    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 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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: 0;
}
@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-logos.-bg {
    background-color: #f3f9fd;
}
.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: 0;
}
@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: 0;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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: 0;
}
.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: 0;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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: 0;
}
.sf-text-terms-bold {
    font-weight: 600;
    color: #000;
    font-size: 16px;
}
.sf-text-termsborder {
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 0;
    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: 20px;
    font-size: 15px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.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 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: -o-transform 0.35s;
    -moz-transition: transform 0.35s, -moz-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.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;
}
@media (min-width: 768px) {
    .sf-list {
        font-size: 16px;
        line-height: 30px;
    }
}
@media (min-width: 1600px) {
    .sf-list {
        font-size: 18px;
        line-height: 28px;
    }
}
.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-content.-inverse {
    background-color: #f3f9fd;
}
.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: #02174e;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
    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: 0;
    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 h2 {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 600;
}
@media (min-width: 768px) {
    .sf-topper-title h2 {
        font-size: 36px;
        line-height: 42px;
    }
}
@media (min-width: 1024px) {
    .sf-topper-title h2 {
        font-size: 46px;
        line-height: 53px;
    }
}
@media (min-width: 1200px) {
    .sf-topper-title h2 {
        font-size: 56px;
        line-height: 65px;
    }
}
@media (min-width: 1600px) {
    .sf-topper-title h2 {
        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: 0;
    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: 0;
    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: 0;
    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: 0;
}
@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 {
    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, 0.23);
    -moz-box-shadow: 40px 40px 34px rgba(214, 215, 218, 0.23);
    box-shadow: 40px 40px 34px rgba(214, 215, 218, 0.23);
    overflow: hidden;
}
@media (min-width: 768px) {
    .sf-topper-img {
        margin-top: 80px;
    }
}
@media (min-width: 1024px) {
    .sf-topper-img {
        margin-top: 120px;
    }
}
@media (min-width: 1200px) {
    .sf-topper-img {
        margin-top: 130px;
    }
}
@media (min-width: 1600px) {
    .sf-topper-img {
        margin-top: 150px;
    }
}
.sf-topper-img img {
    display: block;
    width: 100%;
}
.sf-topper-img video {
    display: block;
    width: 100%;
}
.sf-topper-imgbanner {
    height: 300px;
    -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, 0.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: 0;
}
.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.-xsm .sf-topper-content {
    background-color: #f3f9fd;
    padding: 70px 0 50px 0;
}
@media (min-width: 768px) {
    .sf-topper.-xsm .sf-topper-content {
        padding: 100px 0 80px 0;
    }
}
@media (min-width: 1200px) {
    .sf-topper.-xsm .sf-topper-content {
        padding: 140px 0 100px 0;
    }
}
@media (min-width: 1600px) {
    .sf-topper.-xsm .sf-topper-content {
        padding: 140px 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;
}
@media (min-width: 768px) {
    .sf-topper-pin {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
}
.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: 0;
    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, 0.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: 0;
    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: 0;
}
@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 -10px;
}
.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: 0;
    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: 0;
    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: 0;
    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: #02174e;
    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: #02174e;
}
.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: 0;
    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: 0;
    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: 0;
    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: 0;
    text-align: center;
}
.sf-culture-description {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
}
@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: #02174e;
    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, 0.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: 0;
    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: 0;
}
@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: #02174e;
    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: 0;
}
@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: 0;
    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 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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 0.4s;
        -o-transition: width 0.4s;
        -moz-transition: width 0.4s;
        transition: width 0.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, 0.6);
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
}
@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: 0;
    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: #02174e;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0;
    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: 0;
}
@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: #02174e;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
}
@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: 0;
    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: 0;
    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: 0;
    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: 0;
    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: 0;
    color: #9aa0b1;
    overflow: hidden;
}
@media (min-width: 768px) {
    .sf-our-item-text {
        max-height: 100%;
        min-height: 400px;
        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: 0;
    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: 0;
    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: 0;
    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-containerbenefit {
    padding: 0 16px;
    height: 100%;
}
@media (min-width: 768px) {
    .sf-benefit-item-containerbenefit {
        padding: 0 0 0 40px;
    }
}
@media (min-width: 1024px) {
    .sf-benefit-item-containerbenefit {
        padding: 0 0 0 82px;
    }
}
@media (min-width: 1200px) {
    .sf-benefit-item-containerbenefit {
        padding: 0 0 0 220px;
    }
}
@media (min-width: 1600px) {
    .sf-benefit-item-containerbenefit.-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: #02174e;
}
.sf-benefit-number {
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 0;
    z-index: 9999;
    opacity: 0.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: 66px;
        line-height: 88px;
    }
}
.sf-benefit-text {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0;
    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: 0;
    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: #02174e;
    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: 0;
    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: 0;
    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: 0;
    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: 0;
    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: 0;
    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: 0;
    color: #02174e;
}
@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 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: -o-transform 0.35s;
    -moz-transition: transform 0.35s, -moz-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.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: #02174e;
    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: 0;
    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: 0;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    color: #51c8ff;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-increase-link:focus,
.sf-increase-link:hover {
    text-decoration: none;
    opacity: 0.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: 0;
    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: 0;
}
@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: 0;
}
@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%;
}
.sf-splitshow-content.-inverse {
    margin-bottom: 100px;
}
@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: 0;
    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: 0;
    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: 0;
    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 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-contact-info-text a:focus,
.sf-contact-info-text a:hover {
    text-decoration: none;
    opacity: 0.8;
}
.sf-contact-row {
    padding: 40px 0;
    border-top: 1px solid rgba(3, 23, 78, 0.1);
}
.sf-contact-row:last-child {
    border-bottom: 1px solid rgba(3, 23, 78, 0.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: 0;
    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: 0;
}
@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 140px 0;
    }
}
@media (min-width: 1024px) {
    .sf-bio-content {
        padding: 200px 0 160px 0;
    }
}
@media (min-width: 1200px) {
    .sf-bio-content {
        padding: 200px 0 200px 0;
    }
}
@media (min-width: 1600px) {
    .sf-bio-content {
        padding: 245px 0 250px 0;
    }
}
.sf-bio-content.-inverse {
    padding: 40px 0 140px 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: 0;
    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-weight: 400;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0;
    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: 0.6;
    -webkit-transition: opacity 0.1s, right 0.1s, bottom 0.1s;
    -o-transition: opacity 0.1s, right 0.1s, bottom 0.1s;
    -moz-transition: opacity 0.1s, right 0.1s, bottom 0.1s;
    transition: opacity 0.1s, right 0.1s, bottom 0.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 0.2s, right 0.45s, bottom 0.45s;
    -o-transition: opacity 0.2s, right 0.45s, bottom 0.45s;
    -moz-transition: opacity 0.2s, right 0.45s, bottom 0.45s;
    transition: opacity 0.2s, right 0.45s, bottom 0.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: 0;
}
@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, 0.1);
}
.sf-bio-info-item:last-child {
    border-bottom: 1px solid rgba(3, 23, 78, 0.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: 0;
    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: 0;
    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, 0.4));
    filter: drop-shadow(-1px 0 18px rgba(130, 210, 255, 0.4));
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.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: 0.4;
}
.sf-bio-nav-text {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0;
    opacity: 0.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: 0;
    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;
    padding: 0 11px;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 600;
    color: #02123c;
    -webkit-transition: color 0.3s, opacity 0.3s;
    -o-transition: color 0.3s, opacity 0.3s;
    -moz-transition: color 0.3s, opacity 0.3s;
    transition: color 0.3s, opacity 0.3s;
}
.sf-bio-resource-nav-item:hover {
    opacity: 0.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 0;
    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-items.-inverse {
    white-space: nowrap;
}
.sf-bio-resource-item {
    display: inline-block;
    vertical-align: top;
    width: 250px;
    padding: 0 16px;
    margin: 0 16px 0 0;
    margin-bottom: 55px;
    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;
        margin-bottom: 80px;
    }
    .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 10px 0;
    height: 115px;
}
@media (min-width: 768px) {
    .sf-bio-resource-item-img {
        height: 125px;
    }
}
@media (min-width: 1024px) {
    .sf-bio-resource-item-img {
        height: 156px;
    }
}
@media (min-width: 1200px) {
    .sf-bio-resource-item-img {
        height: 188px;
    }
}
.sf-bio-resource-item-img img {
    height: auto;
    width: 100%;
}
.sf-bio-resource-item-text {
    width: 200px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    margin-top: 20px;
}
@media (min-width: 768px) {
    .sf-bio-resource-item-text {
        font-size: 16px;
        line-height: 22px;
        width: 200px;
        margin-top: 0;
        min-height: 90px;
    }
}
@media (min-width: 1024px) {
    .sf-bio-resource-item-text {
        font-size: 16px;
        line-height: 22px;
        width: 250px;
        min-height: 70px;
    }
}
@media (min-width: 1200px) {
    .sf-bio-resource-item-text {
        font-size: 18px;
        line-height: 25px;
        width: 300px;
        min-height: 78px;
    }
}
.sf-bio-resource-item-text.-inverse {
    width: 100%;
}
.sf-bio-resource-item-link {
    color: #51c8ff;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
}
@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-bio-resource-main {
    display: inline;
    padding: 40px 0;
    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;
    position: relative;
}
.sf-bio-resource-main-title {
    margin: 0 0 80px 0;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 600;
}
@media (min-width: 768px) {
    .sf-bio-resource-main-title {
        margin: 0 0 100px 0;
        font-size: 36px;
        line-height: 42px;
    }
}
@media (min-width: 1024px) {
    .sf-bio-resource-main-title {
        margin: 0 0 120px 0;
        font-size: 46px;
        line-height: 53px;
    }
}
@media (min-width: 1200px) {
    .sf-bio-resource-main-title {
        margin: 0 0 130px 0;
        font-size: 56px;
        line-height: 68px;
    }
}
@media (min-width: 1600px) {
    .sf-bio-resource-main-title {
        margin: 0 0 150px 0;
        font-size: 76px;
        line-height: 88px;
    }
}
.sf-bio-resource-main-moreTitle {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 500;
    color: #51c8ff;
    -webkit-transition: color 0.3s, opacity 0.3s;
    -o-transition: color 0.3s, opacity 0.3s;
    -moz-transition: color 0.3s, opacity 0.3s;
    transition: color 0.3s, opacity 0.3s;
}
.sf-bio-resource-main-moreTitle:hover {
    opacity: 0.7;
}
@media (min-width: 768px) {
    .sf-bio-resource-main-moreTitle {
        display: block;
        padding: 0 40px;
        font-size: 22px;
        line-height: 41px;
    }
}
@media (min-width: 1024px) {
    .sf-bio-resource-main-moreTitle {
        padding: 0 45px;
        font-size: 30px;
        line-height: 52px;
    }
}
@media (min-width: 1200px) {
    .sf-bio-resource-main-moreTitle {
        padding: 0 45px;
        font-size: 34px;
        line-height: 77px;
    }
}
@media (min-width: 1600px) {
    .sf-bio-resource-main-moreTitle {
        padding: 0 50px;
        font-size: 36px;
        line-height: 80px;
    }
}
.sf-bio-resource-logo img {
    width: 100px;
    height: 50px;
    margin-top: 10px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
.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.-inverse {
    margin: 30px 0;
}
.sf-social-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 25px;
    text-decoration: none;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.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 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.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: 0.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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid;
    width: 28px;
    height: 28px;
    margin-right: 10px;
    text-decoration: none;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
@media (min-width: 768px) {
    .sf-social-itemfooter {
        margin-left: 6px;
        width: 18px;
        height: 18px;
    }
}
@media (min-width: 1024px) {
    .sf-social-itemfooter {
        margin-left: 7px;
        width: 25px;
        height: 25px;
    }
}
@media (min-width: 1200px) {
    .sf-social-itemfooter {
        margin-left: 15px;
        width: 28px;
        height: 28px;
    }
}
.sf-social-itemfooter:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 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 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.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: 0.8;
}
.sf-social-itemfooter:focus:before,
.sf-social-itemfooter:hover:before {
    opacity: 1;
}
.sf-social-itemfooter.-facebook {
    -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;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.sf-social-itemfooter.-facebook svg {
    width: 10px;
    height: 15px;
}
@media (min-width: 768px) {
    .sf-social-itemfooter.-facebook svg {
        width: 10px;
        height: 10px;
    }
}
@media (min-width: 1024px) {
    .sf-social-itemfooter.-facebook svg {
        width: 10px;
        height: 15px;
    }
}
.sf-social-itemfooter.-facebook:hover {
    opacity: 50%;
}
.sf-social-itemfooter.-twitter {
    -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;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.sf-social-itemfooter.-twitter svg {
    width: 14px;
    height: 10px;
}
@media (min-width: 768px) {
    .sf-social-itemfooter.-twitter svg {
        width: 10px;
        height: 10px;
    }
}
@media (min-width: 1024px) {
    .sf-social-itemfooter.-twitter svg {
        width: 14px;
        height: 10px;
    }
}
.sf-social-itemfooter.-twitter:hover {
    opacity: 50%;
}
.sf-social-itemfooter.-linkedin {
    -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;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.sf-social-itemfooter.-linkedin svg {
    width: 16px;
    height: 12px;
}
@media (min-width: 768px) {
    .sf-social-itemfooter.-linkedin svg {
        width: 10px;
        height: 10px;
    }
}
@media (min-width: 1024px) {
    .sf-social-itemfooter.-linkedin svg {
        width: 16px;
        height: 12px;
    }
}
.sf-social-itemfooter.-linkedin:hover {
    opacity: 50%;
}
.sf-social-itemfooter.-instagram {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-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-social-itemfooter.-instagram svg {
    width: 18px;
    height: 13px;
}
@media (min-width: 768px) {
    .sf-social-itemfooter.-instagram svg {
        width: 10px;
        height: 10px;
    }
}
@media (min-width: 1024px) {
    .sf-social-itemfooter.-instagram svg {
        width: 18px;
        height: 13px;
    }
}
.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 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 img {
        height: 273px;
        margin: 0 0 40px 0;
    }
}
@media (min-width: 1024px) {
    .sf-person-item-img img {
        height: 331px;
    }
}
@media (min-width: 1200px) {
    .sf-person-item-img img {
        height: 384px;
        margin: 0 0 96px 0;
    }
}
@media (min-width: 1600px) {
    .sf-person-item-img 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: 0;
    font-weight: 600;
    margin-bottom: 6px;
}
.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 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.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;
        margin-bottom: 12px;
    }
}
.sf-person-item-name span {
    display: block;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-person-item.-active .sf-person-item-name span {
    opacity: 1;
}
.sf-person-item-designation {
    display: inline;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400;
    color: #9aa0b1;
}
.sf-person-item-designation:before {
    display: none;
    content: "";
    position: absolute;
    top: -20px;
    right: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #51c8ff;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.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-designation:before {
        display: block;
    }
}
@media (min-width: 1024px) {
    .sf-person-item-designation:before {
        display: block;
    }
}
@media (min-width: 1600px) {
    .sf-person-item-designation:before {
        display: block;
    }
}
@media (min-width: 768px) {
    .sf-person-item-designation:before {
        display: block;
    }
}
.sf-person-item.-active .sf-person-item-designation: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-designation {
        font-size: 16px;
        line-height: 22px;
    }
}
.sf-person-item-designation span {
    display: block;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-person-item.-active .sf-person-item-designation 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: 50%;
        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: 0;
    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: 0;
    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;
    }
}
.sf-customer-items {
    border-bottom: 1px solid #f5f5f5;
}
@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: #f5f5f5;
    -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-colstudy {
        width: 50%;
    }
}
.sf-customer-col {
    width: 50%;
    display: inline-block;
}
@media (min-width: 768px) {
    .sf-customer-col {
        width: 25%;
    }
}
.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 #f5f5f5;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-customer-item:hover {
    opacity: 0.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-item.-inverse {
    border-bottom: none;
}
.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: 180px;
    }
}
@media (min-width: 1024px) {
    .sf-customer-head-logo {
        max-width: 190px;
    }
}
@media (min-width: 1200px) {
    .sf-customer-head-logo {
        max-width: 200px;
    }
}
@media (min-width: 1600px) {
    .sf-customer-head-logo {
        max-width: 220px;
    }
}
.sf-customer-head-logo img {
    width: 100%;
}
.sf-customer-head-icon {
    color: #9aa0b1;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.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: 0;
}
@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: 1200px) {
    .sf-customer-text {
        min-height: 96px;
    }
}
@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;
    color: #51c8ff;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
    z-index: 1;
}
.sf-customer-read:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -3px;
    left: 0;
    height: 1px;
    background: rgba(81, 200, 255, 0.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 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: -o-transform 0.35s;
    -moz-transition: transform 0.35s, -moz-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.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: 0;
    font-weight: 200;
    text-transform: uppercase;
    color: #03174e;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-customer-more a:hover {
    opacity: 0.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: 0;
}
@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: 0;
    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: 0;
    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: #02174e;
}
@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: 0;
    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: 0;
    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, 0.2);
}
@media (min-width: 768px) {
    .sf-expertise-item {
        padding: 60px 0;
    }
}
.sf-expertise-item:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.sf-expertise-number {
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0;
    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: 0;
    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: 16px;
    line-height: 22px;
    letter-spacing: 0;
    font-weight: 500;
    color: #fff;
}
@media (min-width: 768px) {
    .sf-expertise-text-press {
        margin: 0 0 30px 0;
        font-size: 18px;
        line-height: 28px;
    }
}
@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: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.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: 0.8;
}
.sf-resource {
    overflow: hidden;
}
.sf-resource-content {
    padding: 0 0 80px 0;
    color: #fff;
    background: #02174e;
}
@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: 0;
    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: 0;
    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 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: -o-transform 0.35s;
    -moz-transition: transform 0.35s, -moz-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.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: #02174e;
}
@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: 0;
    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 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: -o-transform 0.35s;
    -moz-transition: transform 0.35s, -moz-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.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: 0;
    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 0.3s;
    -o-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.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, 0.8);
}
.sf-cap-nav-item-number {
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0;
    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: 0;
    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, 0.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: #02174e;
}
@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 0.4s;
    -o-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.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 0.3s, -webkit-transform 0.45s;
    transition: opacity 0.3s, -webkit-transform 0.45s;
    -o-transition: opacity 0.3s, -o-transform 0.45s;
    -moz-transition: transform 0.45s, opacity 0.3s, -moz-transform 0.45s;
    transition: transform 0.45s, opacity 0.3s;
    transition: transform 0.45s, opacity 0.3s, -webkit-transform 0.45s, -moz-transform 0.45s, -o-transform 0.45s;
}
@media (min-width: 768px) {
    .sf-cap-img-item-letter {
        display: block;
        top: -24px;
        left: -73px;
        font-size: 200px;
        line-height: 231px;
        letter-spacing: 0;
        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: 0;
}
@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 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: -o-transform 0.35s;
    -moz-transition: transform 0.35s, -moz-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.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: 0;
    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, 0.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: 0;
}
@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, 0.5);
        font-weight: 600;
        font-size: 56px;
        line-height: 65px;
        letter-spacing: 0;
    }
}
@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, 0.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, 0.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: 0;
    -webkit-transition: color 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, -webkit-transform 0.3s;
    -o-transition: color 0.3s, -o-transform 0.3s;
    -moz-transition: color 0.3s, transform 0.3s, -moz-transform 0.3s;
    transition: color 0.3s, transform 0.3s;
    transition: color 0.3s, transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.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: 0;
        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 0.3s;
        -o-transition: margin 0.3s;
        -moz-transition: margin 0.3s;
        transition: margin 0.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 0.3s, border 0.3s, -webkit-transform 0.3s;
        transition: right 0.3s, border 0.3s, -webkit-transform 0.3s;
        -o-transition: right 0.3s, border 0.3s, -o-transform 0.3s;
        -moz-transition: transform 0.3s, right 0.3s, border 0.3s, -moz-transform 0.3s;
        transition: transform 0.3s, right 0.3s, border 0.3s;
        transition: transform 0.3s, right 0.3s, border 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.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 10px;
    }
}
@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-list-item.-webinar {
    width: 100%;
}
@media (min-width: 768px) {
    .sf-post-list-item.-webinar {
        width: 50%;
    }
}
@media (min-width: 1024px) {
    .sf-post-list-item.-webinar {
        width: 33.333%;
    }
}
.sf-post-list-item.-papers {
    width: 50%;
}
@media (min-width: 768px) {
    .sf-post-list-item.-papers {
        width: 50%;
    }
}
@media (min-width: 1024px) {
    .sf-post-list-item.-papers {
        width: 33.333%;
    }
}
.sf-post-preview {
    display: block;
}
.sf-post-preview-img {
    width: 100%;
    height: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
@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: auto;
    margin-bottom: 20px;
}
@media (min-width: 1024px) {
    .sf-post-preview-img.-manual {
        margin-bottom: 5px;
    }
}
.sf-post-preview-img.-papers {
    width: 100%;
    height: auto;
}
.sf-post-preview img {
    width: 100%;
    height: auto;
}
.sf-post-preview-casepreviewimage {
    width: 100%;
    margin-bottom: 20px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
.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: 12px;
        height: 180px;
    }
}
@media (min-width: 1024px) {
    .sf-post-preview-webinarimg {
        margin-bottom: 14px;
        height: 169px;
    }
}
@media (min-width: 1200px) {
    .sf-post-preview-webinarimg {
        margin-bottom: 15px;
        height: 169px;
    }
}
@media (min-width: 1600px) {
    .sf-post-preview-webinarimg {
        margin-bottom: 25px;
        height: 169px;
    }
}
.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;
    }
}
.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: 0;
}
@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: 0;
}
@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: 0;
}
@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: 0;
}
@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;
}
.sf-post-preview-logo 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-logo img {
        margin-bottom: 30px;
    }
}
@media (min-width: 1024px) {
    .sf-post-preview-logo img {
        margin-bottom: 40px;
    }
}
@media (min-width: 1200px) {
    .sf-post-preview-logo img {
        margin-bottom: 30px;
    }
}
@media (min-width: 1600px) {
    .sf-post-preview-logo img {
        margin-bottom: 60px;
    }
}
@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-preview.-inverse {
    background-color: #9aa0b1;
}
.sf-post-more {
    margin-top: -10px;
    color: #03174e;
    font-weight: 200;
    font-size: 46px;
    line-height: 69px;
    letter-spacing: 0;
    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 img {
    width: 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: 0;
    font-weight: 200;
    text-transform: uppercase;
    color: #03174e;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-post-more a:hover {
    opacity: 0.8;
}
.sf-gallery {
    background: #02174e;
    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: 0;
}
@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 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: -o-transform 0.35s;
    -moz-transition: transform 0.35s, -moz-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.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: 0;
}
@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: 0;
}
@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: 0.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: 0;
    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: 0;
}
@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: 0;
    word-wrap: break-word;
}
@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 20px 0;
    }
}
@media (min-width: 1600px) {
    .sf-article p {
        margin: 0 0 35px 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 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: -o-transform 0.35s;
    -moz-transition: transform 0.35s, -moz-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.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: 0;
    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: 40px;
    }
}
@media (min-width: 1600px) {
    .sf-article h2 {
        margin: 0 0 20px 0;
        font-size: 28px;
        line-height: 50px;
    }
}
.sf-article h3 {
    margin: 0 0 30px 0;
    font-size: 14px;
    line-height: 31px;
    letter-spacing: 0;
    font-weight: 600;
}
@media (min-width: 768px) {
    .sf-article h3 {
        margin: 0 0 20px 0;
        font-size: 18px;
        line-height: 42px;
    }
}
@media (min-width: 1024px) {
    .sf-article h3 {
        font-size: 18px;
        line-height: 47px;
    }
}
@media (min-width: 1600px) {
    .sf-article h3 {
        margin: 0 0 10px 0;
        font-size: 20px;
        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: 0;
    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: 0;
    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: 0;
    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: 0.7;
    letter-spacing: 0;
    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: 0;
    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: 0;
    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: 0;
    font-weight: 600;
    color: #9aa0b1;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.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, 0.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 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.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: 1024px) {
    .sf-article-share {
        margin: 0 0 0 60px;
        display: block;
        position: absolute;
    }
}
@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: 1024px) {
    .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 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: -o-transform 0.35s;
    -moz-transition: transform 0.35s, -moz-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.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 0;
}
@media (min-width: 768px) {
    .sf-schema-content {
        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;
        height: 100vh;
        padding: 0;
    }
}
.sf-schema-title {
    margin: 0 0 40px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: 0;
    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 {
    max-width: 536px;
    position: relative;
    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;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-bottom: 19px;
    height: 125px;
    text-align: center;
}
@media (min-width: 768px) {
    .sf-schema-circles {
        margin-bottom: 40px;
        height: 171px;
    }
}
@media (min-width: 1024px) {
    .sf-schema-circles {
        margin-bottom: 50px;
        height: 218px;
    }
}
@media (min-width: 1600px) {
    .sf-schema-circles {
        margin-bottom: 62px;
        height: 268px;
    }
}
.sf-schema-circles-item {
    position: absolute;
    width: 125px;
    height: 125px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #80d7fe;
    mix-blend-mode: multiply;
}
@media (min-width: 768px) {
    .sf-schema-circles-item {
        width: 171px;
        height: 171px;
    }
}
@media (min-width: 1024px) {
    .sf-schema-circles-item {
        width: 218px;
        height: 218px;
    }
}
@media (min-width: 1600px) {
    .sf-schema-circles-item {
        width: 268px;
        height: 268px;
    }
}
.sf-schema-circles-item.-left {
    -webkit-transform: translateX(42%);
    -moz-transform: translateX(42%);
    -ms-transform: translateX(42%);
    -o-transform: translateX(42%);
    transform: translateX(42%);
}
@media (min-width: 768px) {
    .sf-schema-circles-item.-left {
        -webkit-transform: initial;
        -moz-transform: initial;
        -ms-transform: initial;
        -o-transform: initial;
        transform: initial;
    }
}
.sf-schema-circles-item.-right {
    -webkit-transform: translateX(-42%);
    -moz-transform: translateX(-42%);
    -ms-transform: translateX(-42%);
    -o-transform: translateX(-42%);
    transform: translateX(-42%);
}
@media (min-width: 768px) {
    .sf-schema-circles-item.-right {
        -webkit-transform: initial;
        -moz-transform: initial;
        -ms-transform: initial;
        -o-transform: initial;
        transform: initial;
    }
}
.sf-schema-circles-item.-center {
    position: absolute;
    top: 0;
    opacity: 0;
}
.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 {
    position: relative;
}
.sf-schema-info-symbol {
    margin: 30px 5px 0;
    color: #03174e;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
    text-transform: uppercase;
}
@media (min-width: 768px) {
    .sf-schema-info-symbol {
        margin: 35px 18px 0;
        font-size: 16px;
        line-height: 24px;
    }
}
.sf-schema-info-row {
    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-row {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.sf-schema-info-row:last-child {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
}
.sf-schema-info-item {
    width: 140px;
}
@media (min-width: 768px) {
    .sf-schema-info-item {
        width: 200px;
        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-item.-center {
    position: absolute;
    width: 290px;
}
@media (min-width: 1024px) {
    .sf-schema-info-item.-center {
        width: 450px;
    }
}
.sf-schema-info-title {
    margin-bottom: 10px;
    color: #03174e;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
    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: 0;
}
@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: 0;
}
@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: 0;
}
@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: #02174e;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
}
@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, 0.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, 0.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, 0.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 0.3s;
        -o-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        transition: opacity 0.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: 0;
}
@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: #02174e;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
}
@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 0.3s, visibility 0s 0.3s;
        -o-transition: opacity 0.3s, visibility 0s 0.3s;
        -moz-transition: opacity 0.3s, visibility 0s 0.3s;
        transition: opacity 0.3s, visibility 0s 0.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: 305px;
    }
}
@media (min-width: 1024px) {
    .sf-more-body {
        padding-top: 370px;
    }
}
@media (min-width: 1200px) {
    .sf-more-body {
        padding-top: 470px;
    }
}
.sf-more-bg {
    position: absolute;
    top: -10%;
    right: 0;
    height: 173px;
    text-align: right;
}
@media (min-width: 768px) {
    .sf-more-bg {
        height: 100%;
        top: -15%;
    }
}
@media (min-width: 1600px) {
    .sf-more-bg {
        top: -30%;
    }
}
.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-bg video {
    height: 200px;
}
@media (min-width: 768px) {
    .sf-more-bg video {
        height: 350px;
    }
}
@media (min-width: 1024px) {
    .sf-more-bg video {
        height: 450px;
    }
}
@media (min-width: 1200px) {
    .sf-more-bg video {
        height: 550px;
    }
}
@media (min-width: 1600px) {
    .sf-more-bg video {
        height: 700px;
    }
}
.sf-more-title {
    max-width: 270px;
    margin: 0 auto 30px;
    color: #02174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: 0;
    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: 0;
}
@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: #02174e;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
}
@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: #02174e;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0;
}
@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: 0;
    text-transform: uppercase;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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: 0;
}
@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: #02174e;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
}
@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: 0;
}
@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: 0;
}
@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: 0;
}
@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: 0;
    text-transform: uppercase;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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: 0;
    text-transform: uppercase;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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: #02174e;
    background-image: var(--wpr-bg-bfc3db8f-c551-4e8f-92b5-28340f246d40);
    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: 0;
    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: 0;
}
@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: 0;
    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;
}
@media (min-width: 768px) {
    .sf-profit-container {
        position: relative;
    }
}
.sf-profit-figure {
    display: none;
    text-align: center;
    background: #000;
    mix-blend-mode: screen;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
@media (min-width: 768px) {
    .sf-profit-figure {
        display: block;
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        height: 320px;
        left: -55%;
    }
}
@media (min-width: 1024px) {
    .sf-profit-figure {
        height: 320px;
        left: -50%;
    }
}
@media (min-width: 1200px) {
    .sf-profit-figure {
        height: 400px;
        left: -45%;
    }
}
.sf-profit-figure-overlay {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: var(--wpr-bg-3899380f-c670-49c6-a0bb-16d735740cbc) no-repeat right bottom;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
}
@supports (mix-blend-mode: overlay) {
    .sf-profit-figure-overlay {
        mix-blend-mode: color-dodge;
        background: #2549ca;
    }
}
.sf-profit-figure video {
    position: absolute;
    right: 0;
    height: 380px;
    opacity: 0.05;
}
@media (min-width: 768px) {
    .sf-profit-figure video {
        left: 0;
        right: auto;
    }
}
.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: #02174e;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: 0;
    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: #02174e;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
}
@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: #02174e;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0;
}
@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 0.4s, visibility 0s 0.4s;
        -o-transition: opacity 0.4s, visibility 0s 0.4s;
        -moz-transition: opacity 0.4s, visibility 0s 0.4s;
        transition: opacity 0.4s, visibility 0s 0.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: #02174e;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
    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 0.4s;
        -o-transition: opacity 0.4s;
        -moz-transition: opacity 0.4s;
        transition: opacity 0.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 0.4s, visibility 0s 0.4s;
        -o-transition: opacity 0.4s, visibility 0s 0.4s;
        -moz-transition: opacity 0.4s, visibility 0s 0.4s;
        transition: opacity 0.4s, visibility 0s 0.4s;
    }
    .sf-profit-item:hover .sf-profit-item-text {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.4s;
        -o-transition: opacity 0.4s;
        -moz-transition: opacity 0.4s;
        transition: opacity 0.4s;
    }
}
.sf-profit-overview {
    position: relative;
    background: #02174e;
    color: #fff;
    overflow: hidden;
}
.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: 0;
}
@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: 0;
}
@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: 0;
}
@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 {
        display: none;
        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 0.3s, -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s, -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: opacity 0.3s, -o-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: opacity 0.3s, transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -moz-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s, transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s, transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -moz-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -o-transform 0.8s cubic-bezier(0.23, 1, 0.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 {
    position: relative;
    z-index: 1;
    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: #02174e;
    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: 0;
    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: 0;
}
.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-screen-img video {
    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: 0;
    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 0.3s, border 0.3s;
    -o-transition: color 0.3s, border 0.3s;
    -moz-transition: color 0.3s, border 0.3s;
    transition: color 0.3s, border 0.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: 0;
    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: 0;
}
@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: 0;
}
@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: #02174e;
    font-size: 32px;
    line-height: 33px;
    letter-spacing: 0;
    padding-top: 126px;
    padding-left: 134px;
}
.sf-cloud-text {
    max-width: 284px;
    color: #02174e;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
}
@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: 0;
    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: 0;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.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: 0;
}
@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: 0;
}
@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: #02174e;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
}
@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: 0;
    text-transform: uppercase;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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: #02174e;
    color: #fff;
    overflow: hidden;
}
.sf-framework-bg {
    opacity: 0.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, 0.78) 0, rgba(2, 23, 78, 0) 100%);
    background: -moz-radial-gradient(52.69% 50%, 46.52% 41.88%, rgba(112, 0, 255, 0.78) 0, rgba(2, 23, 78, 0) 100%);
    background: -o-radial-gradient(52.69% 50%, 46.52% 41.88%, rgba(112, 0, 255, 0.78) 0, rgba(2, 23, 78, 0) 100%);
    background: radial-gradient(46.52% 41.88% at 52.69% 50%, rgba(112, 0, 255, 0.78) 0, rgba(2, 23, 78, 0) 100%);
    opacity: 0.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: 0.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: 0;
}
@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: 0;
}
@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: 0;
    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: 0;
}
@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: 0;
}
@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: 0;
    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: #02174e;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0;
}
@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: 0;
}
@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, 0.2);
    -moz-box-shadow: 40px 40px 43px rgba(214, 215, 218, 0.2);
    box-shadow: 40px 40px 43px rgba(214, 215, 218, 0.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}
.sf-score-img img {
    max-width: 100%;
}
.sf-score-img video {
    max-width: 290px;
}
@media (min-width: 1024px) {
    .sf-score-img video {
        max-width: 440px;
    }
}
.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: 0;
}
@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: #02174e;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0;
}
@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: 0;
}
@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: 0;
}
@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: #02174e;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0;
}
@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: 0;
}
@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: 0;
}
@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, 0.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, 0.2);
}
.sf-kind-item-symbol.-second::after {
    background: #244ca2;
}
.sf-kind-item-title {
    margin-bottom: 20px;
    color: #02174e;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0;
}
@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: 0;
}
@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: 0;
}
@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: #02174e;
}
.sf-infrastructure-item.-first::before {
    content: "";
    position: absolute;
    right: -16px;
    top: 0;
    bottom: 0;
    left: -16px;
    z-index: -1;
    background: #02174e;
}
@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: #02174e;
}
.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: 0;
}
@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: 0;
}
.sf-menu {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 201;
}
.sf-menu-toggle {
    position: absolute;
    top: 30px;
    right: 30px;
    color: #808080;
}
@media (min-width: 768px) {
    .sf-menu-toggle {
        top: 30px;
        right: 40px;
    }
}
@media (min-width: 1024px) {
    .sf-menu-toggle {
        top: 30px;
        right: 82px;
    }
}
@media (min-width: 1200px) {
    .sf-menu-toggle {
        top: 30px;
        right: 60px;
    }
}
@media (min-width: 1600px) {
    .sf-menu-toggle {
        top: 30px;
        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 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
}
@media (min-width: 768px) {
    .sf-menu-toggle-btn:after {
        width: 50px;
        height: 50px;
    }
}
.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: #02174e;
    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 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.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 0.2s, -webkit-transform 0.25s;
    transition: opacity 0.2s, -webkit-transform 0.25s;
    -o-transition: opacity 0.2s, -o-transform 0.25s;
    -moz-transition: opacity 0.2s, transform 0.25s, -moz-transform 0.25s;
    transition: opacity 0.2s, transform 0.25s;
    transition: opacity 0.2s, transform 0.25s, -webkit-transform 0.25s, -moz-transform 0.25s, -o-transform 0.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 0.3s, -webkit-transform 0.45s;
    transition: opacity 0.3s, -webkit-transform 0.45s;
    -o-transition: opacity 0.3s, -o-transform 0.45s;
    -moz-transition: opacity 0.3s, transform 0.45s, -moz-transform 0.45s;
    transition: opacity 0.3s, transform 0.45s;
    transition: opacity 0.3s, transform 0.45s, -webkit-transform 0.45s, -moz-transform 0.45s, -o-transform 0.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: 0.7;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.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: 0;
        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 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.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: 0;
    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: 0;
    }
}
@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 0.2s;
    -o-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.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 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.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 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.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 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.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: 0;
    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: 0.7;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.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 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.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 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.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;
    direction: rtl;
    text-align: right;
}
@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: 0;
    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 0.4s;
    transition: -webkit-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    -moz-transition: transform 0.4s, -moz-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s, -o-transform 0.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: 0;
}
.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: 0;
    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 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-menu-nav-item-body-link a:hover {
    opacity: 0.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: 0.7;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.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 0.4s;
    transition: -webkit-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    -moz-transition: transform 0.4s, -moz-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s, -o-transform 0.4s;
}
.sf-menu-nav-item-text {
    display: inline-block;
    position: relative;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: 0;
    font-weight: 600;
    opacity: 0.7;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.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: 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 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.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: 0;
    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 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.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: 0.2;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.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: 0.7;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
@media (min-width: 768px) {
    .sf-menu-nav-item.-active .sf-menu-nav-item-img-title {
        font-size: 18px;
        line-height: 23px;
        letter-spacing: 0;
    }
}
@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 0.2s;
    -o-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.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: 0.2;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.sf-menu-resource-item-icon svg {
    height: 50px;
}
.sf-menu-resource-item-title {
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
@media (min-width: 768px) {
    .sf-menu-resource-item-title {
        font-size: 18px;
        line-height: 23px;
        letter-spacing: 0;
    }
}
@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 0.6s, 0s visibility 0.6s;
    -o-transition: opacity 0.6s, 0s visibility 0.6s;
    -moz-transition: opacity 0.6s, 0s visibility 0.6s;
    transition: opacity 0.6s, 0s visibility 0.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, 0.9)), to(rgba(244, 249, 253, 0)));
    background: -webkit-linear-gradient(top, #f4f9fd 0, rgba(244, 249, 253, 0.9) 58.33%, rgba(244, 249, 253, 0) 100%);
    background: -moz-linear-gradient(top, #f4f9fd 0, rgba(244, 249, 253, 0.9) 58.33%, rgba(244, 249, 253, 0) 100%);
    background: -o-linear-gradient(top, #f4f9fd 0, rgba(244, 249, 253, 0.9) 58.33%, rgba(244, 249, 253, 0) 100%);
    background: linear-gradient(180deg, #f4f9fd 0, rgba(244, 249, 253, 0.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: 0;
    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: 0;
}
@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: 0;
    white-space: normal;
    cursor: pointer;
    pointer-events: auto;
    -webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.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 0.3s, color 0.3s, padding 0.3s;
    -o-transition: background 0.3s, color 0.3s, padding 0.3s;
    -moz-transition: background 0.3s, color 0.3s, padding 0.3s;
    transition: background 0.3s, color 0.3s, padding 0.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 0.4s ease-out, opacity 0.2s, -webkit-transform 0.2s;
    transition: max-height 0.4s ease-out, opacity 0.2s, -webkit-transform 0.2s;
    -o-transition: max-height 0.4s ease-out, opacity 0.2s, -o-transform 0.2s;
    -moz-transition: max-height 0.4s ease-out, opacity 0.2s, transform 0.2s, -moz-transform 0.2s;
    transition: max-height 0.4s ease-out, opacity 0.2s, transform 0.2s;
    transition: max-height 0.4s ease-out, opacity 0.2s, transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s, -o-transform 0.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, 0.4s opacity 0.25s, 0.4s -webkit-transform 0.25s;
    transition: max-height 1.5s, 0.4s opacity 0.25s, 0.4s -webkit-transform 0.25s;
    -o-transition: max-height 1.5s, 0.4s opacity 0.25s, 0.4s -o-transform 0.25s;
    -moz-transition: max-height 1.5s, 0.4s opacity 0.25s, 0.4s transform 0.25s, 0.4s -moz-transform 0.25s;
    transition: max-height 1.5s, 0.4s opacity 0.25s, 0.4s transform 0.25s;
    transition: max-height 1.5s, 0.4s opacity 0.25s, 0.4s transform 0.25s, 0.4s -webkit-transform 0.25s, 0.4s -moz-transform 0.25s, 0.4s -o-transform 0.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 0.6s, 0s visibility 0s;
    -o-transition: opacity 0.6s, 0s visibility 0s;
    -moz-transition: opacity 0.6s, 0s visibility 0s;
    transition: opacity 0.6s, 0s visibility 0s;
}
.sf-map.-menu .sf-map-header-close {
    display: none;
}
@media (min-width: 768px) {
    .sf-solution {
        margin-top: -60vh;
    }
}
.sf-solution-content {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}
@media (min-width: 768px) {
    .sf-solution-content {
        padding: 0 0 140px 0;
    }
}
@media (min-width: 1024px) {
    .sf-solution-content {
        padding: 0 0 160px 0;
    }
}
@media (min-width: 1200px) {
    .sf-solution-content {
        padding: 0 0 180px 0;
    }
}
@media (min-width: 1600px) {
    .sf-solution-content {
        padding: 0 0 200px 0;
    }
}
.sf-solution-content.-usecase {
    background: #fff;
}
@media (min-width: 768px) {
    .sf-solution-top {
        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;
    }
}
@media (min-width: 768px) {
    .sf-solution-bottom {
        margin-top: -35vh;
        background: #f3f9fd;
    }
}
.sf-solution-bg {
    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;
    background: #f3f9fd;
}
.sf-solution-title {
    position: relative;
    margin: 0 0 60px 0;
    text-align: center;
    color: #03174e;
    z-index: 1;
}
@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: 0;
    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, 0.6)));
    background: -webkit-linear-gradient(top, #80d7fe 0, #80d8ff 30%, rgba(128, 215, 254, 0.6) 40%);
    background: -moz-linear-gradient(top, #80d7fe 0, #80d8ff 30%, rgba(128, 215, 254, 0.6) 40%);
    background: -o-linear-gradient(top, #80d7fe 0, #80d8ff 30%, rgba(128, 215, 254, 0.6) 40%);
    background: linear-gradient(180deg, #80d7fe 0, #80d8ff 30%, rgba(128, 215, 254, 0.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, 0.5)));
        background: -webkit-linear-gradient(left, #80d7fe 0, #80d8ff 5%, rgba(128, 215, 254, 0.5) 20%);
        background: -moz-linear-gradient(left, #80d7fe 0, #80d8ff 5%, rgba(128, 215, 254, 0.5) 20%);
        background: -o-linear-gradient(left, #80d7fe 0, #80d8ff 5%, rgba(128, 215, 254, 0.5) 20%);
        background: linear-gradient(90deg, #80d7fe 0, #80d8ff 5%, rgba(128, 215, 254, 0.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: #02174e;
    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: 0;
    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: 0;
    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: 0;
    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: 0;
}
@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 0.4s, 0s visibility 0.4s;
    -o-transition: opacity 0.4s, 0s visibility 0.4s;
    -moz-transition: opacity 0.4s, 0s visibility 0.4s;
    transition: opacity 0.4s, 0s visibility 0.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: #02174e;
}
.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: #02174e;
    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: 0.7s -webkit-transform ease-out 0.4s;
    transition: 0.7s -webkit-transform ease-out 0.4s;
    -o-transition: 0.7s -o-transform ease-out 0.4s;
    -moz-transition: 0.7s transform ease-out 0.4s, 0.7s -moz-transform ease-out 0.4s;
    transition: 0.7s transform ease-out 0.4s;
    transition: 0.7s transform ease-out 0.4s, 0.7s -webkit-transform ease-out 0.4s, 0.7s -moz-transform ease-out 0.4s, 0.7s -o-transform ease-out 0.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: 0.4s opacity 0.4s, 0s visibility 0.4s;
    -o-transition: 0.4s opacity 0.4s, 0s visibility 0.4s;
    -moz-transition: 0.4s opacity 0.4s, 0s visibility 0.4s;
    transition: 0.4s opacity 0.4s, 0s visibility 0.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 0.4s, 0s visibility 0s;
    -o-transition: opacity 0.4s, 0s visibility 0s;
    -moz-transition: opacity 0.4s, 0s visibility 0s;
    transition: opacity 0.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 0.4s, 0s visibility 0s;
    -o-transition: opacity 0.4s, 0s visibility 0s;
    -moz-transition: opacity 0.4s, 0s visibility 0s;
    transition: opacity 0.4s, 0s visibility 0s;
}
.sf-caption-content {
    padding: 0 0 88px 0;
    background: #02174e;
    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;
    }
}
@media (min-width: 768px) {
    .sf-caption-head {
        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;
        height: 100vh;
    }
}
.sf-caption-title {
    margin: 0 0 70px 0;
    text-align: center;
}
@media (min-width: 768px) {
    .sf-caption-title {
        margin: 0;
    }
}
.sf-caption-title h2 {
    font-size: 24px;
    line-height: 31px;
    letter-spacing: 0;
    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 {
        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;
        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: 0;
    font-weight: 600;
    opacity: 0.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: 0;
}
@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: 0;
    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: 0;
    color: #02174e;
}
@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 0.2s, color 0.2s;
    -o-transition: border-color 0.2s, color 0.2s;
    -moz-transition: border-color 0.2s, color 0.2s;
    transition: border-color 0.2s, color 0.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: 0;
    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: 0;
    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: 0;
    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 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.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: #02174e;
}
@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: 0;
    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: 0;
}
@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: 0;
    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: 0;
}
.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, 0.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: 0;
    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: 0;
    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: 0;
    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 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-skip:hover {
    opacity: 0.8;
}
.sf-skip-text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    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 {
    overflow: hidden;
}
.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: 0;
    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: 0;
    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: 0;
    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: 0;
    color: #02174e;
}
@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 0.5s, visibility 0.5s;
    -o-transition: opacity 0.5s, visibility 0.5s;
    -moz-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
}
.sf-cookie-grid {
    margin: 0 auto;
}
@media (min-width: 768px) {
    .sf-cookie-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-cookie-close {
    position: absolute;
    top: 21px;
    right: 17px;
    width: 22px;
    height: 22px;
    color: #fff;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-cookie-close:hover {
    opacity: 0.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;
    }
}
.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: 0;
    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: 0;
}
@media (min-width: 768px) {
    .sf-cookie-text {
        font-size: 9px;
        line-height: 12px;
        width: 418px;
    }
}
@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 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-cookie-text a:hover {
    opacity: 0.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 0.5s, visibility 0.5s;
    -o-transition: opacity 0.5s, visibility 0.5s;
    -moz-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
}
.sf-notice-close {
    position: absolute;
    top: 20px;
    right: 17px;
    width: 22px;
    height: 22px;
    color: #fff;
    z-index: 1;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-notice-close:hover {
    opacity: 0.8;
}
@media (min-width: 768px) {
    .sf-notice-close {
        top: 13px;
        right: 43px;
        width: 15px;
        height: 15px;
    }
}
@media (min-width: 1024px) {
    .sf-notice-close {
        top: 10px;
        right: 15px;
        width: 14px;
        height: 14px;
    }
}
@media (min-width: 1200px) {
    .sf-notice-close {
        top: 11px;
        right: 60px;
        width: 16px;
        height: 16px;
    }
}
@media (min-width: 1600px) {
    .sf-notice-close {
        top: 13px;
        right: 83px;
    }
}
.sf-notice-close svg {
    width: 100%;
    height: 100%;
}
.sf-notice-grid {
    max-width: 210px;
    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: 7px 0;
    background: rgba(0, 9, 31, 0.95);
    color: #fff;
}
@media (min-width: 768px) {
    .sf-notice-content {
        padding: 8px 0;
        background: rgba(0, 9, 31, 0.6);
    }
}
@media (min-width: 1024px) {
    .sf-notice-content {
        padding: 6px 0;
    }
}
@media (min-width: 1600px) {
    .sf-notice-content {
        padding: 8px 0;
    }
}
.sf-notice-container {
    padding: 0 16px;
}
@media (min-width: 768px) {
    .sf-notice-container {
        padding: 0 80px 0 80px;
    }
}
@media (min-width: 1024px) {
    .sf-notice-container {
        padding: 0 50px 0 82px;
        max-width: 1024px;
        margin: 0 auto;
    }
}
@media (min-width: 1200px) {
    .sf-notice-container {
        padding: 0 65px 0 65px;
        max-width: 1200px;
    }
}
@media (min-width: 1600px) {
    .sf-notice-container {
        padding: 0 250px 0 200px;
        max-width: 1600px;
    }
}
.sf-notice-text {
    margin: 0 0 20px 0;
    font-size: 10px;
    line-height: 13px;
    letter-spacing: 0;
}
@media (min-width: 768px) {
    .sf-notice-text {
        margin: 0;
        font-size: 9px;
        line-height: 16px;
    }
}
@media (min-width: 1024px) {
    .sf-notice-text {
        font-size: 11px;
        line-height: 17px;
    }
}
@media (min-width: 1200px) {
    .sf-notice-text {
        font-size: 12px;
        line-height: 10px;
    }
}
@media (min-width: 1600px) {
    .sf-notice-text {
        font-size: 13px;
        line-height: 13px;
    }
}
.sf-notice-text.-white {
    color: #fff;
    font-weight: 400;
}
.sf-notice-text.-blue {
    color: #51c8ff;
    font-weight: 500;
    text-transform: uppercase;
}
.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 0.4s, visibility 0.4s;
    -o-transition: opacity 0.4s, visibility 0.4s;
    -moz-transition: opacity 0.4s, visibility 0.4s;
    transition: opacity 0.4s, visibility 0.4s;
}
.sf-schedule-close {
    position: absolute;
    top: 25px;
    right: 16px;
    width: 23px;
    height: 23px;
    color: #fff;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-schedule-close:hover {
    opacity: 0.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: #02174e;
    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-content.-inverse {
        padding: 90px 0;
        text-align: left;
    }
}
@media (min-width: 1024px) {
    .sf-schedule-content.-inverse {
        padding: 100px 0 80px 0;
    }
}
@media (min-width: 1200px) {
    .sf-schedule-content.-inverse {
        padding: 120px 0 114px 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: 1600px) {
    .sf-schedule-container.-inverse {
        padding: 0 150px;
    }
}
@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-body.-inverse {
    max-width: 288px;
    margin: 0 auto;
}
@media (min-width: 768px) {
    .sf-schedule-body.-inverse {
        max-width: 300px;
        margin: 0;
    }
}
@media (min-width: 1200px) {
    .sf-schedule-body.-inverse {
        max-width: 500px;
    }
}
@media (min-width: 1600px) {
    .sf-schedule-body.-inverse {
        max-width: 550px;
    }
}
.sf-schedule-subtitle {
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    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: 0;
    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: 0;
    color: rgba(255, 255, 255, 0.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: 0;
}
@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 0.4s, visibility 0.4s;
    -o-transition: opacity 0.4s, visibility 0.4s;
    -moz-transition: opacity 0.4s, visibility 0.4s;
    transition: opacity 0.4s, visibility 0.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 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-popup-close:hover {
    opacity: 0.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: #02174e;
    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: 0;
    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: 0;
    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: 0;
    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: 0;
    color: rgba(255, 255, 255, 0.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: 0;
    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, 0.3);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    display: none;
    z-index: 202;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
}
.g-recaptcha {
    -webkit-transform: scale(0.77);
    -moz-transform: scale(0.77);
    -ms-transform: scale(0.77);
    -o-transform: scale(0.77);
    transform: scale(0.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: #02174e;
    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: 0;
    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: 0;
    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: 0;
    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: 0.2;
    }
}
.sf-thanks-video-overlay {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: var(--wpr-bg-ca7c0c41-a9a2-4847-8f61-b3aa6ffe1428) 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: #02174e;
    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, 0.3);
    -webkit-box-shadow: 10px 10px 25px 0 rgba(81, 200, 255, 0.3);
    -moz-box-shadow: 10px 10px 25px 0 rgba(81, 200, 255, 0.3);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.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: 0.2pt solid #9aa0b1;
    height: 300px;
    width: 20%;
    padding: 30px 10px;
    text-align: center;
    position: relative;
}
.innerMenu > a:hover {
    background: #02174e;
    color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.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: #02174e;
    padding: 0 10px;
    margin: 0;
    list-style-type: none;
    position: absolute;
    left: -20px;
    top: 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.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, 0.5);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.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, 0.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: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.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, 0.3);
    display: none;
    z-index: 99;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.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: 0;
    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: 0;
    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: 0;
    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: 0;
    color: #02174e;
}
@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: #02174e;
}
.sec.-inverse {
    background: #02174e;
    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: 0;
    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: 0;
    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: 0;
    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: #02174e;
}
.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 0.5s, visibility 0.5s;
    -o-transition: opacity 0.5s, visibility 0.5s;
    -moz-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.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 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-video-header-close:hover {
    opacity: 0.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: 0;
    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 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-video-text a:hover {
    opacity: 0.8;
}
.sf-video-opener {
    background-image: var(--wpr-bg-49bea0b0-9e04-49c8-b948-95d031ea7dbd);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.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: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.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: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.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: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    background-image: var(--wpr-bg-3bd9304e-1bab-41e1-893c-c409671bdfdd);
    -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: #02174e;
    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: #02174e;
}
.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: 0;
    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: 0;
    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: 0;
    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: 0;
    color: #51c8ff;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-newsection-link a:focus,
.sf-newsection-link a:hover {
    text-decoration: none;
    opacity: 0.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: 0;
    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: #02174e;
    color: #fff;
}
.sf-error-content {
    position: relative;
    padding: 120px 0 80px 0;
    background-image: var(--wpr-bg-c1b55143-8918-4eb7-aab0-cd64631915b4);
    -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: #02174e;
    color: #fff;
}
.sf-error-container {
    margin: 0 auto;
}
.sf-error-withNav {
    height: 170px;
    width: 200px;
    position: relative;
    margin: 0 auto;
    background-image: var(--wpr-bg-09b66e73-2644-4300-8dea-103f31adcac7);
    -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: 0;
    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: 0;
    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: 0;
    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: 0;
    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: 0.2;
    }
}
.sf-error-video-overlay {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: var(--wpr-bg-5055707d-167e-453e-a724-499260ec348e) 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: 0;
}
@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: 0;
}
@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: #02174e;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0;
}
@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: #02174e;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
}
@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: 0;
    text-align: left;
    margin-top: 40px;
}
.sf-services-notecase {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0;
    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 {
    padding: 80px 8px 60px 8px;
}
@media (min-width: 768px) {
    .sf-case-content.-border {
        padding: 90px 30px 0 30px;
    }
}
@media (min-width: 1200px) {
    .sf-case-content.-border {
        padding: 120px 100px 0 100px;
    }
}
.sf-case-contentlg {
    padding: 80px 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-contentlast.-inverse {
    padding-bottom: 80px;
}
.sf-case-container.-border {
    width: 100%;
    height: auto;
    border: solid 1px #80d7fe;
}
.sf-case-caption {
    margin: 30px 0 30px;
    color: #02174e;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0;
}
@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: 0 0 50px 0;
}
@media (min-width: 768px) {
    .sf-case-caption.-challenge {
        margin-bottom: 100px;
    }
}
.sf-case-caption.-captionlong {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 29px;
}
@media (min-width: 768px) {
    .sf-case-caption.-captionlong {
        margin-bottom: 80px;
        font-size: 22px;
        line-height: 29px;
        margin-top: 80px;
    }
}
.sf-case-captiontop {
    margin: 0 0 -30px;
    color: #02174e;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0;
}
@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: #02174e;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
}
@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: 0;
    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: #02174e;
    margin-top: 80px;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
}
@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-grid {
    border-bottom: 1px solid rgba(3, 23, 78, 0.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-grid-col.-inverse {
        width: 100%;
        margin-bottom: 0;
        padding: 0 20px;
    }
}
@media (min-width: 768px) {
    .sf-case-gridnoncase {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -20px;
    }
}
.sf-case-gridnoncase.-bottom {
    margin-bottom: 40px;
}
@media (min-width: 768px) {
    .sf-case-gridnoncase.-bottom {
        margin-bottom: 80px;
    }
}
.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;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}
@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.-lg {
    width: 100%;
}
@media (min-width: 768px) {
    .sf-case-gridnoncase-col.-lg {
        padding-top: 50px;
    }
}
@media (min-width: 1024px) {
    .sf-case-gridnoncase-col.-lg {
        padding-top: 65px;
    }
}
@media (min-width: 1200px) {
    .sf-case-gridnoncase-col.-lg {
        padding-top: 70px;
    }
}
.sf-case-gridnoncase-col.-wrap {
    width: 300px;
    padding: 0 20px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-height: 170px;
}
@media (min-width: 768px) {
    .sf-case-gridnoncase-col.-wrap {
        width: 370px;
        min-height: 210px;
    }
}
@media (min-width: 1024px) {
    .sf-case-gridnoncase-col.-wrap {
        width: 600px;
        min-height: 340px;
    }
}
@media (min-width: 1200px) {
    .sf-case-gridnoncase-col.-wrap {
        width: 650px;
        min-height: 360px;
    }
}
.sf-case-gridnoncase-items {
    white-space: nowrap;
}
.sf-case-item {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 38px 10px 28px 20px;
    width: 100%;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: normal;
    color: #03174e;
    border: 1px solid #9aa0b1;
    -webkit-transition: color 0.3s, border 0.3s;
    -o-transition: color 0.3s, border 0.3s;
    -moz-transition: color 0.3s, border 0.3s;
    transition: color 0.3s, border 0.3s;
}
@media (min-width: 768px) {
    .sf-case-item {
        padding: 54px 20px 44px;
    }
}
.sf-case-item-number {
    position: absolute;
    left: 0;
    top: -16px;
    padding: 0 5px 0 5px;
    border: 1px solid #fff;
    left: 18px;
    background: #fff;
    color: #80d7fe;
    font-size: 40px;
    line-height: 32px;
    letter-spacing: 0;
    text-align: center;
}
@media (min-width: 768px) {
    .sf-case-item-number {
        top: -21px;
        padding: 0 12px;
        font-size: 80px;
        line-height: 53px;
    }
}
@media (min-width: 1024px) {
    .sf-case-item-number {
        font-size: 100px;
        line-height: 53px;
    }
}
@media (min-width: 1200px) {
    .sf-case-item-number {
        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 {
    color: #02174e;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0;
}
@media (min-width: 768px) {
    .sf-case-titlegridcase {
        margin-bottom: 60px;
        font-size: 22px;
        line-height: 26px;
    }
}
@media (min-width: 1200px) {
    .sf-case-titlegridcase {
        font-size: 28px;
        line-height: 29px;
    }
}
@media (min-width: 1600px) {
    .sf-case-titlegridcase {
        font-size: 28px;
        line-height: 34px;
    }
}
.sf-case-titlegridcase.-grid {
    width: 100%;
    height: 60px;
}
.sf-security-header {
    background: #02174e;
    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-about {
    padding: 125px 0 0 0;
}
@media (min-width: 768px) {
    .sf-security-header-about {
        padding: 125px 0 0 0;
    }
}
@media (min-width: 1600px) {
    .sf-security-header-about {
        padding: 70px 0 0 0;
    }
}
.sf-security-header-about p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
}
@media (min-width: 768px) {
    .sf-security-header-about p {
        font-size: 14px;
        line-height: 40px;
    }
}
@media (min-width: 1024px) {
    .sf-security-header-about p {
        font-size: 18px;
    }
}
.sf-security-header-about h2 {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    line-height: 18px;
}
@media (min-width: 768px) {
    .sf-security-header-about h2 {
        font-size: 14px;
        line-height: 40px;
    }
}
@media (min-width: 1024px) {
    .sf-security-header-about h2 {
        font-size: 18px;
    }
}
.sf-security-header-action {
    margin: 20 0 0 0;
}
@media (min-width: 1200px) {
    .sf-security-header-action {
        margin: 65px 0 0 0;
    }
}
@media (min-width: 1600px) {
    .sf-security-header-action {
        margin: 30px 0 0 0;
    }
}
.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: 0.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%;
    width: 50px;
}
@media (min-width: 768px) {
    .sf-security-header-figurebg img {
        height: 100%;
        width: 768px;
    }
}
@media (min-width: 1024px) {
    .sf-security-header-figurebg img {
        height: 100%;
        width: 900px;
    }
}
@media (min-width: 1200px) {
    .sf-security-header-figurebg img {
        height: 100%;
        width: 1440px;
    }
}
.sf-security-header-title {
    margin: 0 0 10px;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0;
}
@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: 0;
}
@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: #02174e;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0;
}
@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: #02174e;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
}
@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: 130px;
}
.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;
    padding-bottom: 30px;
}
.sf-security-start.-sm {
    padding-top: 0;
}
.sf-security-start.-dark {
    background: #02174e;
}
.sf-security-start-title {
    max-width: 450px;
    margin: 0 0 51px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: 0;
}
@media (min-width: 768px) {
    .sf-security-start-title {
        max-width: 595px;
        font-size: 32px;
        line-height: 42px;
        text-align: left;
    }
}
@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-title.-inverse {
    margin-bottom: 40px;
}
.sf-security-start-name {
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    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: 0;
    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: #02174e;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0;
}
@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: #02174e;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
}
@media (min-width: 768px) {
    .sf-security-start-text {
        font-size: 16px;
        line-height: 32px;
    }
}
@media (min-width: 1024px) {
    .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-text a {
    position: relative;
}
.sf-security-start-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 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: -o-transform 0.35s;
    -moz-transition: transform 0.35s, -moz-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s;
}
@media (min-width: 768px) {
    .sf-security-start-text a:after {
        height: 4px;
    }
}
.sf-security-start-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-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: #02174e;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0;
}
@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: #02174e;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0;
}
@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: 0;
    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: normal;
    -webkit-align-items: normal;
    -moz-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
}
.sf-security-start-newlist-item {
    width: 100%;
    padding: 20px;
    margin: 40px 0;
    text-align: center;
    background-color: #fff;
}
@media (min-width: 768px) {
    .sf-security-start-newlist-item {
        width: 304px;
        margin-right: 20px;
        margin-left: 20px;
    }
}
@media (min-width: 1024px) {
    .sf-security-start-newlist-item {
        width: 380px;
        margin-right: 25px;
        margin-left: 25px;
    }
}
@media (min-width: 1200px) {
    .sf-security-start-newlist-item {
        width: 450px;
    }
}
@media (min-width: 1600px) {
    .sf-security-start-newlist-item {
        margin-right: 25px;
        margin-left: 25px;
    }
}
.sf-security-start-newlist-text {
    font-weight: 600;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0;
    margin-top: 20px;
    color: #51c8ff;
}
@media (min-width: 768px) {
    .sf-security-start-newlist-text {
        font-size: 12px;
        line-height: 18px;
    }
}
@media (min-width: 1024px) {
    .sf-security-start-newlist-text {
        font-size: 16px;
        line-height: 22px;
    }
}
@media (min-width: 1600px) {
    .sf-security-start-newlist-text {
        font-size: 18px;
        line-height: 24px;
    }
}
.sf-security-start-newlist-text p {
    color: #50535c;
    font-size: 11px;
}
@media (min-width: 1024px) {
    .sf-security-start-newlist-text p {
        font-size: 14px;
    }
}
.sf-security-start-texttitle {
    display: block;
    line-height: 21px;
    letter-spacing: 0;
    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: 0;
    font-weight: 600;
    text-align: left;
    color: #03174e;
}
@media (min-width: 768px) {
    .sf-security-start-midtitle {
        margin: 0 0 25px 0;
        font-size: 24px;
        line-height: 42px;
    }
}
@media (min-width: 1024px) {
    .sf-security-start-midtitle {
        font-size: 36px;
        line-height: 47px;
    }
}
@media (min-width: 1200px) {
    .sf-security-start-midtitle {
        font-size: 40px;
        line-height: 52px;
    }
}
@media (min-width: 1600px) {
    .sf-security-start-midtitle {
        font-size: 46px;
        line-height: 60px;
    }
}
.sf-security-start-midtitle.-inverse {
    color: #fff;
    margin: 0;
}
.sf-security-start-middescription {
    margin: 0 0 15px 0;
    font-size: 11px;
    line-height: 18px;
    text-align: left;
}
@media (min-width: 768px) {
    .sf-security-start-middescription {
        margin: 0 0 30px 0;
        font-size: 14px;
        line-height: 20px;
    }
}
@media (min-width: 1024px) {
    .sf-security-start-middescription {
        font-size: 16px;
        line-height: 22px;
    }
}
@media (min-width: 1200px) {
    .sf-security-start-middescription {
        font-size: 18px;
        line-height: 30px;
    }
}
.security-start-list-texttitle {
    margin-top: 20px;
}
.sf-security-content {
    padding: 88px 0 10px 0;
    background: #244ca2;
    color: #fff;
}
@media (min-width: 768px) {
    .sf-security-content {
        padding: 0 0 100px 0;
    }
}
@media (min-width: 1200px) {
    .sf-security-content {
        padding: 0 0 130px 0;
    }
}
@media (min-width: 1600px) {
    .sf-security-content {
        padding: 0 0 170px 0;
    }
}
@media (min-width: 768px) {
    .sf-security-container.-sm {
        padding: 0 40px;
    }
}
@media (min-width: 1024px) {
    .sf-security-container.-sm {
        padding: 0 160px 0 82px;
    }
}
@media (min-width: 1200px) {
    .sf-security-container.-sm {
        padding: 0 187px 0 100px;
    }
}
@media (min-width: 1600px) {
    .sf-security-container.-sm {
        padding: 0 407px 0 280px;
    }
}
@media (min-width: 768px) {
    .sf-security-head {
        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;
        height: 100vh;
    }
}
.sf-security-title {
    margin: 0 0 70px 0;
    text-align: center;
}
@media (min-width: 768px) {
    .sf-security-title {
        margin: 0;
    }
}
.sf-security-title h2 {
    font-size: 24px;
    line-height: 31px;
    letter-spacing: 0;
    font-weight: 600;
}
@media (min-width: 768px) {
    .sf-security-title h2 {
        font-size: 32px;
        line-height: 42px;
    }
}
@media (min-width: 1024px) {
    .sf-security-title h2 {
        font-size: 36px;
        line-height: 47px;
    }
}
@media (min-width: 1600px) {
    .sf-security-title h2 {
        font-size: 46px;
        line-height: 60px;
    }
}
.sf-security-title br {
    display: none;
}
@media (min-width: 768px) {
    .sf-security-title br {
        display: inline-block;
    }
}
.sf-security-text {
    margin: 0 0 70px 0;
    text-align: left;
}
@media (min-width: 768px) {
    .sf-security-text {
        margin: 0;
    }
}
.sf-security-text h2 {
    font-size: 24px;
    line-height: 31px;
    letter-spacing: 0;
    font-weight: 600;
}
@media (min-width: 768px) {
    .sf-security-text h2 {
        font-size: 32px;
        line-height: 42px;
    }
}
@media (min-width: 1024px) {
    .sf-security-text h2 {
        font-size: 36px;
        line-height: 47px;
    }
}
@media (min-width: 1600px) {
    .sf-security-text h2 {
        font-size: 46px;
        line-height: 60px;
    }
}
.sf-security-text br {
    display: none;
}
@media (min-width: 768px) {
    .sf-security-text br {
        display: inline-block;
    }
}
.sf-security-item {
    margin: 0 0 80px 0;
    max-width: 320px;
}
.sf-security-item:last-child {
    margin: 0;
}
@media (min-width: 768px) {
    .sf-security-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;
        height: 100vh;
        max-width: 100%;
    }
}
@media (min-width: 1024px) {
    .sf-security-item {
        margin: 0 0 100px 0;
    }
}
@media (min-width: 1200px) {
    .sf-security-item {
        margin: 0 0 140px 0;
    }
}
.sf-security-body {
    position: relative;
}
@media (min-width: 768px) {
    .sf-security-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-security-grid-col.-left {
    display: none;
}
@media (min-width: 768px) {
    .sf-security-grid-col.-left {
        display: block;
    }
}
@media (min-width: 768px) {
    .sf-security-grid-col.-right {
        padding: 0 0 0 103px;
    }
}
@media (min-width: 1024px) {
    .sf-security-grid-col.-right {
        padding: 0 0 0 148px;
    }
}
@media (min-width: 768px) {
    .sf-security-img {
        width: 187px;
    }
}
@media (min-width: 1024px) {
    .sf-security-img {
        width: 231px;
    }
}
@media (min-width: 1200px) {
    .sf-security-img {
        width: 300px;
    }
}
.sf-security-img img {
    width: 100%;
}
.sf-security-number {
    position: absolute;
    top: 50%;
    font-size: 100px;
    line-height: 116px;
    letter-spacing: 0;
    font-weight: 600;
    opacity: 0.15;
    color: #82d2ff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (min-width: 768px) {
    .sf-security-number {
        font-size: 300px;
        line-height: 347px;
    }
}
@media (min-width: 1200px) {
    .sf-security-number {
        font-size: 400px;
        line-height: 462px;
    }
}
.sf-security-text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
}
@media (min-width: 768px) {
    .sf-security-text {
        font-size: 20px;
        line-height: 30px;
    }
}
@media (min-width: 1200px) {
    .sf-security-text {
        font-size: 22px;
        line-height: 33px;
    }
}
@media (min-width: 1600px) {
    .sf-security-text {
        font-size: 26px;
        line-height: 39px;
    }
}
.sf-security-icon {
    width: 40px;
    height: 40px;
    margin: 0 0 10px 0;
    color: #51c8ff;
}
@media (min-width: 768px) {
    .sf-security-icon {
        width: 50px;
        height: 50px;
    }
}
@media (min-width: 1200px) {
    .sf-security-icon {
        margin: 0 0 30px 0;
    }
}
.sf-security-icon svg {
    width: 100%;
    height: 100%;
}
.sf-security-case {
    position: relative;
    z-index: 1;
}
.sf-security-case-content {
    padding: 20px 0;
    overflow: hidden;
}
@media (min-width: 768px) {
    .sf-security-case-content {
        padding: 78px 0 0;
    }
}
@media (min-width: 1024px) {
    .sf-security-case-content {
        padding: 88px 0 0;
    }
}
@media (min-width: 1200px) {
    .sf-security-case-content {
        padding: 98px 0 0;
    }
}
@media (min-width: 1600px) {
    .sf-security-case-content {
        padding: 108px 0 0;
    }
}
.sf-security-case-contentlg {
    padding: 80px 0;
    overflow: hidden;
}
@media (min-width: 768px) {
    .sf-security-case-contentlg {
        padding: 70px 0 70px;
    }
}
@media (min-width: 1024px) {
    .sf-security-case-contentlg {
        padding: 80px 0 80px;
    }
}
@media (min-width: 1200px) {
    .sf-security-case-contentlg {
        padding: 90px 0 90px;
    }
}
@media (min-width: 1600px) {
    .sf-security-case-contentlg {
        padding: 100px 0 100px;
    }
}
.sf-security-case-container.-border {
    width: 100%;
    height: auto;
    border: solid 1px #80d7fe;
}
@media (min-width: 768px) {
    .sf-security-case-gridnoncase {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -20px;
    }
}
.sf-security-case-gridnoncase.-bottom {
    margin-bottom: 40px;
}
@media (min-width: 768px) {
    .sf-security-case-gridnoncase.-bottom {
        margin-bottom: 80px;
    }
}
.sf-security-case-gridnoncase-col {
    margin-bottom: 50px;
}
.sf-security-case-gridnoncase-col:last-child {
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .sf-security-case-gridnoncase-col {
        width: 50%;
        margin-bottom: 0;
        padding: 0 20px;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}
@media (min-width: 768px) {
    .sf-security-case-gridnoncase-col.-left {
        padding-right: 50px;
    }
}
@media (min-width: 1024px) {
    .sf-security-case-gridnoncase-col.-left {
        padding-right: 74px;
    }
}
@media (min-width: 1200px) {
    .sf-security-case-gridnoncase-col.-left {
        padding-right: 80px;
    }
}
@media (min-width: 1600px) {
    .sf-security-case-gridnoncase-col.-left {
        padding-right: 70px;
    }
}
.sf-security-case-gridnoncase-col.-lg {
    width: 100%;
}
@media (min-width: 768px) {
    .sf-security-case-gridnoncase-col.-lg {
        padding-top: 50px;
    }
}
@media (min-width: 1024px) {
    .sf-security-case-gridnoncase-col.-lg {
        padding-top: 65px;
        padding-bottom: 40px;
    }
}
@media (min-width: 1200px) {
    .sf-security-case-gridnoncase-col.-lg {
        padding-top: 70px;
        padding-bottom: 60px;
    }
}
.sf-security-case-gridnoncase-col.-wrap {
    width: 300px;
    padding: 0 20px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-height: 170px;
}
@media (min-width: 768px) {
    .sf-security-case-gridnoncase-col.-wrap {
        width: 370px;
        min-height: 210px;
    }
}
@media (min-width: 1024px) {
    .sf-security-case-gridnoncase-col.-wrap {
        width: 600px;
        min-height: 340px;
    }
}
@media (min-width: 1200px) {
    .sf-security-case-gridnoncase-col.-wrap {
        width: 650px;
        min-height: 360px;
    }
}
.sf-security-case-gridnoncase-items {
    white-space: nowrap;
}
.sf-security-case-item {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 38px 10px 28px 20px;
    width: 100%;
    position: relative;
    color: #03174e;
    border: 1px solid #80d7fe;
    -webkit-transition: color 0.3s, border 0.3s;
    -o-transition: color 0.3s, border 0.3s;
    -moz-transition: color 0.3s, border 0.3s;
    transition: color 0.3s, border 0.3s;
}
@media (min-width: 768px) {
    .sf-security-case-item {
        padding: 54px 20px 44px;
    }
}
.sf-security-case-item-number {
    position: absolute;
    left: 0;
    top: -16px;
    padding: 0 5px 0 5px;
    border: 1px solid #fff;
    left: 18px;
    background: #fff;
    color: #80d7fe;
    font-size: 40px;
    line-height: 32px;
    letter-spacing: 0;
    text-align: center;
}
@media (min-width: 768px) {
    .sf-security-case-item-number {
        top: -21px;
        padding: 0 12px;
        font-size: 80px;
        line-height: 53px;
    }
}
@media (min-width: 1024px) {
    .sf-security-case-item-number {
        font-size: 100px;
        line-height: 53px;
    }
}
@media (min-width: 1200px) {
    .sf-security-case-item-number {
        font-size: 100px;
        line-height: 53px;
    }
}
.sf-security-case-item-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0;
    color: #80d7fe;
    padding: 10px 0 10px 0;
}
@media (min-width: 1024px) {
    .sf-security-case-item-title {
        font-size: 22px;
        line-height: 28px;
        padding: 20px 0 10px 20px;
    }
}
@media (min-width: 1200px) {
    .sf-security-case-item-title {
        font-size: 26px;
        line-height: 32px;
    }
}
@media (min-width: 1600px) {
    .sf-security-case-item-title {
        font-size: 26px;
        line-height: 32px;
    }
}
.sf-security-case-item-content {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
}
@media (min-width: 768px) {
    .sf-security-case-item-content {
        font-size: 16px;
        line-height: 22px;
        padding: 20px 0 20px 0;
    }
}
@media (min-width: 1024px) {
    .sf-security-case-item-content {
        font-size: 16px;
        line-height: 32px;
        padding: 30px 20px 30px 30px;
    }
}
@media (min-width: 1200px) {
    .sf-security-case-item-content {
        font-size: 18px;
        line-height: 36px;
    }
}
.sf-security-case-item-content.-inverse {
    padding-bottom: 50px;
}
.sf-security-case-item-content a {
    position: relative;
}
.sf-security-case-item-content 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 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: -o-transform 0.35s;
    -moz-transition: transform 0.35s, -moz-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s;
}
@media (min-width: 768px) {
    .sf-security-case-item-content a:after {
        height: 4px;
    }
}
.sf-security-case-item-content 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-security-case-item-steps {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
@media (min-width: 768px) {
    .sf-security-case-item-steps {
        font-size: 16px;
        line-height: 22px;
    }
}
@media (min-width: 1024px) {
    .sf-security-case-item-steps {
        font-size: 16px;
        line-height: 32px;
    }
}
@media (min-width: 1200px) {
    .sf-security-case-item-steps {
        font-size: 18px;
        line-height: 36px;
    }
}
.sf-security-case-item-steps.-show {
    display: none;
}
@media (min-width: 768px) {
    .sf-security-case-item-steps-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-case-item-steps-grid-col {
    margin-bottom: 50px;
}
.sf-security-case-item-steps-grid-col:last-child {
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .sf-security-case-item-steps-grid-col {
        width: 470px;
        margin-bottom: 0;
        padding: 0 20px;
    }
}
.sf-security-case-item-steps li {
    margin-bottom: 20px;
}
.sf-security-case-item-box {
    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: 1200px) {
    .sf-security-case-item-box {
        padding: 28px;
    }
}
.sf-security-case-item-box-item {
    width: 100%;
    padding: 20px;
    margin: 40px 0;
    text-align: center;
    background-color: #f3f9fd;
}
@media (min-width: 768px) {
    .sf-security-case-item-box-item {
        width: 270px;
        margin: 20px 25px 20px 25px;
    }
}
@media (min-width: 1024px) {
    .sf-security-case-item-box-item {
        width: 340px;
        margin: 10px 34px 20px 34px;
    }
}
@media (min-width: 1200px) {
    .sf-security-case-item-box-item {
        width: 400px;
        margin: 10px 25px 20px 25px;
    }
}
@media (min-width: 1600px) {
    .sf-security-case-item-box-item {
        width: 400px;
        margin: 10px 35px 20px 35px;
    }
}
.sf-security-case-item-box-item img {
    width: 100%;
}
.sf-security-case-item-box-item.-lg {
    width: 100%;
}
.sf-security-case-item-box-item-icon {
    width: 40px;
    height: 40px;
    margin: 0 0 10px 0;
    color: #51c8ff;
}
@media (min-width: 768px) {
    .sf-security-case-item-box-item-icon {
        width: 50px;
        height: 50px;
    }
}
@media (min-width: 1200px) {
    .sf-security-case-item-box-item-icon {
        margin: 0 0 30px 0;
    }
}
.sf-security-case-item-box-item-icon svg {
    width: 100%;
    height: 100%;
}
.sf-security-case-item-box-item-text {
    font-size: 18px;
    line-height: 30px;
    color: #02174e;
    text-align: left;
    margin-left: 5px;
}
.sf-security-case-item-box-item-text.-inverse {
    font-weight: 600;
}
.sf-security-case-item-box-item-text.-inverse p {
    font-weight: 400;
}
.sf-security-case-item-image {
    margin-top: 50px;
}
.sf-security-case-item-image img {
    width: 100%;
}
.sf-security-case-item-color {
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    width: 40px;
    height: 12px;
    margin: 10px 0 5px 10px;
}
.sf-security-case-item-color.-eu {
    background: #2549ca;
}
.sf-security-case-item-color.-apac {
    background: #51c8ff;
}
.sf-security-case-item-color.-middle {
    background: #204698;
}
.sf-security-case-item-color.-us {
    background: #0453ff;
}
.sf-security-case-item-color p {
    margin-left: 50px;
    white-space: nowrap;
}
.sf-security-case-item-link {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0;
    color: #2549ca;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-security-case-item-link:focus,
.sf-security-case-item-link:hover {
    text-decoration: none;
    opacity: 0.8;
}
@media (min-width: 768px) {
    .sf-security-case-item-link {
        font-size: 20px;
        line-height: 32px;
    }
}
@media (min-width: 1024px) {
    .sf-security-case-item-link {
        font-size: 16px;
        line-height: 36px;
        padding: 50px 0 10px 20px;
    }
}
.sf-security-internal-content {
    padding: 50px 0;
    background: #02174e;
    color: #fff;
}
@media (min-width: 768px) {
    .sf-security-internal-content {
        padding: 80px 0;
    }
}
@media (min-width: 1024px) {
    .sf-security-internal-content {
        padding: 110px 0;
    }
}
@media (min-width: 1200px) {
    .sf-security-internal-content {
        padding: 125px 0;
    }
}
@media (min-width: 1600px) {
    .sf-security-internal-content {
        padding: 175px 0;
    }
}
.sf-security-internal-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-security-internal-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-security-internal-grid-col {
        width: 50%;
    }
}
@media (min-width: 768px) {
    .sf-security-internal.-lg .sf-security-internal-grid-col.-left {
        padding: 0 30px 0 0;
    }
}
@media (min-width: 1024px) {
    .sf-security-internal.-lg .sf-security-internal-grid-col.-left {
        padding: 0 90px 0 0;
    }
}
@media (min-width: 1200px) {
    .sf-security-internal.-lg .sf-security-internal-grid-col.-left {
        padding: 0 30px 0 0;
    }
}
@media (min-width: 768px) {
    .sf-security-internal-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-security-internal-heading {
    margin: 0 0 30px 0;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    font-weight: 600;
}
@media (min-width: 768px) {
    .sf-security-internal-heading {
        font-size: 20px;
        line-height: 28px;
    }
}
@media (min-width: 1024px) {
    .sf-security-internal-heading {
        font-size: 26px;
        line-height: 36px;
    }
}
@media (min-width: 1600px) {
    .sf-security-internal-heading {
        margin: 0 0 40px 0;
        font-size: 26px;
        line-height: 36px;
    }
}
.sf-security-internal-description {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400;
}
@media (min-width: 768px) {
    .sf-security-internal-description {
        font-size: 16px;
        line-height: 32px;
    }
}
@media (min-width: 1600px) {
    .sf-security-internal-description {
        font-size: 18px;
        line-height: 36px;
    }
}
.sf-security-internal-number {
    font-size: 76px;
    line-height: 115.5%;
    color: #354571;
    margin-bottom: 40px;
}
.sf-security-internal-img {
    position: relative;
    width: 200px;
    margin: 0 0 50px 0;
}
@media (min-width: 768px) {
    .sf-security-internal-img {
        width: 240px;
        margin: 0;
    }
}
@media (min-width: 1024px) {
    .sf-security-internal-img {
        width: 300px;
    }
}
@media (min-width: 1200px) {
    .sf-security-internal-img {
        width: 320px;
    }
}
@media (min-width: 1600px) {
    .sf-security-internal-img {
        width: 400px;
    }
}
.sf-security-internal-img img {
    width: 100%;
}
.sf-security-internal.-lg .sf-security-internal-img {
    width: 236px;
}
@media (min-width: 768px) {
    .sf-security-internal.-lg .sf-security-internal-img {
        width: 297px;
        margin: 0;
    }
}
@media (min-width: 1024px) {
    .sf-security-internal.-lg .sf-security-internal-img {
        width: 340px;
    }
}
@media (min-width: 1200px) {
    .sf-security-internal.-lg .sf-security-internal-img {
        width: 360px;
    }
}
@media (min-width: 1600px) {
    .sf-security-internal.-lg .sf-security-internal-img {
        width: 400px;
    }
}
.sf-usecase {
    background: #02174e;
    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: 0;
}
@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: 0;
}
@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: 0;
}
@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: 0;
    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 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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: 0;
}
@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: #02174e;
    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: 100px 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: 0;
}
@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: 1000px;
        font-size: 18px;
        line-height: 31px;
    }
}
@media (min-width: 1600px) {
    .sf-usecase-note-text {
        max-width: 1000px;
        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-ser-content {
    padding: 100px 0;
    background: #f3f9fd;
    overflow: hidden;
}
@media (min-width: 768px) {
    .sf-ser-content {
        padding: 140px 0;
    }
}
@media (min-width: 1024px) {
    .sf-ser-content {
        padding: 160px 0;
    }
}
@media (min-width: 1200px) {
    .sf-ser-content {
        padding: 180px 0;
    }
}
@media (min-width: 1600px) {
    .sf-ser-content {
        padding: 200px 0;
    }
}
.sf-ser-content.-usecase {
    background: #fff;
}
.sf-ser-title {
    margin: 0 0 60px 0;
    text-align: center;
    color: #03174e;
}
@media (min-width: 768px) {
    .sf-ser-title {
        margin: 0 0 90px 0;
    }
}
@media (min-width: 1024px) {
    .sf-ser-title {
        margin: 0 0 80px 0;
    }
}
@media (min-width: 1200px) {
    .sf-ser-title {
        margin: 0 0 100px 0;
    }
}
@media (min-width: 1600px) {
    .sf-ser-title {
        margin: 0 0 120px 0;
    }
}
.sf-ser-title h1,
.sf-ser-title h2 {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 600;
}
@media (min-width: 768px) {
    .sf-ser-title h1,
    .sf-ser-title h2 {
        font-size: 36px;
        line-height: 42px;
    }
}
@media (min-width: 1024px) {
    .sf-ser-title h1,
    .sf-ser-title h2 {
        font-size: 46px;
        line-height: 53px;
    }
}
@media (min-width: 1200px) {
    .sf-ser-title h1,
    .sf-ser-title h2 {
        font-size: 56px;
        line-height: 65px;
    }
}
@media (min-width: 1600px) {
    .sf-ser-title h1,
    .sf-ser-title h2 {
        font-size: 76px;
        line-height: 99px;
    }
}
@media (min-width: 768px) {
    .sf-ser-title h1.-usecase,
    .sf-ser-title h2.-usecase {
        font-size: 32px;
        line-height: 42px;
    }
}
@media (min-width: 1024px) {
    .sf-ser-title h1.-usecase,
    .sf-ser-title h2.-usecase {
        font-size: 36px;
        line-height: 47px;
    }
}
@media (min-width: 1200px) {
    .sf-ser-title h1.-usecase,
    .sf-ser-title h2.-usecase {
        font-size: 40px;
        line-height: 52px;
    }
}
@media (min-width: 1600px) {
    .sf-ser-title h1.-usecase,
    .sf-ser-title h2.-usecase {
        font-size: 46px;
        line-height: 60px;
    }
}
.sf-ser-items {
    white-space: nowrap;
}
.sf-ser-items-wrap {
    position: relative;
}
.sf-ser-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, 0.6)));
    background: -webkit-linear-gradient(top, #80d7fe 0, #80d8ff 30%, rgba(128, 215, 254, 0.6) 40%);
    background: -moz-linear-gradient(top, #80d7fe 0, #80d8ff 30%, rgba(128, 215, 254, 0.6) 40%);
    background: -o-linear-gradient(top, #80d7fe 0, #80d8ff 30%, rgba(128, 215, 254, 0.6) 40%);
    background: linear-gradient(180deg, #80d7fe 0, #80d8ff 30%, rgba(128, 215, 254, 0.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-ser-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, 0.5)));
        background: -webkit-linear-gradient(left, #80d7fe 0, #80d8ff 5%, rgba(128, 215, 254, 0.5) 20%);
        background: -moz-linear-gradient(left, #80d7fe 0, #80d8ff 5%, rgba(128, 215, 254, 0.5) 20%);
        background: -o-linear-gradient(left, #80d7fe 0, #80d8ff 5%, rgba(128, 215, 254, 0.5) 20%);
        background: linear-gradient(90deg, #80d7fe 0, #80d8ff 5%, rgba(128, 215, 254, 0.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-ser-items-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.sf-ser-item {
    position: relative;
    margin: 0 0 60px 0;
    color: #02174e;
    white-space: normal;
    z-index: 1;
}
@media (min-width: 768px) {
    .sf-ser-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-ser-item {
        width: 480px;
    }
}
@media (min-width: 1600px) {
    .sf-ser-item {
        width: 500px;
        margin: 0 80px 0 0;
    }
}
.sf-ser-item-body {
    width: 100%;
    padding: 40px 20px;
    background: #fff;
}
@media (min-width: 768px) {
    .sf-ser-item-body {
        padding: 50px 25px 50px 40px;
        min-height: 717px;
    }
}
@media (min-width: 768px) {
    .sf-ser-item-body {
        padding: 70px 25px 70px 60px;
    }
}
@media (min-width: 1200px) {
    .sf-ser-item-body {
        min-height: 767px;
    }
}
@media (min-width: 1600px) {
    .sf-ser-item-body {
        min-height: 786px;
    }
}
.sf-ser-item-body.-usecase {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
}
.sf-ser-item-title {
    margin: 0 0 24px 0;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0;
    font-weight: 600;
}
@media (min-width: 768px) {
    .sf-ser-item-title {
        margin: 0 0 30px 0;
        max-width: 315px;
        font-size: 26px;
        line-height: 34px;
    }
}
@media (min-width: 1024px) {
    .sf-ser-item-title {
        font-size: 30px;
        line-height: 39px;
    }
}
@media (min-width: 1600px) {
    .sf-ser-item-title {
        font-size: 36px;
        line-height: 47px;
    }
}
.sf-ser-item-titleservices {
    margin: 0 0 24px 0;
    color: #244ca2;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 600;
    padding-top: 6px;
}
@media (min-width: 768px) {
    .sf-ser-item-titleservices {
        margin: 0 0 30px 0;
        max-width: 315px;
        font-size: 16px;
        line-height: 20px;
    }
}
@media (min-width: 1024px) {
    .sf-ser-item-titleservices {
        font-size: 16px;
        line-height: 22px;
    }
}
@media (min-width: 1600px) {
    .sf-ser-item-titleservices {
        font-size: 20px;
        line-height: 26px;
    }
}
.sf-ser-item-titleservicessec {
    margin: 0 0 24px 0;
    color: #244ca2;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 600;
    padding-top: 20px;
}
@media (min-width: 768px) {
    .sf-ser-item-titleservicessec {
        margin: 0 0 30px 0;
        max-width: 315px;
        font-size: 16px;
        line-height: 20px;
    }
}
@media (min-width: 1024px) {
    .sf-ser-item-titleservicessec {
        font-size: 16px;
        line-height: 22px;
    }
}
@media (min-width: 1600px) {
    .sf-ser-item-titleservicessec {
        font-size: 20px;
        line-height: 26px;
    }
}
.sf-ser-item-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sf-ser-item-list ul li {
    position: relative;
    margin: 0 0 18px 0;
    padding: 0 0 0 25px;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
}
@media (min-width: 768px) {
    .sf-ser-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-ser-item-list ul li {
        margin: 0 0 18px 0;
        font-size: 18px;
        line-height: 27px;
    }
}
.sf-ser-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-ser-item-list ul li:after {
        left: 0;
    }
}
.sf-more-usecase-content {
    padding: 60px 0 80px 0;
    color: #03174e;
    overflow: hidden;
}
@media (min-width: 768px) {
    .sf-more-usecase-content {
        padding: 50px 0 120px 0;
    }
}
@media (min-width: 1024px) {
    .sf-more-usecase-content {
        padding: 145px 0 160px 0;
    }
}
@media (min-width: 1200px) {
    .sf-more-usecase-content {
        padding: 120px 0 200px 0;
    }
}
@media (min-width: 1600px) {
    .sf-more-usecase-content {
        padding: 150 0 240px 0;
    }
}
@media (min-width: 1600px) {
    .sf-more-usecase-container.-inverse {
        padding: 0 150px;
    }
}
.sf-more-usecase-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-more-usecase-heading {
        margin-bottom: 82px;
    }
}
@media (min-width: 1024px) {
    .sf-more-usecase-heading {
        margin-bottom: 100px;
    }
}
@media (min-width: 1200px) {
    .sf-more-usecase-heading {
        margin-bottom: 122px;
    }
}
@media (min-width: 1600px) {
    .sf-more-usecase-heading {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 140px;
    }
}
.sf-more-usecase-title {
    margin: 0;
    color: #03174e;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0;
}
@media (min-width: 768px) {
    .sf-more-usecase-title {
        font-size: 36px;
        line-height: 42px;
    }
}
@media (min-width: 1024px) {
    .sf-more-usecase-title {
        font-size: 46px;
        line-height: 53px;
    }
}
@media (min-width: 1200px) {
    .sf-more-usecase-title {
        font-size: 46px;
        line-height: 55px;
    }
}
@media (min-width: 1600px) {
    .sf-more-usecase-title {
        font-size: 50px;
        line-height: 78px;
    }
}
.sf-more-usecase-title-caption {
    width: 150px;
}
@media (min-width: 768px) {
    .sf-more-usecase-title-caption {
        width: auto;
    }
}
.sf-more-usecase-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: 60px;
}
@media (min-width: 768px) {
    .sf-more-usecase-heading {
        margin-bottom: 90px;
    }
}
@media (min-width: 1024px) {
    .sf-more-usecase-heading {
        margin-bottom: 150px;
    }
}
.sf-more-usecase-heading-title {
    max-width: 185px;
    margin: 0 20px 0 0;
    color: #03133f;
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0;
}
@media (min-width: 768px) {
    .sf-more-usecase-heading-title {
        max-width: 280px;
        font-size: 26px;
        line-height: 30px;
    }
}
@media (min-width: 1024px) {
    .sf-more-usecase-heading-title {
        max-width: 600px;
        font-size: 36px;
        line-height: 41px;
    }
}
@media (min-width: 1200px) {
    .sf-more-usecase-heading-title {
        font-size: 40px;
        line-height: 46px;
    }
}
@media (min-width: 1600px) {
    .sf-more-usecase-heading-title {
        font-size: 46px;
        line-height: 53px;
    }
}
.sf-more-usecase-heading-title br {
    display: none;
}
@media (min-width: 768px) {
    .sf-more-usecase-heading-title br {
        display: block;
    }
}
.sf-more-usecase-heading-link {
    color: #2549ca;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    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 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
}
.sf-more-usecase-heading-link:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
@media (min-width: 768px) {
    .sf-more-usecase-heading-link {
        font-size: 16px;
        line-height: 24px;
    }
}
@media (min-width: 1600px) {
    .sf-more-usecase-heading-link {
        font-size: 18px;
        line-height: 36px;
    }
}
.sf-more-usecase-items {
    white-space: nowrap;
}
.sf-more-usecase-item {
    display: inline-block;
    vertical-align: top;
    width: 136px;
    margin: 0 35px 0 0;
    white-space: normal;
}
@media (min-width: 768px) {
    .sf-more-usecase-item {
        width: 203px;
        margin: 0 67px 0 0;
    }
}
@media (min-width: 1024px) {
    .sf-more-usecase-item {
        width: 252px;
        margin: 0 76px 0 0;
    }
}
@media (min-width: 1200px) {
    .sf-more-usecase-item {
        width: 288px;
        margin: 0 82px 0 0;
    }
}
@media (min-width: 1600px) {
    .sf-more-usecase-item {
        width: 300px;
        margin: 0 70px 0 0;
    }
}
@media (min-width: 1600px) {
    .sf-more-usecase-item.-inverse {
        margin: 0 70px 0 0;
    }
}
@media (min-width: 1600px) {
    .sf-more-usecase-item.-inversepaper {
        margin: 0 180px 0 0;
    }
}
.sf-more-usecase-item-img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 20px 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-more-usecase-item-img {
        height: auto;
        margin: 0 0 20px 0;
    }
}
@media (min-width: 1024px) {
    .sf-more-usecase-item-img {
        height: auto;
    }
}
@media (min-width: 1200px) {
    .sf-more-usecase-item-img {
        height: auto;
        margin: 0 0 30px 0;
    }
}
.sf-more-usecase-item-img img {
    width: 100%;
    height: auto;
}
.sf-more-usecase-item-logo img {
    height: auto;
    margin-bottom: 10px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
.sf-more-usecase-item-name {
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 600;
}
@media (min-width: 768px) {
    .sf-more-usecase-item-name {
        font-size: 16px;
        line-height: 22px;
    }
}
.sf-more-usecase-item-name span {
    display: block;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-more-usecase-item.-active .sf-more-usecase-item-name span {
    opacity: 1;
}
.sf-more-usecase-item-more {
    display: block;
    position: relative;
    color: #51c8ff;
    margin-top: 19px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 600;
}
.sf-featureusecase {
    overflow: hidden;
}
.sf-featureusecase-content {
    padding: 100px 0 80px;
}
@media (min-width: 768px) {
    .sf-featureusecase-content {
        padding: 200px 0 214px;
    }
}
@media (min-width: 1024px) {
    .sf-featureusecase-content {
        padding: 200px 0 189px;
    }
}
@media (min-width: 1200px) {
    .sf-featureusecase-content {
        padding: 200px 0 189px;
    }
}
@media (min-width: 1600px) {
    .sf-featureusecase-content {
        padding: 200px 0 190px;
    }
}
.sf-featureusecase-content.-inverse {
    background: #02174e;
    color: #fff;
}
.sf-featureusecase-contentservices {
    padding: 100px 0 80px;
}
@media (min-width: 768px) {
    .sf-featureusecase-contentservices {
        padding: 130px 0 214px;
    }
}
@media (min-width: 1024px) {
    .sf-featureusecase-contentservices {
        padding: 160px 0 189px;
    }
}
@media (min-width: 1200px) {
    .sf-featureusecase-contentservices {
        padding: 180px 0 189px;
    }
}
@media (min-width: 1600px) {
    .sf-featureusecase-contentservices {
        padding: 220px 0 170px;
    }
}
.sf-featureusecase-title {
    max-width: 288px;
    margin: 0 auto 190px;
    color: #03174e;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: 0;
    text-align: center;
}
@media (min-width: 768px) {
    .sf-featureusecase-title {
        max-width: 530px;
        font-size: 36px;
        line-height: 47px;
    }
}
@media (min-width: 1024px) {
    .sf-featureusecase-title {
        max-width: 680px;
        margin-bottom: 180px;
        font-size: 40px;
        line-height: 52px;
    }
}
@media (min-width: 1600px) {
    .sf-featureusecase-title {
        margin-bottom: 164px;
        font-size: 46px;
        line-height: 60px;
    }
}
.sf-featureusecase-title.-inverse {
    color: #fff;
}
.sf-featureusecase-list-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.sf-featureusecase-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 0.3s, border 0.3s;
    -o-transition: color 0.3s, border 0.3s;
    -moz-transition: color 0.3s, border 0.3s;
    transition: color 0.3s, border 0.3s;
}
@media (min-width: 768px) {
    .sf-featureusecase-item {
        padding: 54px 20px 44px;
        min-height: 120px;
        width: 233px;
    }
}
@media (min-width: 1024px) {
    .sf-featureusecase-item {
        width: 310px;
    }
}
.sf-featureusecase-item-number {
    position: absolute;
    left: 12px;
    top: -26px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    border: 5px solid #02174e;
    background: #51c8ff;
    color: #fff;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0;
    text-align: center;
}
@media (min-width: 768px) {
    .sf-featureusecase-item-number {
        top: -35px;
        width: 70px;
        height: 70px;
        font-size: 46px;
        line-height: 53px;
    }
}
.sf-featureusecase-item-number img {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}
@media (min-width: 768px) {
    .sf-featureusecase-item-number img {
        width: 30px;
        height: 30px;
    }
}
.sf-featureusecase-item-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
}
@media (min-width: 768px) {
    .sf-featureusecase-item-title {
        font-size: 16px;
        line-height: 22px;
        margin: 10px;
    }
}
.sf-featureusecase-item-title.-inverse {
    color: #fff;
}
.sf-featureusecase-item.-active {
    color: #51c8ff;
    border-color: #51c8ff;
}
.sf-featureusecase-body-item {
    display: none;
}
.sf-featureusecase-body-item.-active {
    display: block;
}
.sf-news {
    position: relative;
}
.sf-news-content {
    padding: 80px 0 120px;
    background-color: #f3f9fd;
}
@media (min-width: 1024px) {
    .sf-news-content {
        padding: 80px 0 160px;
    }
}
@media (min-width: 1200px) {
    .sf-news-content {
        padding: 100px 0 200px;
    }
}
@media (min-width: 1600px) {
    .sf-news-content {
        padding: 150px 0 200px;
    }
}
.sf-news-containerpadding {
    padding: 0 20px;
}
.sf-news-title {
    margin: 0 0 50px;
    color: #03174e;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0;
}
@media (min-width: 768px) {
    .sf-news-title {
        margin-bottom: 80px;
        font-size: 32px;
        line-height: 42px;
    }
}
@media (min-width: 1024px) {
    .sf-news-title {
        font-size: 36px;
        line-height: 47px;
    }
}
@media (min-width: 1600px) {
    .sf-news-title {
        margin-bottom: 100px;
        font-size: 46px;
        line-height: 60px;
    }
}
.sf-news-stories-current {
    display: none;
}
@media (min-width: 1200px) {
    .sf-news-stories-current {
        display: block;
        margin-bottom: 80px;
        color: rgba(154, 160, 177, 0.5);
        font-weight: 600;
        font-size: 56px;
        line-height: 65px;
        letter-spacing: 0;
    }
}
@media (min-width: 1600px) {
    .sf-news-stories-current {
        margin-bottom: 100px;
        font-size: 76px;
        line-height: 88px;
    }
}
.sf-news-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-news-stories-list::-webkit-scrollbar {
    display: none;
    width: 0;
}
@media (min-width: 1200px) {
    .sf-news-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-news-stories-list {
        top: -233px;
    }
}
.sf-news-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, 0.5);
}
@media (min-width: 768px) {
    .sf-news-stories-item {
        margin-right: 60px;
    }
}
@media (min-width: 1200px) {
    .sf-news-stories-item {
        margin: 0 0 32px;
        color: rgba(80, 83, 92, 0.7);
    }
}
@media (min-width: 1600px) {
    .sf-news-stories-item {
        margin-bottom: 29px;
    }
}
.sf-news-stories-item-text {
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0;
    -webkit-transition: color 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, -webkit-transform 0.3s;
    -o-transition: color 0.3s, -o-transform 0.3s;
    -moz-transition: color 0.3s, transform 0.3s, -moz-transform 0.3s;
    transition: color 0.3s, transform 0.3s;
    transition: color 0.3s, transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
}
@media (min-width: 768px) {
    .sf-news-stories-item-text {
        font-size: 36px;
        line-height: 42px;
    }
}
@media (min-width: 1024px) {
    .sf-news-stories-item-text {
        font-size: 46px;
        line-height: 53px;
    }
}
@media (min-width: 1200px) {
    .sf-news-stories-item-text {
        font-weight: 400;
        font-size: 16px;
        line-height: 21px;
        letter-spacing: 0;
        text-align: right;
    }
}
@media (min-width: 1600px) {
    .sf-news-stories-item-text {
        font-size: 18px;
        line-height: 23px;
    }
}
.sf-news-stories-item-line {
    display: none;
}
@media (min-width: 1200px) {
    .sf-news-stories-item-line {
        display: block;
        width: 60px;
        margin: -2px 0 0 0;
        position: relative;
        -webkit-transition: margin 0.3s;
        -o-transition: margin 0.3s;
        -moz-transition: margin 0.3s;
        transition: margin 0.3s;
    }
    .sf-news-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 0.3s, border 0.3s, -webkit-transform 0.3s;
        transition: right 0.3s, border 0.3s, -webkit-transform 0.3s;
        -o-transition: right 0.3s, border 0.3s, -o-transform 0.3s;
        -moz-transition: transform 0.3s, right 0.3s, border 0.3s, -moz-transform 0.3s;
        transition: transform 0.3s, right 0.3s, border 0.3s;
        transition: transform 0.3s, right 0.3s, border 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
    }
}
@media (hover: hover) {
    .sf-news-stories-item:hover {
        color: #03174e;
    }
    .sf-news-stories-item:hover .sf-news-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-news-stories-item:hover .sf-news-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-news-stories-item:hover .sf-news-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-news-stories-item.-active {
    color: #80d7fe;
}
@media (min-width: 1200px) {
    .sf-news-stories-item.-active .sf-news-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-news-stories-item.-active .sf-news-stories-item-text {
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}
.sf-news-stories-item.-active .sf-news-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-news-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-news-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-news-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-news-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-news-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-news-list-item {
    padding: 0 8px;
    margin-bottom: 50px;
}
@media (min-width: 768px) {
    .sf-news-list-item {
        width: 50%;
        padding: 0 20px;
    }
}
@media (min-width: 1024px) {
    .sf-news-list-item {
        width: 33.333%;
        padding: 0 26px;
    }
}
@media (min-width: 1200px) {
    .sf-news-list-item {
        padding: 0 31px;
    }
}
@media (min-width: 1600px) {
    .sf-news-list-item {
        padding: 0 35px;
        margin-bottom: 70px;
    }
}
.sf-news-preview {
    display: block;
    background-color: #fff;
}
.sf-news-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-news-preview-img {
        height: 273px;
        margin-bottom: 30px;
    }
}
@media (min-width: 1024px) {
    .sf-news-preview-img {
        height: 140px;
        margin-bottom: 40px;
    }
}
@media (min-width: 1200px) {
    .sf-news-preview-img {
        height: 172px;
        margin-bottom: 54px;
    }
}
@media (min-width: 1600px) {
    .sf-news-preview-img {
        height: 172px;
        margin-bottom: 54px;
    }
}
.sf-news-preview-img.-video {
    height: auto;
    margin-bottom: 0;
}
.sf-news-preview-img.-manual {
    width: 100%;
    height: 300px;
}
@media (min-width: 1024px) {
    .sf-news-preview-img.-manual {
        width: 330px;
        height: 400px;
    }
}
.sf-news-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-news-preview-img img {
        margin-bottom: 30px;
    }
}
@media (min-width: 1024px) {
    .sf-news-preview-img img {
        margin-bottom: 40px;
    }
}
@media (min-width: 1200px) {
    .sf-news-preview-img img {
        margin-bottom: 30px;
    }
}
@media (min-width: 1600px) {
    .sf-news-preview-img img {
        margin-bottom: 60px;
    }
}
.sf-news-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-news-preview-img iframe {
        margin-bottom: 30px;
    }
}
@media (min-width: 1024px) {
    .sf-news-preview-img iframe {
        margin-bottom: 40px;
    }
}
@media (min-width: 1200px) {
    .sf-news-preview-img iframe {
        margin-bottom: 30px;
    }
}
@media (min-width: 1600px) {
    .sf-news-preview-img iframe {
        margin-bottom: 60px;
    }
}
.sf-news-preview-date {
    float: right;
    text-align: center;
    margin-bottom: 10px;
    color: #51c8ff;
    font-size: 14px;
    line-height: 50px;
    letter-spacing: 0;
    width: 100px;
    height: 50px;
    margin-bottom: 20px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
@media (min-width: 768px) {
    .sf-news-preview-date {
        margin-bottom: 30px;
    }
}
@media (min-width: 1024px) {
    .sf-news-preview-date {
        font-size: 15px;
        line-height: 50px;
        margin-bottom: 40px;
    }
}
@media (min-width: 1200px) {
    .sf-news-preview-date {
        font-size: 16px;
        line-height: 50px;
        margin-bottom: 30px;
        margin-right: 24px;
    }
}
@media (min-width: 1600px) {
    .sf-news-preview-date {
        font-size: 18px;
        line-height: 50px;
        margin-bottom: 60px;
        margin-right: 24px;
    }
}
.sf-news-preview-title {
    margin-bottom: 10px;
    color: #03174e;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    min-width: 240px;
    min-height: 40px;
}
@media (min-width: 768px) {
    .sf-news-preview-title {
        font-size: 16px;
        line-height: 22px;
        margin-left: 33px;
        margin-bottom: 40px;
        margin-right: 40px;
        min-height: 88px;
    }
}
@media (min-width: 1024px) {
    .sf-news-preview-title {
        font-size: 16px;
        line-height: 22px;
        margin-left: 33px;
        margin-bottom: 40px;
        margin-right: 33px;
        min-width: 190px;
        min-height: 110px;
    }
}
@media (min-width: 1200px) {
    .sf-news-preview-title {
        font-size: 16px;
        line-height: 22px;
        margin-left: 33px;
        margin-bottom: 33px;
        margin-right: 33px;
        min-height: 88px;
    }
}
@media (min-width: 1600px) {
    .sf-news-preview-title {
        font-size: 18px;
        line-height: 25px;
        min-height: 100px;
    }
}
.sf-news-preview-note {
    color: #51c8ff;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
}
@media (min-width: 1200px) {
    .sf-news-preview-note {
        font-size: 16px;
        line-height: 24px;
    }
}
@media (min-width: 1600px) {
    .sf-news-preview-note {
        font-size: 18px;
        line-height: 27px;
    }
}
.sf-news-preview-logo img {
    width: 100px;
    height: 50px;
    margin-bottom: 20px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
    margin-left: 20px;
}
@media (min-width: 768px) {
    .sf-news-preview-logo img {
        margin-bottom: 30px;
        margin-left: 33px;
    }
}
@media (min-width: 1024px) {
    .sf-news-preview-logo img {
        margin-bottom: 40px;
        margin-left: 33px;
    }
}
@media (min-width: 1200px) {
    .sf-news-preview-logo img {
        margin-bottom: 30px;
        margin-left: 33px;
    }
}
@media (min-width: 1600px) {
    .sf-news-preview-logo img {
        margin-bottom: 60px;
        margin-left: 33px;
    }
}
@media (min-width: 1024px) {
    .sf-news-preview.-lg .sf-news-preview-date {
        margin-bottom: 22px;
        font-size: 16px;
        line-height: 24px;
    }
}
@media (min-width: 1600px) {
    .sf-news-preview.-lg .sf-news-preview-date {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 27px;
    }
}
@media (min-width: 1024px) {
    .sf-news-preview.-lg .sf-news-preview-note {
        font-size: 16px;
        line-height: 24px;
    }
}
@media (min-width: 1600px) {
    .sf-news-preview.-lg .sf-news-preview-note {
        font-size: 18px;
        line-height: 27px;
    }
}
.sf-news-more {
    margin-top: -10px;
    color: #03174e;
    font-weight: 200;
    font-size: 46px;
    line-height: 69px;
    letter-spacing: 0;
    text-transform: uppercase;
    text-align: center;
}
@media (min-width: 768px) {
    .sf-news-more {
        margin-top: 10px;
    }
}
@media (min-width: 1200px) {
    .sf-news-more {
        margin-top: 0;
    }
}
@media (min-width: 1600px) {
    .sf-news-more {
        margin-top: 10px;
    }
}
.sf-news.-md .sf-news-content {
    padding: 80px 0 76px;
}
@media (min-width: 768px) {
    .sf-news.-md .sf-news-content {
        padding: 80px 0 120px;
    }
}
@media (min-width: 1024px) {
    .sf-news.-md .sf-news-content {
        padding: 80px 0 160px;
    }
}
@media (min-width: 1200px) {
    .sf-news.-md .sf-news-content {
        padding: 100px 0 200px;
    }
}
.sf-news.-sm .sf-news-content {
    padding: 0 0 80px;
}
@media (min-width: 768px) {
    .sf-news.-sm .sf-news-content {
        padding-bottom: 120px;
    }
}
@media (min-width: 1024px) {
    .sf-news.-sm .sf-news-content {
        padding-bottom: 160px;
    }
}
@media (min-width: 1200px) {
    .sf-news.-sm .sf-news-content {
        padding-bottom: 200px;
    }
}
@media (min-width: 1200px) {
    .sf-news.-offset {
        padding-right: 26px;
    }
}
@media (min-width: 1600px) {
    .sf-news.-offset {
        padding-right: 0;
    }
}
.sf-news-logo {
    height: auto;
}
@media (min-width: 768px) {
    .sf-news-logo {
        height: auto;
    }
}
@media (min-width: 1024px) {
    .sf-news-logo {
        height: auto;
    }
}
@media (min-width: 1600px) {
    .sf-news-logo {
        height: auto;
    }
}
.sf-news-logo img {
    height: auto;
}
.sf-news-more {
    margin: 30px 0 0 0;
    text-align: center;
}
@media (min-width: 768px) {
    .sf-news-more {
        margin: 60px 0 0 0;
    }
}
@media (min-width: 1200px) {
    .sf-news-more {
        margin: 80px 0 0 0;
    }
}
.sf-news-more a {
    font-size: 46px;
    line-height: 69px;
    letter-spacing: 0;
    font-weight: 200;
    text-transform: uppercase;
    color: #03174e;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-news-more a:hover {
    opacity: 0.8;
}
.sf-angel {
    overflow: hidden;
}
.sf-angel-content {
    padding: 60px 0;
}
@media (min-width: 1024px) {
    .sf-angel-content {
        padding: 110px 0;
    }
}
@media (min-width: 1200px) {
    .sf-angel-content {
        padding: 125px 0;
    }
}
@media (min-width: 1600px) {
    .sf-angel-content {
        padding: 150px 0;
    }
}
.sf-angel-content.-lg {
    padding: 60px 0 120px 0;
}
@media (min-width: 1024px) {
    .sf-angel-content.-lg {
        padding: 110px 0 220px 0;
    }
}
@media (min-width: 1200px) {
    .sf-angel-content.-lg {
        padding: 125px 0 250px 0;
    }
}
@media (min-width: 1600px) {
    .sf-angel-content.-lg {
        padding: 150px 0 300px 0;
    }
}
.sf-angel-content.-xl {
    padding: 120px 0;
}
@media (min-width: 768px) {
    .sf-angel-content.-xl {
        padding: 200px 0 180px 0;
    }
}
@media (min-width: 1024px) {
    .sf-angel-content.-xl {
        padding: 200px 0 220px 0;
    }
}
@media (min-width: 1200px) {
    .sf-angel-content.-xl {
        padding: 200px 0 250px 0;
    }
}
@media (min-width: 1600px) {
    .sf-angel-content.-xl {
        padding: 246px 0 300px 0;
    }
}
.sf-angel.-lg .sf-angel-container {
    max-width: 288px;
    margin: 0 auto;
    padding: 0 16px;
}
@media (min-width: 768px) {
    .sf-angel.-lg .sf-angel-container {
        padding: 0 40px;
        max-width: 100%;
    }
}
@media (min-width: 1024px) {
    .sf-angel.-lg .sf-angel-container {
        padding: 0 81px;
    }
}
@media (min-width: 1200px) {
    .sf-angel.-lg .sf-angel-container {
        padding: 0 100px;
    }
}
@media (min-width: 1600px) {
    .sf-angel.-lg .sf-angel-container {
        padding: 0 280px;
        max-width: 1600px;
        margin: 0 auto;
    }
}
.sf-angel-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-angel-heading {
        margin-bottom: 20px;
    }
}
@media (min-width: 1024px) {
    .sf-angel-heading {
        margin-bottom: 50px;
    }
}
.sf-angel-heading-title {
    max-width: 185px;
    margin: 0 20px 0 0;
    color: #03133f;
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0;
}
@media (min-width: 768px) {
    .sf-angel-heading-title {
        max-width: 280px;
        font-size: 26px;
        line-height: 30px;
    }
}
@media (min-width: 1024px) {
    .sf-angel-heading-title {
        max-width: 600px;
        font-size: 36px;
        line-height: 41px;
    }
}
@media (min-width: 1200px) {
    .sf-angel-heading-title {
        font-size: 40px;
        line-height: 46px;
    }
}
@media (min-width: 1600px) {
    .sf-angel-heading-title {
        font-size: 46px;
        line-height: 53px;
    }
}
.sf-angel-heading-title br {
    display: none;
}
@media (min-width: 768px) {
    .sf-angel-heading-title br {
        display: block;
    }
}
.sf-angel-heading-link {
    color: #2549ca;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    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 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
}
.sf-angel-heading-link:hover {
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
}
@media (min-width: 768px) {
    .sf-angel-heading-link {
        font-size: 16px;
        line-height: 24px;
    }
}
@media (min-width: 1600px) {
    .sf-angel-heading-link {
        font-size: 18px;
        line-height: 36px;
    }
}
.sf-angel-heading.-lg {
    margin-bottom: 50px;
}
@media (min-width: 768px) {
    .sf-angel-heading.-lg {
        margin-bottom: 80px;
    }
}
@media (min-width: 1024px) {
    .sf-angel-heading.-lg {
        margin-bottom: 100px;
    }
}
@media (min-width: 1600px) {
    .sf-angel-heading.-lg {
        margin-bottom: 140px;
    }
}
.sf-angel-items {
    margin: 0 -13px;
    white-space: nowrap;
    overflow: auto;
}
.sf-angel-items::-webkit-scrollbar {
    width: 0;
    background: 0 0;
}
@media (min-width: 768px) {
    .sf-angel-items {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
    }
}
@media (min-width: 1024px) {
    .sf-angel-items {
        margin: 0 -22px;
        white-space: normal;
        overflow: initial;
    }
}
@media (min-width: 1200px) {
    .sf-angel-items {
        margin: 0 -49px;
    }
}
@media (min-width: 1600px) {
    .sf-angel-items {
        margin: 0 -35px;
    }
}
.sf-angel.-lg .sf-angel-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-angel.-lg .sf-angel-items {
        margin: -28px -20px;
    }
}
@media (min-width: 1024px) {
    .sf-angel.-lg .sf-angel-items {
        margin: -40px -26px;
    }
}
@media (min-width: 1200px) {
    .sf-angel.-lg .sf-angel-items {
        margin: -40px -25px;
    }
}
@media (min-width: 1600px) {
    .sf-angel.-lg .sf-angel-items {
        margin: -50px -30px;
    }
}
.sf-angel-item {
    display: inline-block;
    padding: 0 13px;
    width: 212px;
}
@media (min-width: 768px) {
    .sf-angel-item {
        width: 33.3333%;
    }
}
@media (min-width: 1024px) {
    .sf-angel-item {
        padding: 0 22px;
    }
}
@media (min-width: 1200px) {
    .sf-angel-item {
        padding: 0 49px;
    }
}
@media (min-width: 1600px) {
    .sf-angel-item {
        padding: 0 35px;
    }
}
.sf-angel-item a {
    display: block;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sf-angel-item a:focus,
.sf-angel-item a:hover {
    opacity: 0.9;
}
@media (min-width: 768px) {
    .sf-angel-item.-top {
        margin: 120px 0 0 0;
    }
}
.sf-angel.-lg .sf-angel-item {
    padding: 25px 13px;
    width: 50%;
}
@media (min-width: 768px) {
    .sf-angel.-lg .sf-angel-item {
        padding: 28px 20px;
        width: 33.3333%;
    }
}
@media (min-width: 1024px) {
    .sf-angel.-lg .sf-angel-item {
        padding: 40px 26px;
    }
}
@media (min-width: 1200px) {
    .sf-angel.-lg .sf-angel-item {
        padding: 40px 25px;
    }
}
@media (min-width: 1600px) {
    .sf-angel.-lg .sf-angel-item {
        padding: 50px 30px;
    }
}
.sf-angel-img img {
    display: block;
    width: 100%;
    height: auto;
    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: 1600px) {
    .sf-angel-img img {
        margin: 0 0 40px 0;
    }
}
.sf-angel.-lg .sf-angel-img img {
    height: auto;
    width: 100%;
}
.sf-angel-name {
    display: block;
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 600;
    color: #03174e;
}
@media (min-width: 768px) {
    .sf-angel-name {
        font-size: 16px;
        line-height: 22px;
    }
}
@media (min-width: 1024px) {
    .sf-angel-name {
        margin: 0 0 20px 0;
    }
}
@media (min-width: 1600px) {
    .sf-angel-name {
        font-size: 18px;
        line-height: 25px;
    }
}
.sf-angel-text {
    display: block;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
    color: #9aa0b1;
}
@media (min-width: 768px) {
    .sf-angel-text {
        font-size: 16px;
        line-height: 24px;
    }
}
@media (min-width: 1600px) {
    .sf-angel-text {
        font-size: 18px;
        line-height: 27px;
    }
}
.sf-angel-text.-inverse {
    margin: 10px 0 0 0;
    color: #51c8ff;
}
.sf-angel-logo {
    height: 20px;
    margin: 15px 0 0 0;
}
@media (min-width: 768px) {
    .sf-angel-logo {
        height: 25px;
        margin: 20px 0 0 0;
    }
}
@media (min-width: 1024px) {
    .sf-angel-logo {
        height: 30px;
    }
}
@media (min-width: 1600px) {
    .sf-angel-logo {
        height: 35px;
    }
}
.sf-angel-logo img {
    height: 100%;
}
.sf-paper {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.sf-paper.-demo {
    overflow: visible;
}
.sf-paper-content {
    padding: 20px 0;
    color: #03174e;
    background: #f3f9fd;
}
@media (min-width: 768px) {
    .sf-paper-content {
        padding: 85px 0;
    }
}
@media (min-width: 1024px) {
    .sf-paper-content {
        padding: 90px 0 20px 0;
    }
}
@media (min-width: 1200px) {
    .sf-paper-content {
        padding: 90px 0 30px 0;
    }
}
@media (min-width: 1600px) {
    .sf-paper-content {
        padding: 95px 0 30px 0;
    }
}
.sf-paper-content.-white {
    background: #fff;
}
@media (min-width: 1600px) {
    .sf-paper-container {
        padding: 0 150px;
    }
}
@media (min-width: 768px) {
    .sf-paper-grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -28px;
    }
}
@media (min-width: 1024px) {
    .sf-paper-grid {
        margin: 0 -48px;
    }
}
@media (min-width: 1200px) {
    .sf-paper-grid {
        margin: 0 -42px;
    }
}
@media (min-width: 1600px) {
    .sf-paper-grid {
        margin: 0 -20px;
    }
}
@media (min-width: 768px) {
    .sf-paper-grid-col {
        width: 50%;
        padding: 0 28px;
    }
}
@media (min-width: 1024px) {
    .sf-paper-grid-col {
        padding: 0 48px;
    }
}
@media (min-width: 1200px) {
    .sf-paper-grid-col {
        padding: 0 5px;
        margin-right: 60px;
    }
}
@media (min-width: 1600px) {
    .sf-paper-grid-col {
        padding: 0 30px;
        margin-right: 100px;
    }
}
.sf-paper-grid-col.-form {
    background: #02174e;
    padding-top: 50px;
    position: relative;
    padding: 20px;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
}
@media (min-width: 768px) {
    .sf-paper-grid-col.-form {
        padding: 30px;
    }
}
@media (min-width: 1200px) {
    .sf-paper-grid-col.-form {
        padding: 30px;
        width: 430px;
        margin-right: 30px;
    }
}
@media (min-width: 1600px) {
    .sf-paper-grid-col.-form {
        padding: 30px;
        width: 500px;
        margin-right: 50px;
    }
}
.sf-paper-grid-col.-formdemo {
    background: #244ca2;
    padding-top: 50px;
    position: relative;
    padding: 20px;
    height: auto;
}
@media (min-width: 768px) {
    .sf-paper-grid-col.-formdemo {
        padding: 30px;
        margin-top: -525px;
    }
}
@media (min-width: 1024px) {
    .sf-paper-grid-col.-formdemo {
        padding: 30px;
        margin-top: -525px;
        width: 428px;
    }
}
@media (min-width: 1200px) {
    .sf-paper-grid-col.-formdemo {
        padding: 30px;
        width: 450px;
        margin-right: 30px;
        margin-top: -490px;
    }
}
@media (min-width: 1600px) {
    .sf-paper-grid-col.-formdemo {
        padding: 30px;
        width: 590px;
        margin-top: -550px;
    }
}
@media (min-width: 768px) {
    .sf-paper-grid-col.-formimg {
        width: 50%;
        padding: 0 28px;
    }
}
@media (min-width: 1024px) {
    .sf-paper-grid-col.-formimg {
        padding: 0 48px;
    }
}
@media (min-width: 1200px) {
    .sf-paper-grid-col.-formimg {
        padding: 0 0 0 40px;
        margin-right: 25px;
    }
}
@media (min-width: 1600px) {
    .sf-paper-grid-col.-formimg {
        margin-right: 25px;
    }
}
.sf-paper-grid-col-title {
    font-weight: 600;
    font-size: 2em;
    color: #fff;
    text-align: left;
}
.sf-paper-grid-col-container {
    padding: 50px 0;
}
.sf-paper-grid-col-container-thanks {
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 0;
    display: none;
}
.sf-paper-grid-col-container-thanks-logo {
    width: 100%;
    height: auto;
}
.sf-paper-grid-col-container-thanks-logo svg {
    width: 50%;
    height: auto;
}
.sf-paper-grid-col-container-thanks-head {
    font-size: 4em;
    line-height: 1.25em;
    padding: 50px 0;
}
.sf-paper-grid-col-container-thanks-text {
    font-size: 2em;
}
.sf-paper-title {
    margin: 0 0 50px 0;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0;
    font-weight: 600;
}
@media (min-width: 768px) {
    .sf-paper-title {
        margin: 0;
        font-size: 32px;
        line-height: 45px;
    }
}
@media (min-width: 1024px) {
    .sf-paper-title {
        font-size: 36px;
        line-height: 50px;
    }
}
@media (min-width: 1200px) {
    .sf-paper-title {
        font-size: 40px;
        line-height: 56px;
    }
}
@media (min-width: 1600px) {
    .sf-paper-title {
        font-size: 46px;
        line-height: 64px;
    }
}
.sf-paper-text {
    margin-top: 70px;
}
.sf-paper-text p {
    margin: 0 0 35px 0;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
}
.sf-paper-text p:last-child {
    margin: 0;
}
@media (min-width: 768px) {
    .sf-paper-text p {
        margin: 0 0 45px 0;
        font-size: 16px;
        line-height: 32px;
    }
}
@media (min-width: 1200px) {
    .sf-paper-text p {
        margin: 0 0 45px 0;
        font-size: 18px;
        line-height: 36px;
    }
}
@media (min-width: 1600px) {
    .sf-paper-text p {
        margin: 0 0 50px 0;
        font-size: 20px;
        line-height: 40px;
    }
}
.sf-paper-text.-head {
    font-weight: 600;
    display: block;
    font-size: 1.25em;
    padding-bottom: 20px;
}
.sf-paper-text-list li {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
}
@media (min-width: 768px) {
    .sf-paper-text-list li {
        margin: 0 0 18px 0;
        font-size: 16px;
        line-height: 32px;
    }
}
@media (min-width: 1200px) {
    .sf-paper-text-list li {
        margin: 0 0 30px 0;
        font-size: 18px;
        line-height: 36px;
    }
}
@media (min-width: 1600px) {
    .sf-paper-text-list li {
        margin: 0 0 35px 0;
        font-size: 20px;
        line-height: 40px;
    }
}
.sf-paper-img {
    position: relative;
    margin: 10px 0 40px 0;
}
@media (min-width: 768px) {
    .sf-paper-img {
        margin: 10px 0 20px 0;
    }
}
@media (min-width: 1024px) {
    .sf-paper-img {
        margin: 10px 0 10px 0;
    }
}
@media (min-width: 1200px) {
    .sf-paper-img {
        margin: 20px 0 10px 0;
    }
}
.sf-paper-img-shadow {
    display: none;
    position: absolute;
    width: 1040px;
    height: 793px;
}
@media (min-width: 1200px) {
    .sf-paper-img-shadow {
        display: block;
        right: -100px;
        bottom: -130px;
    }
}
@media (min-width: 1600px) {
    .sf-paper-img-shadow {
        right: -60px;
        bottom: -60px;
    }
}
.sf-paper-img-shadow img {
    width: 100%;
    height: 100%;
}
.sf-paper-img img {
    position: relative;
    z-index: 10;
    width: 100%;
}
.sf-paper-img video {
    position: relative;
    z-index: 10;
    width: 100%;
}
.sf-paper-img.-inverse {
    display: none;
}
@media (min-width: 768px) {
    .sf-paper-img.-inverse {
        display: block;
    }
}
@media (min-width: 768px) {
    .sf-header-grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -28px;
    }
}
@media (min-width: 1024px) {
    .sf-header-grid {
        margin: 0 -48px;
    }
}
@media (min-width: 1200px) {
    .sf-header-grid {
        margin: 0 -42px;
    }
}
@media (min-width: 1600px) {
    .sf-header-grid {
        margin: 0 -20px;
    }
}
@media (min-width: 768px) {
    .sf-header-grid-col {
        width: 350px;
        padding: 0 28px;
    }
}
@media (min-width: 1024px) {
    .sf-header-grid-col {
        padding: 0 48px;
    }
}
@media (min-width: 1200px) {
    .sf-header-grid-col {
        padding: 0 5px;
    }
}
@media (min-width: 1600px) {
    .sf-header-grid-col {
        padding: 0 30px;
        margin-right: 70px;
    }
}
.sf-header-grid-col.-form {
    background: #02174e;
    padding-top: 50px;
    position: relative;
    padding: 20px;
}
@media (min-width: 768px) {
    .sf-header-grid-col.-form {
        padding: 30px;
        width: 100%;
    }
}
@media (min-width: 1024px) {
    .sf-header-grid-col.-form {
        padding: 30px;
    }
}
@media (min-width: 1200px) {
    .sf-header-grid-col.-form {
        padding: 30px;
    }
}
@media (min-width: 1600px) {
    .sf-header-grid-col.-form {
        padding: 30px;
    }
}
.sf-header-grid-col-title {
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0;
    text-align: center;
}
@media (min-width: 768px) {
    .sf-header-grid-col-title {
        font-size: 36px;
        line-height: 43px;
        text-align: left;
    }
}
@media (min-width: 1200px) {
    .sf-header-grid-col-title {
        font-size: 46px;
        line-height: 60px;
    }
}
@media (min-width: 1600px) {
    .sf-header-grid-col-title {
        font-size: 48px;
        line-height: 64px;
    }
}
.sf-header-grid-col-title.-uptitle {
    font-size: 26px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0;
    text-align: left;
    color: #51c8ff;
    display: none;
}
@media (min-width: 768px) {
    .sf-header-grid-col-title.-uptitle {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 30px;
        display: block;
        margin-top: 40px;
    }
}
@media (min-width: 1024px) {
    .sf-header-grid-col-title.-uptitle {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 35px;
        margin-top: 75px;
    }
}
@media (min-width: 1600px) {
    .sf-header-grid-col-title.-uptitle {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 40px;
    }
}
.sf-header-preview {
    width: 280px;
}
@media (min-width: 768px) {
    .sf-header-preview {
        width: 300px;
    }
}
.sf-header-preview img {
    width: 100%;
    height: auto;
    -webkit-filter: drop-shadow(0 30px 40px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 30px 40px rgba(0, 0, 0, 0.1));
}