/* 20200521 */

/*@font-face {*/
/*    font-family: 'open sans';*/
/*    src: url("../fonts/opensans-light.ttf");*/
/*    font-weight: 200;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'open sans';*/
/*    src: url("../fonts/opensans-lightitalic.ttf");*/
/*    font-weight: 200;*/
/*    font-style: italic;*/
/*}*/

/*@font-face {*/
/*    font-family: 'open sans';*/
/*    src: url("../fonts/opensans-regular.ttf");*/
/*    font-weight: 400;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'open sans';*/
/*    src: url("../fonts/opensans-italic.ttf");*/
/*    font-weight: 400;*/
/*    font-style: italic;*/
/*}*/

/*@font-face {*/
/*    font-family: 'open sans';*/
/*    src: url("../fonts/opensans-bold.ttf");*/
/*    font-weight: 600;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'open sans';*/
/*    src: url("../fonts/opensans-bolditalic.ttf");*/
/*    font-weight: 600;*/
/*    font-style: italic;*/
/*}*/

/*@font-face {*/
/*    font-family: 'open sans';*/
/*    src: url("../fonts/opensans-extrabold.ttf");*/
/*    font-weight: 800;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'open sans';*/
/*    src: url("../fonts/opensans-extrabolditalic.ttf");*/
/*    font-weight: 800;*/
/*    font-style: italic;*/
/*}*/


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */


/* General Elements */

body {
    font-family: 'open sans', 'Source Han Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Microsoft Yahei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 200;
    line-height: 1.625;
}

h1,
.sf-h1 {
    font-size: 45px;
    font-weight: 400;
}

h2,
.sf-h2 {
    font-size: 36px;
    font-weight: 400;
}

h3,
.sf-h3 {
    font-size: 22px;
    font-weight: 400;
}

h4,
.sf-h4 {
    font-size: 18px;
    font-weight: 400;
}

h5,
h6 {
    font-size: 16px;
    font-weight: 400;
}

img,
p {
    max-width: 100%;
}

table {
    width: 100% !important;
    max-width: 98% !important;
    margin-left: 1% !important;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.hidden {
    display: none !important;
}

.hidden-star {
    visibility: hidden;
    height: 0;
    width: 0;
}


/* Grid System */

@media all and (min-width: 1024px) {
    .col-md-1-5 {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-md-1-7 {
        flex: 0 0 14.2857%;
        max-width: 14.2857%;
    }
    .col-md-1-8 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}

@media all and (max-width: 1024px) {
    .col-1-5 {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-1-7 {
        flex: 0 0 14.2857%;
        max-width: 14.2857%;
    }
    .col-1-8 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}


/* Links */

a {
    transition: all linear 0.3s;
}

a:hover,
a:focus,
a:active {
    color: #03407E;
}

.sf-com-expand-link .link {
    color: #669ACC;
}

.sf-com-expand-link .link:hover,
.sf-com-expand-link .link:focus,
.sf-com-expand-link .link:active {
    text-decoration: none;
    color: #03407E;
}

.sf-com-expand-link .link:hover .icon,
.sf-com-expand-link .link:focus .icon,
.sf-com-expand-link .link:active .icon {
    border-color: #03407E;
    background-color: #03407E;
    color: #FFFFFF;
}

.sf-com-expand-link .exp,
.sf-com-expand-link .clp {
    display: flex;
    font-weight: 100;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    transition: all ease-out 0.3s;
}

.sf-com-expand-link .clp {
    display: none;
}

.sf-com-expand-link .icon {
    border: 1px solid #669ACC;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 2.2em;
    width: 2.2em;
    margin-left: 0.8em;
    transition: all ease-out 0.3s;
}

.sf-com-expand-link .icon span {
    font-size: 1em;
}

.sf-com-expand-link.active .exp {
    display: none;
}

.sf-com-expand-link.active .clp {
    display: flex;
}

.sf-com-arrow-link {
    display: flex;
}

.sf-com-arrow-link .link {
    color: #454545;
    display: flex;
    flex-direction: row;
    flex-shrink: 1;
    justify-content: flex-start;
    align-items: center;
    font-size: 1em;
    text-decoration: none;
}

.sf-com-arrow-link .link .text {
    transition: all linear 0.3s;
}

.sf-com-arrow-link .link .icon {
    background-color: #03407E;
    border-radius: 50%;
    color: #FFFFFF;
    display: block;
    font-size: 1.3em;
    margin-left: 0.6em;
    height: 2em;
    line-height: 2em;
    width: 2em;
    text-align: center;
    transition: all linear 0.3s;
}

.sf-com-arrow-link .link:hover .text,
.sf-com-arrow-link .link:focus .text,
.sf-com-arrow-link .link:active .text {
    color: #03407E;
}

.sf-com-arrow-link .link:hover .icon,
.sf-com-arrow-link .link:focus .icon,
.sf-com-arrow-link .link:active .icon {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    font-weight: 600;
    margin-left: 0.9em;
}


/* Buttons */

.sf-cross-btn {
    cursor: pointer;
    background-color: #669ACC;
    display: inline-block;
    font-size: 16px;
    height: 3.5em;
    line-height: 3.5em;
    padding: 0 6em 0 1.5em;
    position: relative;
    z-index: 0;
    text-decoration: none;
}

.sf-cross-btn span {
    color: #FFFFFF;
    display: block;
    font-weight: 200;
    text-transform: uppercase;
    transition: color 0.3s ease;
    text-decoration: none;
    position: relative;
    z-index: 1;
}

.sf-cross-btn em {
    position: absolute;
    height: 1px;
    background: #FFFFFF;
    width: 4em;
    right: 1.5em;
    top: 50%;
    transform: scaleX(0.3);
    transform-origin: center right;
    transition: all 0.3s ease;
    z-index: 1;
}

.sf-cross-btn:before,
.sf-cross-btn:after {
    content: '';
    background: #FFFFFF;
    height: 50%;
    width: 0;
    position: absolute;
    transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.sf-cross-btn:before {
    top: 0;
    left: 0;
    right: auto;
}

.sf-cross-btn:after {
    bottom: 0;
    right: 0;
    left: auto;
}

.sf-cross-btn:hover {
    text-decoration: none;
}

.sf-cross-btn:hover:before {
    width: 100%;
    right: 0;
    left: auto;
}

.sf-cross-btn:hover:after {
    width: 100%;
    left: 0;
    right: auto;
}

.sf-cross-btn:hover span {
    color: #03407E;
}

.sf-cross-btn:hover em {
    background: #03407E;
    transform: scaleX(1);
}

.sf-cross-btn.type-white {
    background-color: #FFFFFF;
}

.sf-cross-btn.type-white span {
    color: #669ACC;
}

.sf-cross-btn.type-white em {
    background-color: #669ACC;
}

.sf-cross-btn.type-white::before,
.sf-cross-btn.type-white::after {
    background-color: #03407E;
}

.sf-cross-btn.type-white:hover,
.sf-cross-btn.type-white:focus,
.sf-cross-btn.type-white:active {
    background-color: #03407E;
}

.sf-cross-btn.type-white:hover span,
.sf-cross-btn.type-white:focus span,
.sf-cross-btn.type-white:active span {
    color: #FFFFFF;
}

.sf-cross-btn.type-white:hover em,
.sf-cross-btn.type-white:focus em,
.sf-cross-btn.type-white:active em {
    background-color: #FFFFFF;
}

.sf-cross-btn.type-blue {
    background-color: #003466;
}

.sf-cross-btn.type-blue span {
    color: #FFFFFF;
}

.sf-cross-btn.type-blue em {
    background-color: #FFFFFF;
}

.sf-cross-btn.type-blue::before,
.sf-cross-btn.type-blue::after {
    background-color: #03407E;
}

.sf-cross-btn.type-blue:hover span,
.sf-cross-btn.type-blue:focus span,
.sf-cross-btn.type-blue:active span {
    color: #FFFFFF;
}

.sf-cross-btn.type-blue:hover em,
.sf-cross-btn.type-blue:focus em,
.sf-cross-btn.type-blue:active em {
    background-color: #FFFFFF;
}

.sf-play-btn {
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    color: #FFFFFF;
    display: inline-block;
    font-size: 0;
    line-height: 40px;
    text-align: center;
    height: 50px;
    width: 50px;
    position: relative;
}

.sf-play-btn span {
    font-size: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -11px;
}

.sf-play-btn:hover,
.sf-play-btn:active {
    background-color: #FFFFFF;
    color: #FFFFFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.sf-simple-button {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    font-weight: 200;
    min-width: 8em;
    padding: 0.7em;
    position: relative;
    text-decoration: none;
    text-align: center;
}

.sf-simple-button::after {
    background-color: rgba(109, 173, 25, 0);
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    transition: all linear 0.15s;
    z-index: -1;
}

.sf-simple-button:hover,
.sf-simple-button:active {
    color: #FFFFFF !important;
    border-color: #03407E !important;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
    text-decoration: none;
}

.sf-simple-button:hover::after,
.sf-simple-button:active::after {
    background-color: #03407E;
    width: 100%;
    transition: all linear 0.2s;
}

.sf-go-button {
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    transition: right ease-out 0.2s;
}

.sf-go-button:hover,
.sf-go-button:focus,
.sf-go-button:active {
    text-decoration: none;
}

.sf-go-button:hover .icon,
.sf-go-button:focus .icon,
.sf-go-button:active .icon {
    background-color: #03407E;
    border-color: #03407E;
    color: #FFFFFF;
}

.sf-go-button .icon {
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 2.5em;
    height: 2.5em;
    margin-left: 1em;
    transition: all linear 0.15s;
}

.sf-go-button .icon span {
    font-size: 1.6em;
    font-weight: bold;
}

.sf-com-video-play-button {
    font-size: 10px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 7em;
    width: 7em;
    position: relative;
}

.sf-com-video-play-button img {
    display: block;
    width: 40%;
    height: 55%;
    margin-left: 10%;
    max-height: 100%;
    position: relative;
    z-index: 5;
}

.sf-com-video-play-button::before {
    content: " ";
    background-color: rgba(255, 255, 255, 0);
    display: block;
    height: 0;
    width: 0;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all linear 0.15s;
    transform: scale(1);
    z-index: 1;
}

.sf-com-video-play-button::after {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.sf-com-video-play-button:hover::before,
.sf-com-video-play-button:focus::before,
.sf-com-video-play-button:active::before {
    background-color: rgba(0, 0, 0, 0.3);
    height: 8em;
    width: 8em;
    margin-top: -4em;
    margin-left: -4em;
}

.sf-com-video-play-button:hover::after,
.sf-com-video-play-button:focus::after,
.sf-com-video-play-button:active::after {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}


/* Backgrounds */

.sf-bg-block-blue {
    background-color: #EAF1FD;
}

.sf-bg-block-blue:before,
.sf-bg-block-blue:after {
    content: " ";
    display: table;
}

.sf-bg-block-blue:after {
    clear: both;
}

.sf-bg-block-blue+.sf-bg-block-blue>[class^=sf-com] {
    padding-top: 40px;
}

.sf-bg-block-blue+.sf-bg-block-blue[class^=sf-com] {
    padding-top: 0;
}

.sf-bg-block-blue-fog {
    background-color: #f2f9fd;
}

.sf-bg-block-blue-fog:before,
.sf-bg-block-blue-fog:after {
    content: " ";
    display: table;
}

.sf-bg-block-blue-fog:after {
    clear: both;
}

.sf-bg-block-blue-fog+.sf-bg-block-blue-fog>[class^=sf-com] {
    padding-top: 40px;
}

.sf-bg-block-blue-fog+.sf-bg-block-blue-fog[class^=sf-com] {
    padding-top: 0;
}

.sf-bg-block-gray {
    background-color: #EFF2F7;
}

.sf-bg-block-gray:before,
.sf-bg-block-gray:after {
    content: " ";
    display: table;
}

.sf-bg-block-gray:after {
    clear: both;
}

.sf-bg-block-gray+.sf-bg-block-gray>[class^=sf-com] {
    padding-top: 40px;
}

.sf-bg-block-gray+.sf-bg-block-gray[class^=sf-com] {
    padding-top: 0;
}

.sf-bg-block-gray-sky {
    background-color: #eff2f7;
}

.sf-bg-block-gray-sky:before,
.sf-bg-block-gray-sky:after {
    content: " ";
    display: table;
}

.sf-bg-block-gray-sky:after {
    clear: both;
}

.sf-bg-block-gray-sky+.sf-bg-block-gray-sky>[class^=sf-com] {
    padding-top: 40px;
}

.sf-bg-block-gray-sky+.sf-bg-block-gray-sky[class^=sf-com] {
    padding-top: 0;
}

.sf-bg-block-gray-fog {
    background-color: #f5f8ff;
}

.sf-bg-block-gray-fog:before,
.sf-bg-block-gray-fog:after {
    content: " ";
    display: table;
}

.sf-bg-block-gray-fog:after {
    clear: both;
}

.sf-bg-block-gray-fog+.sf-bg-block-gray-fog>[class^=sf-com] {
    padding-top: 40px;
}

.sf-bg-block-gray-fog+.sf-bg-block-gray-fog[class^=sf-com] {
    padding-top: 0;
}

.sf-bg-block-skyblue {
    background-color: #28547E;
}

.sf-bg-block-skyblue:before,
.sf-bg-block-skyblue:after {
    content: " ";
    display: table;
}

.sf-bg-block-skyblue:after {
    clear: both;
}

.sf-bg-block-skyblue+.sf-bg-block-skyblue>[class^=sf-com] {
    padding-top: 40px;
}

.sf-bg-block-skyblue+.sf-bg-block-skyblue[class^=sf-com] {
    padding-top: 0;
}

.sf-bg-block-deepblue {
    background-color: #043564;
}

.sf-bg-block-deepblue:before,
.sf-bg-block-deepblue:after {
    content: " ";
    display: table;
}

.sf-bg-block-deepblue:after {
    clear: both;
}

.sf-bg-block-deepblue+.sf-bg-block-deepblue>[class^=sf-com] {
    padding-top: 40px;
}

.sf-bg-block-deepblue+.sf-bg-block-deepblue[class^=sf-com] {
    padding-top: 0;
}

.sf-bg-block-blue-to-none {
    background: linear-gradient(to bottom, #EAF1FD 0%, #EAF1FD 55%, rgba(0, 0, 0, 0) 55.01%, rgba(0, 0, 0, 0) 100%);
}

.sf-bg-block-blue-to-none:before,
.sf-bg-block-blue-to-none:after {
    content: " ";
    display: table;
}

.sf-bg-block-blue-to-none:after {
    clear: both;
}

.sf-bg-block-blue-to-none+.sf-bg-block-blue-to-none>[class^=sf-com] {
    padding-top: 40px;
}

.sf-bg-block-blue-to-none+.sf-bg-block-blue-to-none[class^=sf-com] {
    padding-top: 0;
}


/* Background Images */

.sf-block-background {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.sf-block-background .sf-block-background-image {
    display: none;
}

.sf-block-background::after {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    z-index: 1;
}

.sf-block-background.sf-block-background-filter-blue-gray::after {
    background-color: #2A4257;
    background: linear-gradient(to right, #124595 0%, #2A4460 50%, #2A4460 55%, #314a60 100%);
}

.sf-block-background.sf-block-background-filter-white::after {
    background-color: #FFFFFF;
}

.sf-block-background.sf-block-background-filter-purple::after {
    background-color: #352B59;
}


/* Clearfix */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}


/* Container */

.sf-container {
    box-sizing: border-box;
    font-family: "open sans", "PingFangSC-Light", "PingFangSC-Regular", "PingFangSC", "Microsoft YaHei", sans-serif;
    margin: 0 auto;
    width: 1480px;
    max-width: 90%;
    padding: 0 15px;
}

.sf-container:before,
.sf-container:after {
    content: " ";
    display: table;
}

.sf-container:after {
    clear: both;
}

.sf-container .sf-container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}


/* Image transform */

.sf-trans-img {
    transition: transform linear 2.5s;
}

.sf-trans-img:hover,
.sf-trans-img:active {
    transform: scale(1.1);
}

.sf-trans-bg-img {
    transition: background-image linear 2s;
}

.sf-trans-bg-img:hover,
.sf-trans-bg-img:active {
    background-size: 110% !important;
}


/* Animated Icon */

.sf-ani-menu,
.sf-ani-menu .menu-active {
    display: block;
    width: 1.5em;
    height: 2px;
    background-color: #454545;
    position: relative;
}

.sf-ani-menu::before,
.sf-ani-menu::after,
.sf-ani-menu .menu-active::before,
.sf-ani-menu .menu-active::after {
    background-color: #454545;
    content: " ";
    display: block;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
}

.sf-ani-menu::before,
.sf-ani-menu .menu-active::before {
    top: -0.5em;
}

.sf-ani-menu::after,
.sf-ani-menu .menu-active::after {
    bottom: -0.5em;
    width: 80%;
}

.sf-ani-menu {
    transition: background-color linear 0.3s;
}

.sf-ani-menu::before,
.sf-ani-menu::after {
    transition: background-color linear 0.3s;
}

.sf-ani-menu .menu-active {
    background-color: #03407E;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 0;
    transition: all linear 0.3s;
}

.sf-ani-menu .menu-active::before,
.sf-ani-menu .menu-active::after {
    background-color: #03407E;
    width: 0;
}

.sf-ani-menu .menu-active::before {
    transition: all linear 0.15s;
}

.sf-ani-menu .menu-active::after {
    transition: all linear 0.45s;
}

a:hover .sf-ani-menu {
    background-color: #D4FF06;
}

a:hover .sf-ani-menu::before,
a:hover .sf-ani-menu::after {
    background-color: #D4FF06;
}

a:hover .sf-ani-menu .menu-active {
    width: 100%;
}

a:hover .sf-ani-menu .menu-active::before {
    width: 100%;
}

a:hover .sf-ani-menu .menu-active::after {
    width: 80%;
}


/* SVG icons */

[class^=xsf-com-teaser] .icon .svg-image {
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0);
    border-radius: 50%;
    transition: all linear 0.3s;
}

[class^=xsf-com-teaser]:hover .icon .svg-image,
[class^=xsf-com-teaser]:active .icon .svg-image {
    box-shadow: 0 0 0 6px white;
}


/* Image position patch */

.center-position-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.center-position-image img {
    flex-shrink: 0;
    flex-grow: 0;
}

.image-replacer {
    background-size: 100% 100% !important;
}

@media screen and (max-width: 1024px) {
    h1,
    .sf-h1 {
        font-size: 36px;
        font-weight: 400;
    }
    h2,
    .sf-h2 {
        font-size: 22px;
        font-weight: 400;
    }
    h3,
    .sf-h3 {
        font-size: 18px;
        font-weight: 400;
    }
    h4,
    .sf-h4 {
        font-size: 16px;
        font-weight: 400;
    }
    h5,
    h6 {
        font-size: 14px;
        font-weight: 400;
    }
    [class^=order-] {
        order: unset;
    }
    .order-m-0 {
        order: 0;
    }
    .order-m-1 {
        order: 1;
    }
    .order-m-2 {
        order: 2;
    }
    .order-m-3 {
        order: 3;
    }
    .order-m-4 {
        order: 4;
    }
    .order-m-5 {
        order: 5;
    }
    .sf-container {
        padding: 0 0 0 0;
        max-width: 100%;
    }
    .sf-cross-btn {
        height: 2.8em;
        line-height: 2.8em;
    }
    .sf-com-video-play-button {
        font-size: 8px;
    }
    .sf-com-video-play-button img {
        margin-left: 8%;
    }
    .sf-block-background .sf-block-background-image.as-image-on-mobile {
        display: block;
        margin: 10px 0;
        width: 100%;
    }
}

html[data-useragent*='Trident'] img {
    flex-grow: 0;
    flex-shrink: 0;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-basic {
    padding: 90px 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-basic {
        padding: 40px 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-header {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
    transition: top linear 0.3s;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-nav-menu-opened {
    height: 100%;
    overflow: hidden;
}

.sf-com-menu-wrapper {
    position: relative;
}

.sf-com-menu {
    background-color: #F0F0F0;
}

.sf-com-menu .content {
    position: relative;
}

.sf-com-menu .content .sf-com-searchbox {
    background-color: #F0F0F0;
    padding: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
    left: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 20;
    transition: all linear 0.5s;
}

.sf-com-menu .content .menu-item {
    transition: opacity linear 0.2s;
}

.sf-com-menu .content .m-menu-link {
    display: none;
}

.sf-com-menu.opened .content .sf-com-searchbox {
    left: 130px;
    width: auto;
}

.sf-com-menu.opened .content .sf-com-searchbox .content {
    width: 100%;
}

.sf-com-menu.opened .content .sf-com-searchbox .content .input-group {
    width: 70%;
}

.sf-com-menu.opened .content .menu-item {
    opacity: 0;
}

.sf-com-menu .logo {
    display: block;
    font-size: 0;
    margin-right: 30px;
    height: 66px;
    line-height: 66px;
    margin: 0;
    text-decoration: none;
}

.sf-com-menu .logo:hover,
.sf-com-menu .logo:focus,
.sf-com-menu .logo:active {
    text-decoration: none;
}

.sf-com-menu .logo h1,
.sf-com-menu .logo h2,
.sf-com-menu .logo h3,
.sf-com-menu .logo h4,
.sf-com-menu .logo h5,
.sf-com-menu .logo h6 {
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}

.sf-com-menu .logo img {
    display: inline-block;
    height: 40px;
    width: auto;
}

.sf-com-menu .menu-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
}

.sf-com-menu .menu-list .list-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0 0;
}

.sf-com-menu .menu-list .list-item .link {
    color: #454545;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    padding: 0 10px;
    position: relative;
    text-decoration: none;
}

.sf-com-menu .menu-list .list-item .link .sf-ani-menu {
    margin-right: 10px;
}

.sf-com-menu .menu-list .list-item .link:hover,
.sf-com-menu .menu-list .list-item .link:active {
    background-color: #E1E1E1;
    color: #03407E;
}

.sf-com-menu .menu-list .list-item .link.direct-link {
    padding-right: 2em;
}

.sf-com-menu .menu-list .list-item .link.direct-link::before {
    content: "\e732";
    font-size: 1em;
    font-weight: 200;
    font-family: themify;
    position: absolute;
    top: 50%;
    right: 0.5em;
    margin-top: -0.5em;
    line-height: 1;
}

.sf-com-menu .menu-list .list-item .link.direct-link::after {
    display: none;
}

.sf-com-menu .shortcut-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.sf-com-menu .shortcut-list .list-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.sf-com-menu .shortcut-list .list-item .link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 200;
    position: relative;
    padding: 0 7px;
    height: 100%;
}

.sf-com-menu .shortcut-list .list-item .link img {
    display: flex;
    flex-shrink: 0;
    height: 24px;
    transition: all linear 0.3s;
    filter: grayscale(1) brightness(0);
}

.sf-com-menu .shortcut-list .list-item .link:hover,
.sf-com-menu .shortcut-list .list-item .link:active {
    background-color: #EAEAEA;
}

.sf-com-menu .shortcut-list .list-item .link:hover img,
.sf-com-menu .shortcut-list .list-item .link:active img {
    filter: grayscale(0) brightness(1);
}

.sf-com-menu .shortcut-list .list-item .link.active img {
    filter: grayscale(0) brightness(1);
}

@media screen and (min-width: 1300px) {
    .sf-com-menu .content .menu-list .list-item {
        margin: 0 7px;
    }
}

@media screen and (max-width: 1024px) {
    .sf-com-menu .content .logo img {
        height: 40px;
        margin: 14px 20px;
    }
    .sf-com-menu .content .sf-com-searchbox {
        position: absolute;
        left: 0;
        bottom: auto;
        top: 0;
        width: 100%;
        z-index: -1;
        transition: all linear 0.3s;
    }
    .sf-com-menu .content .sf-com-searchbox .content {
        width: 100%;
    }
    .sf-com-menu .content .sf-com-searchbox .content .input-group {
        border: none;
        width: 100%;
    }
    .sf-com-menu .content .sf-com-searchbox .content .close {
        display: none;
    }
    .sf-com-menu .content .menu-item-links .menu-list {
        display: none;
    }
    .sf-com-menu .content .m-menu-link {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 20px 0 15px;
    }
    .sf-com-menu.m-search-opened .content .sf-com-searchbox {
        border-bottom: 1px solid #DDDDDD;
        border-top: 1px solid #DDDDDD;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
        top: 100%;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-cascading-menu {
    background-color: #454545;
    background: linear-gradient(to right, #454545 0%, #454545 50%, #F0F0F0 50%, #F0F0F0 100%);
    font-weight: 200;
    position: absolute;
    top: 66px;
    right: 0;
    left: 0;
}

.sf-com-cascading-menu .content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    height: 0;
    overflow: hidden;
    transition: all linear 0.2s;
}

.sf-com-cascading-menu .m-menu-nav {
    display: none;
}

.sf-com-cascading-menu .menu-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sf-com-cascading-menu .menu-list .list-item .link {
    border-bottom: 4px solid transparent;
    color: rgba(255, 255, 255, 0.85);
    display: block;
    padding: 0.5em 1.5em 0.5em 1em;
    position: relative;
    text-decoration: none;
}

.sf-com-cascading-menu .menu-list .list-item .link::after {
    content: " ";
    display: block;
    height: 0.4em;
    width: 0.4em;
    border: 1px solid #FFFFFF;
    border-left: none;
    border-bottom: none;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -0.25em;
    transform: rotate(45deg);
}

.sf-com-cascading-menu .menu-list .list-item .link:hover::after,
.sf-com-cascading-menu .menu-list .list-item .link.active::after {
    border-color: #FFFFFF;
}

.sf-com-cascading-menu .menu-list .list-item .link.direct-link::before {
    content: "\e732";
    font-size: 1em;
    font-weight: 200;
    font-family: themify;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -0.5em;
    line-height: 1;
}

.sf-com-cascading-menu .menu-list .list-item .link.direct-link::after {
    display: none;
}

.sf-com-cascading-menu .level-0,
.sf-com-cascading-menu .level-1,
.sf-com-cascading-menu .level-2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    padding: 35px 0 35px 10px;
    overflow: hidden;
}

.sf-com-cascading-menu .level-0,
.sf-com-cascading-menu .level-1 {
    width: 20%;
}

.sf-com-cascading-menu .level-2 {
    width: 60%;
}

.sf-com-cascading-menu .level-0 .menu-list .list-item .link.active,
.sf-com-cascading-menu .level-0 .menu-list .list-item .link:hover,
.sf-com-cascading-menu .level-0 .menu-list .list-item .link:active {
    background-color: rgba(255, 255, 255, 0.15);
    border-bottom-color: #03407E;
    color: #FFFFFF;
}

.sf-com-cascading-menu .level-0 .menu-list .seperator {
    position: relative;
    height: 40px;
}

.sf-com-cascading-menu .level-0 .menu-list .seperator::after {
    background-color: rgba(255, 255, 255, 0.35);
    content: " ";
    display: block;
    height: 1px;
    width: 90%;
    position: absolute;
    left: 5%;
    top: 50%;
}

.sf-com-cascading-menu .level-1 {
    background-color: #7e8c99;
}

.sf-com-cascading-menu .level-1 .menu-list {
    display: none;
}

.sf-com-cascading-menu .level-1 .menu-list.active {
    display: block;
}

.sf-com-cascading-menu .level-1 .link.active,
.sf-com-cascading-menu .level-1 .link:hover,
.sf-com-cascading-menu .level-1 .link:active {
    background-color: rgba(255, 255, 255, 0.15);
    border-bottom-color: #03407E;
    color: #FFFFFF;
}

.sf-com-cascading-menu .level-2 {
    background-color: #F0F0F0;
    flex-grow: 1;
    padding-left: 35px;
}

.sf-com-cascading-menu .level-2 .menu-block {
    display: none;
}

.sf-com-cascading-menu .level-2 .menu-block.active {
    display: block;
}

.sf-com-cascading-menu .menu-block .block-heading {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    font-size: 2em;
    line-height: 1;
    padding-bottom: 40px;
}

.sf-com-cascading-menu .menu-block .block-heading .title {
    font-size: 1em;
    font-weight: 400;
    margin: 0;
}

.sf-com-cascading-menu .menu-block .block-heading .link {
    font-size: 0.4em;
    margin-left: 15px;
}

.sf-com-cascading-menu .menu-block .link-list {
    margin-bottom: 30px;
}

.sf-com-cascading-menu .menu-block .link-list .list-heading {
    font-size: 1.2em;
    line-height: 1;
    padding-bottom: 10px;
}

.sf-com-cascading-menu .menu-block .link-list .list-heading .title {
    font-size: 1em;
    font-weight: 400;
    margin: 0;
}

.sf-com-cascading-menu .menu-block .link-list .list-body {
    font-size: 0.9em;
}

.sf-com-cascading-menu .menu-block .link-list .list-body ul,
.sf-com-cascading-menu .menu-block .link-list .list-body ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sf-com-cascading-menu .menu-block .link-list .list-body ul li,
.sf-com-cascading-menu .menu-block .link-list .list-body ol li {
    line-height: 2;
    padding-right: 1em;
}

.sf-com-cascading-menu .menu-block .link-list .list-body ul li a,
.sf-com-cascading-menu .menu-block .link-list .list-body ol li a {
    color: #666666;
}

.sf-com-cascading-menu .menu-block .link-list .list-body ul li a:hover,
.sf-com-cascading-menu .menu-block .link-list .list-body ul li a:active,
.sf-com-cascading-menu .menu-block .link-list .list-body ol li a:hover,
.sf-com-cascading-menu .menu-block .link-list .list-body ol li a:active {
    color: #03407E;
}

.sf-com-cascading-menu .menu-block .link-list.type-2 {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 30px;
}

.sf-com-cascading-menu .menu-block .link-list.type-2 .list-body ul,
.sf-com-cascading-menu .menu-block .link-list.type-2 .list-body ol {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.sf-com-cascading-menu .menu-block .link-list.type-2 .list-body ul li,
.sf-com-cascading-menu .menu-block .link-list.type-2 .list-body ol li {
    width: 33.33%;
}

.sf-com-cascading-menu .menu-block .link-block-list {
    margin-bottom: 30px;
}

.sf-com-cascading-menu .menu-block .link-block-list .list-body ul,
.sf-com-cascading-menu .menu-block .link-block-list .list-body ol {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    list-style-type: none;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.sf-com-cascading-menu .menu-block .link-block-list .list-body ul li,
.sf-com-cascading-menu .menu-block .link-block-list .list-body ol li {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 20px;
    margin-bottom: 20px;
    width: 50%;
}

.sf-com-cascading-menu .menu-block .link-block-list .list-body .link-block {
    display: block;
    padding: 10px 15px;
}

.sf-com-cascading-menu .menu-block .link-block-list .list-body .link-block .block-title {
    font-weight: 400;
}

.sf-com-cascading-menu .menu-block .link-block-list .list-body .link-block .block-body {
    padding: 1em 0;
    font-size: 0.9em;
}

.sf-com-cascading-menu .menu-block .link-block-list .list-body .link-block .block-footer .link {
    display: inline-block;
    color: #454545;
    border: 1px solid #454545;
    padding: 0.4em 1.5em;
    font-size: 0.9em;
}

.sf-com-cascading-menu .menu-block .link-block-list .list-body .link-block .block-footer .link:hover,
.sf-com-cascading-menu .menu-block .link-block-list .list-body .link-block .block-footer .link:active {
    background-color: #454545;
    color: #FFFFFF;
    text-decoration: none;
}

.sf-com-cascading-menu .menu-block .link-block-list .list-footer .link {
    color: #03407E;
}

.sf-com-cascading-menu .menu-block .link-block-list.type-2 .list-body ol li,
.sf-com-cascading-menu .menu-block .link-block-list.type-2 .list-body ul li {
    margin-bottom: 0;
    padding: 10px 0;
    width: 100%;
}

.sf-com-cascading-menu .menu-block .link-block-list.type-2 .link-block {
    color: #454545;
    padding: 0;
}

.sf-com-cascading-menu .menu-block .link-block-list.type-2 .link-block:hover,
.sf-com-cascading-menu .menu-block .link-block-list.type-2 .link-block:active {
    color: #03407E;
    text-decoration: none;
}

.sf-com-cascading-menu .menu-block .link-block-list.type-2 .link-block .block-body {
    padding: 0.3em 0;
}

.sf-com-cascading-menu .menu-block .sf-com-card-basic {
    background-color: transparent;
    display: block;
    margin: 15px 0;
}

.sf-com-cascading-menu .menu-block .sf-com-card-basic:hover,
.sf-com-cascading-menu .menu-block .sf-com-card-basic:focus,
.sf-com-cascading-menu .menu-block .sf-com-card-basic:active {
    box-shadow: none;
}

.sf-com-cascading-menu .menu-block .sf-com-card-basic .content {
    height: 200px;
    flex-direction: column;
}

.sf-com-cascading-menu .menu-block .sf-com-card-basic .content .sf-com-motional-image {
    margin-bottom: 19px;
    width: 100%;
}

.sf-com-cascading-menu .menu-block .sf-com-card-basic .content .basic-card .card-heading {
    line-height: 1;
    padding: 5px 0;
}

.sf-com-cascading-menu .menu-block .sf-com-card-basic .content .basic-card .card-heading .title {
    font-size: 1em;
    margin: 0;
}

.sf-com-cascading-menu .menu-block .sf-com-card-basic .content .basic-card .card-body {
    font-size: 14px;
    padding: 0;
}

.sf-com-cascading-menu .menu-block .sf-com-card-info-link {
    margin-bottom: 20px;
    padding-top: 0;
}

.sf-com-cascading-menu .menu-block .sf-com-card-info-link .content {
    height: 150px;
}

.sf-com-cascading-menu .menu-block .sf-com-card-info-link .content .sf-com-motional-image {
    width: 100%;
}

.sf-com-cascading-menu .menu-block .sf-com-card-info-link .content .intro {
    padding: 10px 15px;
}

.sf-com-cascading-menu .menu-block .sf-com-card-info-link .content .intro .main {
    font-size: 1em;
}

.sf-com-cascading-menu .menu-block .sf-com-card-info-link .content .intro .sub {
    font-size: 0.8em;
}

.sf-touch-device .sf-com-cascading-menu .level-0,
.sf-touch-device .sf-com-cascading-menu .level-1,
.sf-touch-device .sf-com-cascading-menu .level-2 {
    overflow-x: hidden;
    overflow-y: scroll;
}

@media screen and (max-width: 1024px) {
    .sf-com-cascading-menu {
        background: #000;
    }
    .sf-com-cascading-menu .menu-content {
        display: block;
        position: fixed;
        overflow: hidden;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100;
    }
    .sf-com-cascading-menu .m-menu-nav {
        background-color: #FFFFFF;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        position: relative;
        z-index: 90;
    }
    .sf-com-cascading-menu .m-menu-nav .back,
    .sf-com-cascading-menu .m-menu-nav .close {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        color: #454545;
        font-size: 20px;
        text-decoration: none;
        height: 50px;
        width: 50px;
    }
    .sf-com-cascading-menu .m-menu-nav .title {
        color: #454545;
        display: block;
        font-size: 16px;
        font-weight: 200;
        max-width: 60%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .sf-com-cascading-menu .level-0,
    .sf-com-cascading-menu .level-1,
    .sf-com-cascading-menu .level-2 {
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
        box-sizing: border-box;
        display: block;
        width: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
        padding: 52px 0 15px 0;
        position: absolute;
        top: 0;
        left: 150%;
        transition: left linear 0.3s;
    }
    .sf-com-cascading-menu .level-0 .menu-list .seperator::after,
    .sf-com-cascading-menu .level-1 .menu-list .seperator::after,
    .sf-com-cascading-menu .level-2 .menu-list .seperator::after {
        background-color: rgba(0, 0, 0, 0);
    }
    .sf-com-cascading-menu .level-0 .menu-list .list-item,
    .sf-com-cascading-menu .level-1 .menu-list .list-item,
    .sf-com-cascading-menu .level-2 .menu-list .list-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .sf-com-cascading-menu .level-0 .menu-list .list-item .link,
    .sf-com-cascading-menu .level-1 .menu-list .list-item .link,
    .sf-com-cascading-menu .level-2 .menu-list .list-item .link {
        color: rgba(255, 255, 255, 0.85);
        border-bottom: none;
        border-left: 4px solid transparent;
        padding: 0.8em 1.5em 0.8em 1em;
    }
    .sf-com-cascading-menu .level-0 .menu-list .list-item .link.active,
    .sf-com-cascading-menu .level-1 .menu-list .list-item .link.active,
    .sf-com-cascading-menu .level-2 .menu-list .list-item .link.active {
        border-left-color: #03407E;
    }
    .sf-com-cascading-menu .level-0.mActive,
    .sf-com-cascading-menu .level-1.mActive,
    .sf-com-cascading-menu .level-2.mActive {
        left: 0;
    }
    .sf-com-cascading-menu .level-0 {
        background-color: rgba(0, 0, 0, 0.9);
        left: 0;
        z-index: 10;
    }
    .sf-com-cascading-menu .level-1 {
        z-index: 20;
    }
    .sf-com-cascading-menu .level-2 {
        z-index: 30;
        padding: 80px 20px 50px 20px;
    }
    .sf-com-cascading-menu .menu-block .block-heading {
        font-size: 1.2em;
        padding-bottom: 15px;
    }
    .sf-com-cascading-menu .menu-block .block-heading .link {
        font-size: 14px;
    }
    .sf-com-cascading-menu .menu-block .link-list .list-heading {
        font-size: 1em;
    }
    .sf-com-cascading-menu .menu-block .link-list.type-2 .list-body ul li,
    .sf-com-cascading-menu .menu-block .link-list.type-2 .list-body ol li {
        width: 100%;
        padding-right: 0;
    }
    .sf-com-cascading-menu .menu-block .link-block-list .list-body ul li,
    .sf-com-cascading-menu .menu-block .link-block-list .list-body ol li {
        width: 100%;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-title-sector {
    font-size: 40px;
    line-height: 1.5;
    margin: 80px 0 40px 0;
    text-align: center;
}

.sf-title-sector .title {
    font-size: 1em;
    font-weight: 200;
    margin: 0;
}

.sf-title-sector .sub-title {
    font-size: 0.55em;
    font-weight: 200;
    margin: 0;
}

.sf-title-block {
    font-size: 36px;
    font-weight: 400;
    line-height: 1.5;
    margin: 40px 0;
    text-align: center;
}

.sf-title-block .title,
.sf-title-block h1,
.sf-title-block h2,
.sf-title-block h3,
.sf-title-block h4,
.sf-title-block h5,
.sf-title-block h6 {
    font-size: 1em;
    font-weight: 400;
    text-align: center;
    margin: 0;
    padding: 0;
}

.sf-title-block .sub-title {
    font-size: 0.6em;
    font-weight: 200;
    margin: 0.8em 0 0 0;
}

.sf-title-block .sub-title.sub-title-large {
    font-size: 0.8em;
    font-weight: 400;
    margin: 1.2em 0 0 0;
}

@media screen and (max-width: 1024px) {
    .sf-title-sector {
        font-size: 20px;
        margin: 50px 0 25px 0;
    }
    .sf-title-sector .sub-title {
        font-size: 0.8em;
    }
    .sf-title-block {
        font-size: 20px;
        font-weight: 200;
        margin: 10px 0;
    }
    .sf-title-block .title {
        font-size: 1em;
        font-weight: 400;
    }
    .sf-title-block .sub-title {
        font-size: 0.8em;
    }
    .sf-title-block .sub-title.sub-title-large {
        font-weight: 200;
        margin: 0.89em 0 0 0;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-cookies {
    background-color: #C0C0C0;
    color: #000000;
    font-size: 16px;
    font-weight: 200;
    padding: 0.65em 0;
}

.sf-com-cookies a {
    color: #000000;
    text-decoration: none;
}

.sf-com-cookies a:hover,
.sf-com-cookies a:focus,
.sf-com-cookies a:active {
    color: #03407E;
}

.sf-com-cookies .content {
    display: block;
    margin: 0;
    padding-right: 30px;
}

.sf-com-cookies .close:hover,
.sf-com-cookies .close:focus,
.sf-com-cookies .close:active {
    color: #DD2C00;
}

.sf-com-cookies.done {
    display: none;
}

@media screen and (max-width: 1024px) {
    .sf-com-cookies .content {
        padding: 0 30px;
    }
    .sf-com-cookies .close {
        margin-right: 15px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-just-image {
    padding: 90px 0;
}

.sf-com-just-image .image-box img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    .sf-com-just-image {
        padding: 40px 20px;
    }
}

.sf-com-social {
    background-color: #7E8C9A;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 200;
}

.sf-com-social .title {
    margin-right: 15px;
}

.sf-com-social .social-medias {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
}

.sf-com-social .social-medias .media-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    list-style-type: none;
    height: 100%;
    margin: 0;
    padding: 0;
}

.sf-com-social .social-medias .media-list .list-item {
    height: 100%;
}

.sf-com-social .social-medias .media-list .list-item a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 15px;
    position: relative;
}

.sf-com-social .social-medias .media-list .list-item a img {
    display: block;
    max-height: 30px;
    max-width: 35px;
}

.sf-com-social .social-medias .media-list .list-item a:hover,
.sf-com-social .social-medias .media-list .list-item a:active {
    background-color: #667788;
}

.sf-com-social .social-medias .media-list .list-item.popover a .pop {
    position: absolute;
    bottom: 120%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity linear 0.5s;
}

.sf-com-social .social-medias .media-list .list-item.popover a .pop img {
    display: block;
    max-height: unset;
    max-width: unset;
    height: auto;
    width: 100%;
}

.sf-com-social .social-medias .media-list .list-item.popover a:hover .pop,
.sf-com-social .social-medias .media-list .list-item.popover a:active .pop {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
    bottom: 120%;
    left: 50%;
    margin-left: -110px;
    height: 220px;
    width: 220px;
    opacity: 1;
    z-index: 100;
}

.sf-com-social .social-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
}

.sf-com-social .social-links .link-item {
    border-right: 1px solid #454545;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    height: 75px;
    min-width: 90px;
}

.sf-com-social .social-links .link-item:first-child {
    border-left: 1px solid #454545;
}

.sf-com-social .social-links .link-item:hover,
.sf-com-social .social-links .link-item:active {
    background-color: #667788;
}

.sf-com-social .social-links .link-item.subscribe {
    overflow: hidden;
    position: absolute;
    right: 100%;
    top: 0;
    padding: 0 0;
    transition: all linear 0.2s;
}

.sf-com-social .social-links .link-item.subscribe .mail-input {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: -600px;
    opacity: 0;
    transition: left linear 0.5s;
}

.sf-com-social .social-links .link-item.subscribe .mail-input input {
    background-color: transparent;
    border: none;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 200;
    height: 30px;
    width: 215px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.sf-com-social .social-links .link-item.subscribe .mail-input input::placeholder {
    color: #CCCCCC;
}

.sf-com-social .social-links .link-item.subscribe .mail-input input:focus {
    outline: none;
}

.sf-com-social .social-links .link-item.subscribe .mail-input em.error {
    display: block;
    font-size: 12px;
    line-height: 12px;
    font-weight: 200;
    margin: 2px 0 0 0;
    color: red;
}

.sf-com-social .social-links .link-item.subscribe .submit {
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-weight: 200;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: -200px;
}

.sf-com-social .social-links .link-item.subscribe .submit input[type=submit] {
    border: none;
    background-color: transparent;
    color: #FFFFFF;
    padding-right: 35px;
    position: relative;
    z-index: 10;
}

.sf-com-social .social-links .link-item.subscribe .submit .icon {
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    color: #FFFFFF;
    display: block;
    height: 25px;
    line-height: 25px;
    width: 25px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.sf-com-social .social-links .link-item.subscribe .submit .icon span {
    display: block;
    line-height: 25px;
    text-align: center;
}

.sf-com-social .social-links .link-item.subscribe .submit:hover,
.sf-com-social .social-links .link-item.subscribe .submit:active {
    text-decoration: none;
}

.sf-com-social .social-links .link-item.subscribe .submit:hover .icon,
.sf-com-social .social-links .link-item.subscribe .submit:active .icon {
    background-color: #03407E;
    border-color: #03407E;
    color: #FFFFFF;
}

.sf-com-social .social-links .link-item.subscribe .submit-info {
    background-color: rgba(255, 255, 255, 0.3);
    color: #c73434;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 10px;
    min-height: 75px;
    width: 100%;
    z-index: 20;
}

.sf-com-social .social-links .link-item.subscribe .submit-info.submit-success {
    background-color: #e4f3e4;
    border-left: 4px solid #2abf2a;
    color: #2abf2a;
}

.sf-com-social .social-links .link-item.subscribe .submit-info.submit-success .icon {
    color: #33bd33;
}

.sf-com-social .social-links .link-item.subscribe .submit-info.submit-fail {
    background-color: #f3e4e3;
    border-left: 4px solid #9c2424;
    color: #9c2424;
}

.sf-com-social .social-links .link-item.subscribe .submit-info .icon {
    border-radius: 50%;
    color: #c73434;
    font-size: 25px;
    line-height: 25px;
    height: 25px;
    width: 25px;
    margin-right: 10px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    flex-shrink: 0;
}

.sf-com-social .social-links .link-item.subscribe:hover,
.sf-com-social .social-links .link-item.subscribe:focus,
.sf-com-social .social-links .link-item.subscribe:active {
    padding-left: 330px;
    z-index: 20;
}

.sf-com-social .social-links .link-item.subscribe:hover .mail-input,
.sf-com-social .social-links .link-item.subscribe:focus .mail-input,
.sf-com-social .social-links .link-item.subscribe:active .mail-input {
    opacity: 1;
    left: 30px;
}

.sf-com-social .social-links .link-item.subscribe:hover .text,
.sf-com-social .social-links .link-item.subscribe:focus .text,
.sf-com-social .social-links .link-item.subscribe:active .text {
    opacity: 0;
}

.sf-com-social .social-links .link-item.subscribe:hover .submit,
.sf-com-social .social-links .link-item.subscribe:focus .submit,
.sf-com-social .social-links .link-item.subscribe:active .submit {
    right: 30px;
}

.sf-com-social .social-links .link-item.subscribe:hover .submit-info,
.sf-com-social .social-links .link-item.subscribe:focus .submit-info,
.sf-com-social .social-links .link-item.subscribe:active .submit-info {
    left: 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-social .social-links .link-item {
        display: flex;
        flex-grow: 1;
        flex-basis: 0;
        justify-content: center;
        padding: 1.5em 0;
        min-width: 0;
    }
    .sf-com-social .social-links .link-item:first-child {
        border-left: none;
    }
    .sf-com-social .social-links .link-item:last-child {
        border-right: none;
    }
    .sf-com-social .social-links .link-item.subscribe {
        padding: 1.5em 0;
        position: relative;
        right: auto;
    }
    .sf-com-social .social-medias {
        background-color: #929BA3;
        min-height: 65px;
    }
    .sf-com-social .social-medias .title {
        margin: 0;
        font-size: 12px;
        padding: 0 30px;
    }
    .sf-com-social .social-medias .media-list {
        flex-grow: 1;
        justify-content: flex-start;
    }
    .sf-com-social .social-medias .media-list .list-item {
        flex-grow: 0;
        min-width: 0;
    }
    .sf-com-social .social-medias .media-list .list-item a img {
        max-height: 20px;
        max-width: 30px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

@media screen and (max-width: 1024px) {
    .sf-com-accordion-menu {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding: 0 15px;
    }
    .sf-com-accordion-menu.active {
        overflow: hidden;
    }
    .sf-com-accordion-menu.active .accordion-header::before {
        opacity: 0;
    }
    .sf-com-accordion-menu .accordion-header {
        display: block;
        padding: 0.8em 0;
        position: relative;
    }
    .sf-com-accordion-menu .accordion-header::before {
        background-color: #FFFFFF;
        content: " ";
        display: block;
        width: 1px;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 36px;
        height: 13px;
        transition: opacity linear 0.15s;
    }
    .sf-com-accordion-menu .accordion-header::after {
        background-color: #FFFFFF;
        content: " ";
        display: block;
        height: 1px;
        position: absolute;
        top: 50%;
        right: 30px;
        width: 13px;
    }
    .sf-com-accordion-menu .accordion-body {
        transition: height ease-in 0.15s;
        height: 0;
        overflow: hidden;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-slider-logos {
    margin: 40px 0 100px 0;
}

.sf-com-slider-logos .content {
    position: relative;
    padding: 0 30px;
}

.sf-com-slider-logos .content .sf-sliders {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.sf-com-slider-logos .content .navi {
    position: absolute;
    bottom: 0;
    top: 0;
    width: 30px;
}

.sf-com-slider-logos .content .navi::before {
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    content: " ";
    display: block;
    height: 13px;
    width: 13px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
}

.sf-com-slider-logos .content .navi.prev {
    left: 0;
}

.sf-com-slider-logos .content .navi.prev::before {
    left: 5px;
    transform: rotate(45deg);
}

.sf-com-slider-logos .content .navi.next {
    right: 0;
}

.sf-com-slider-logos .content .navi.next::before {
    right: 5px;
    transform: rotate(-135deg);
}

.sf-com-slider-logos .content .navi:hover::before,
.sf-com-slider-logos .content .navi:active::before {
    border-color: #03407E;
}

.sf-com-slider-logos .slick-slider {
    overflow: hidden;
}

.sf-com-slider-logos .slick-slider .slick-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.sf-com-slider-logos .slick-slider .slick-track .slick-slide a {
    display: block;
}

.sf-com-slider-logos .slick-slider .slick-track .slick-slide img {
    display: block;
    max-width: 85%;
    max-height: 65px;
    height: auto;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    .sf-com-slider-logos {
        margin: 20px 0 50px 0;
    }
    .sf-com-slider-logos .content {
        margin: 0 25px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-slider-navi:not(.sf-com-slider-navi-m) {
    margin: 0;
    padding: 35px 0;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track {
    box-sizing: border-box;
    height: 120px;
    overflow: hidden;
    padding: 30px 0 30px 0;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a {
    color: #000000;
    display: inline-block;
    font-weight: 200;
    margin-bottom: -4px;
    min-width: 4em;
    padding: 30px 10px;
    text-decoration: none;
    transition: all linear 0.3s;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:hover,
.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:focus,
.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:active {
    outline: none;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a .image-swap {
    height: 40px;
    position: relative;
    transform: matrix(1.2, 0, 0, 1.2, 0, 15);
    transition: transform linear 0.25s;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a .image-swap img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a .image-swap .on {
    opacity: 0;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a .image-swap .off {
    opacity: 1;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a .ani-svg svg {
    height: 40px;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a .title {
    display: block;
    font-size: 16px;
    margin-top: 10px;
    transition: all linear 0.5s;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:hover .on,
.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:active .on {
    opacity: 1;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:hover .off,
.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:active .off {
    opacity: 0;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:hover .image-swap,
.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:active .image-swap {
    transform: matrix(0.9, 0, 0, 0.9, 0, -10);
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:hover .title,
.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:active .title {
    color: #03407E;
}


/* Responsive controled by JS */

.sf-com-slider-navi.sf-com-slider-navi-m {
    margin: 20px 0;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content {
    margin: 0;
    padding: 0;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .navi {
    display: none !important;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 33.3333%;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders>div a {
    color: #000000;
    display: block;
    margin: 20px 0;
    text-decoration: none;
    width: 100%;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders>div a .ani-svg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 100%;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders>div a .ani-svg svg {
    height: 40px;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders>div a .image-swap {
    height: 28px;
    position: relative;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders>div a .image-swap img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-height: 100%;
    transition: opacity ease-in 0.3s;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders>div a .image-swap .on {
    opacity: 0;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders>div a .image-swap .off {
    opacity: 1;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders>div a span {
    display: block;
    font-size: 14px;
    margin-top: 15px;
    text-align: center;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders>div a:hover .image-swap .on,
.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders>div a:focus .image-swap .on {
    opacity: 1;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders>div a:hover .image-swap .off,
.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders>div a:focus .image-swap .off {
    opacity: 0;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-breadcrumbs .crumb-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sf-com-breadcrumbs .crumb-list .list-item {
    line-height: 3;
    padding-right: 2em;
    position: relative;
    white-space: nowrap;
}

.sf-com-breadcrumbs .crumb-list .list-item::after {
    content: " ";
    display: block;
    width: 0.6em;
    height: 0.6em;
    border-right: 1px solid #454545;
    border-bottom: 1px solid #454545;
    transform: rotate(-45deg);
    position: absolute;
    right: 0.7em;
    top: 50%;
    margin-top: -0.42em;
}

.sf-com-breadcrumbs .crumb-list .list-item:last-child {
    padding-right: 0;
}

.sf-com-breadcrumbs .crumb-list .list-item:last-child::after {
    display: none;
}

.sf-com-breadcrumbs .crumb-list .list-item .link {
    color: #454545;
}

.sf-com-breadcrumbs .crumb-list .list-item span {
    color: #03407E;
}

@media screen and (max-width: 1024px) {
    .sf-com-breadcrumbs .content {
        padding: 0 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-block-navi-placeholder {
    margin-bottom: 40px;
    background-color: #7E8C9A;
    position: relative;
    z-index: 100;
}

.sf-com-block-navi-placeholder.no-margin {
    margin: 0;
}

.sf-com-block-navi-placeholder .content {
    font-size: 16px;
    height: 4em;
}

.sf-com-block-navi {
    background-color: #7E8C9A;
}

.sf-com-block-navi .block-title {
    display: none;
}

.sf-com-block-navi .block-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    font-size: 16px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sf-com-block-navi .block-list .list-item {
    display: flex;
    flex-shrink: 1;
    margin-right: 1.5em;
    min-width: 0;
}

.sf-com-block-navi .block-list .list-item:last-child {
    margin-right: 0;
}

.sf-com-block-navi .block-list .list-item .link {
    color: #FFFFFF;
    display: block;
    font-weight: 200;
    line-height: 1;
    overflow: hidden;
    padding: 1.5em 0;
    position: relative;
    text-overflow: ellipsis;
    text-decoration: none;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    white-space: nowrap;
}

.sf-com-block-navi .block-list .list-item .link::after {
    background-color: rgba(109, 173, 25, 0);
    content: " ";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 4px;
    transition: all ease-out 0.15s;
}

.sf-com-block-navi .block-list .list-item .link:hover::after,
.sf-com-block-navi .block-list .list-item .link:active::after {
    background-color: #03407E;
    box-shadow: 0 -0.5em 15px 0 rgba(85, 255, 85, 0.65);
    width: 100%;
}

.sf-com-block-navi .block-list .list-item .link.active::after {
    background-color: #03407E;
    box-shadow: 0 -2px 10px 0 rgba(85, 255, 85, 0.35);
    width: 100%;
}

.sf-com-block-navi.fixed-block-navi {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    transition: top linear 0.3s;
}

.actived-block {
    padding-top: 100px;
}

@media screen and (max-width: 1024px) {
    .sf-com-block-navi-placeholder {
        margin-bottom: 40px;
        background-color: #7E8C9A;
    }
    .sf-com-block-navi-placeholder.no-margin {
        margin: 0;
    }
    .sf-com-block-navi-placeholder .content {
        font-size: 16px;
        height: 3em;
    }
    .sf-com-block-navi {
        border-bottom: none;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
        position: relative;
        z-index: 20;
    }
    .sf-com-block-navi .block-title {
        display: block;
    }
    .sf-com-block-navi .block-title .link {
        color: #FFFFFF;
        display: block;
        height: 3em;
        line-height: 3em;
        padding: 0 20px;
        position: relative;
        text-decoration: none;
    }
    .sf-com-block-navi .block-title .link::after {
        border-right: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        content: " ";
        display: block;
        font-size: 0.8em;
        height: 1em;
        width: 1em;
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        right: 20px;
        margin-top: -0.707em;
        transition: all linear 0.15s;
    }
    .sf-com-block-navi .block-list {
        background-color: #7E8C9A;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
        max-height: 0;
        overflow: hidden;
        position: relative;
        transition: all linear 0.15s;
        z-index: 90;
        flex-wrap: wrap;
    }
    .sf-com-block-navi .block-list .list-item {
        flex-shrink: 0;
        margin-right: 0;
        width: 100%;
        min-width: 100%;
    }
    .sf-com-block-navi .block-list .list-item .link {
        padding: 1em 20px;
        min-width: 100%;
        width: 100%;
    }
    .sf-com-block-navi .block-list .list-item .link:active {
        background-color: #EAF1FD;
    }
    .sf-com-block-navi .block-list .list-item .link::after {
        display: none;
    }
    .sf-com-block-navi .block-list .list-item .link.active {
        color: #03407E;
    }
    .sf-com-block-navi.open .block-title {
        border-bottom: 1px solid #454545;
    }
    .sf-com-block-navi.open .block-title .link::after {
        margin-top: -0.3em;
        transform: rotate(225deg);
    }
    .sf-com-block-navi.open .block-list {
        padding: 20px 0;
        max-height: 1000px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-slider-industries .content {
    border-bottom: 1px solid #D8D8D8;
}

.sf-com-slider-industries .content .sf-sliders .slick-list .slick-track {
    align-items: flex-end;
}

.sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide {
    height: 80px;
    overflow: hidden;
}

.sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 80px;
    position: relative;
    transition: all linear 0.15s;
}

.sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a img {
    height: auto;
    width: auto;
    max-height: 40px;
    max-width: 66px;
}

.sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a .title {
    background-color: #003466;
    color: #FFFFFF;
    font-weight: 200;
    font-size: 16px;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: absolute;
    top: 100%;
    height: 100%;
    left: 0;
}

.sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a:hover,
.sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a:focus,
.sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a:active {
    text-decoration: none;
    margin-top: -80px;
}

.sf-com-slider-industries .industry-preview .corp-list {
    background-color: rgba(255, 255, 255, 0.5);
    height: 70px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 16.6666%;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item.show {
    display: flex;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item.active .link {
    border-bottom-color: #003466;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item:last-child .link {
    border-right: none;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item .link {
    background-color: #FFFFFF;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 5px solid transparent;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 25px;
    width: 100%;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item .link .icon {
    display: block;
    height: 45px;
    max-width: 100%;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item .link:hover,
.sf-com-slider-industries .industry-preview .corp-list .list-item .link:active {
    border-bottom-color: #003466;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 670px;
    height: 70vh;
    min-height: 500px;
    overflow: hidden;
    position: relative;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: opacity linear 1s, transform ease-out 5s;
    z-index: -1;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item.active {
    opacity: 1;
    z-index: 20;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item::after {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40%;
    z-index: 21;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .background {
    display: none;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .image-replacer {
    background-color: #EAF1FD;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all linear 1s;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .details {
    color: #FFFFFF;
    position: absolute;
    left: 80px;
    bottom: 80px;
    right: 240px;
    z-index: 30;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .details .title {
    font-size: 24px;
    font-weight: 200;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .details .intro {
    font-size: 16px;
    font-weight: 100;
    margin: 10px 0 0 0;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link {
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 80px;
    bottom: 80px;
    z-index: 30;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:hover,
.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:focus,
.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:active {
    text-decoration: none;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:hover .icon,
.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:focus .icon,
.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:active .icon {
    background-color: #03407E;
    border-color: #03407E;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link .icon {
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin-left: 1em;
    transition: all linear 0.15s;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link .icon span {
    font-size: 1.6em;
    font-weight: bold;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item:hover .image-replacer,
.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item:focus .image-replacer {
    transform: scale(1.1);
}

@media screen and (max-width: 1024px) {
    .sf-com-slider-industries .content {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide {
        height: 40px;
    }
    .sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a {
        height: 40px;
    }
    .sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a img {
        max-height: 30px;
    }
    .sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a:hover,
    .sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a:focus,
    .sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a:active {
        margin-top: -40px;
    }
    .sf-com-slider-industries .industry-preview {
        padding: 0 20px;
    }
    .sf-com-slider-industries .industry-preview .corp-list {
        height: auto;
        min-height: 50px;
    }
    .sf-com-slider-industries .industry-preview .corp-list .list-item {
        height: 50px;
        margin: 0;
    }
    .sf-com-slider-industries .industry-preview .corp-list .list-item .link {
        padding: 0 15px;
        width: 100%;
    }
    .sf-com-slider-industries .industry-preview .corp-list .list-item .link .icon {
        height: auto;
        max-height: 36px;
    }
    .sf-com-slider-industries .industry-preview .corp-detail {
        background-image: none !important;
        height: auto;
        min-height: 0;
        padding: 0 0 40px 0;
    }
    .sf-com-slider-industries .industry-preview .corp-detail::after {
        display: none;
    }
    .sf-com-slider-industries .industry-preview .corp-detail .image-replacer {
        display: none;
    }
    .sf-com-slider-industries .industry-preview .corp-detail .detail-list {
        height: 380px;
        min-height: 0;
    }
    .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item::after {
        display: none;
    }
    .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .background {
        display: block;
        margin-bottom: 20px;
        width: 100%;
    }
    .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .details {
        color: #000000;
        position: static;
    }
    .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .details .title {
        font-size: 16px;
    }
    .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .details .intro {
        font-size: 14px;
    }
    .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link {
        bottom: 0;
        right: 0;
    }
    .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link .icon {
        border-color: #669ACC;
        color: #669ACC;
        height: 36px;
        width: 36px;
    }
    .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link .icon span {
        font-size: 1em;
    }
    .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:hover .icon,
    .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:active .icon {
        color: #FFFFFF;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-curtain-view .content {
    overflow: hidden;
    position: relative;
}

.sf-com-curtain-view .content .curtain {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: all ease-out 0.33s;
    transition-delay: 0.2s;
    z-index: 30;
    background-color: rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 1024px) {
    .curtain1 {
        width: 25% !important;
        left: 0 !important;
    }
    .curtain2 {
        width: 25% !important;
        left: 25% !important;
    }
    .curtain3 {
        width: 25% !important;
        left: 50% !important;
    }
    .curtain4 {
        width: 25% !important;
        left: 75% !important;
    }
}

@media screen and (max-width: 1024px) {
    .curtain1 {
        width: 100% !important;
        height: 380px !important;
        top: 0px !important;
    }
    .curtain2 {
        width: 100% !important;
        height: 380px !important;
        top: 210px !important;
    }
    .curtain3 {
        width: 100% !important;
        height: 380px !important;
        top: 420px !important;
    }
    .curtain4 {
        width: 100% !important;
        height: 380px !important;
        top: 630px !important;
    }
}

.sf-com-curtain-view .content .curtain img {
    display: none;
}

.sf-com-curtain-view .content .curtain::before {
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url(../images/curtain@2x.png);
    background-size: cover;
    background-position: center center;
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: all ease-out 1.5s;
    z-index: 20;
}

.sf-com-curtain-view .content .view {
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

.sf-com-curtain-view .content .view img {
    display: none;
}

.sf-com-curtain-view .content .info-list {
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.sf-com-curtain-view .content .info-list .info {
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    height: 445px;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
    position: relative;
    z-index: 50;
}

.sf-com-curtain-view .content .info-list .info:last-child {
    border-right: none;
}

.sf-com-curtain-view .content .info-list .info:hover,
.sf-com-curtain-view .content .info-list .info:active {
    cursor: pointer;
}

.sf-com-curtain-view .content .info-list .info:hover .icon,
.sf-com-curtain-view .content .info-list .info:active .icon {
    height: 0;
    margin-top: 30px;
    overflow: hidden;
}

.sf-com-curtain-view .content .info-list .info:hover .intro,
.sf-com-curtain-view .content .info-list .info:active .intro {
    margin-top: 50px;
}

.sf-com-curtain-view .content .info-list .info:hover .intro::before,
.sf-com-curtain-view .content .info-list .info:active .intro::before {
    background-color: #FFFFFF;
    content: " ";
    display: block;
    height: 1px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
}

.sf-com-curtain-view .content .info-list .info .icon {
    height: auto;
    margin-top: 120px;
    transition: all linear 0.3s;
}

.sf-com-curtain-view .content .info-list .info .icon img {
    display: block;
    height: 65px;
    margin: 0 auto;
}

.sf-com-curtain-view .content .info-list .info .num {
    font-size: 60px;
    font-weight: 600;
    line-height: 1;
    margin: 25px 0 0 0;
    transition: all linear 0.3s;
    color: #fff;
}

.sf-com-curtain-view .content .info-list .info .unit {
    font-size: 24px;
    margin: 5px 0 0 0;
    padding: 0 10px;
    color: #fff;
}

.sf-com-curtain-view .content .info-list .info .intro {
    margin: 0 20px;
    margin-top: 1000px;
    max-width: 80%;
    position: relative;
    transition: margin-top ease-out 0.2s;
}

.sf-com-curtain-view.hovering .curtain {
    background-color: rgba(0, 0, 0, 0.6);
}

.sf-com-curtain-view.hovering .curtain::before {
    opacity: 0;
}

.sf-com-curtain-view.type-2 .content .info-list .info {
    justify-content: center;
}

.sf-com-curtain-view.type-2 .content .info-list .info .icon {
    margin-top: 0;
    margin-bottom: 40px;
    transition: all linear 0.5s;
}

.sf-com-curtain-view.type-2 .content .info-list .info .icon img {
    display: block;
}

.sf-com-curtain-view.type-2 .content .info-list .info .unit {
    margin: 0;
    font-weight: 200;
    transition: all linear 0.3s;
}

.sf-com-curtain-view.type-2 .content .info-list .info .intro {
    font-weight: 200;
    margin-top: 0;
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: all linear 1.5s;
}

.sf-com-curtain-view.type-2 .content .info-list .info:hover .icon,
.sf-com-curtain-view.type-2 .content .info-list .info:focus .icon,
.sf-com-curtain-view.type-2 .content .info-list .info:active .icon {
    transform: scale(0);
    height: auto;
    margin-bottom: 0;
    margin-top: -40px;
}

.sf-com-curtain-view.type-2 .content .info-list .info:hover .unit,
.sf-com-curtain-view.type-2 .content .info-list .info:focus .unit,
.sf-com-curtain-view.type-2 .content .info-list .info:active .unit {
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 1em;
    padding-bottom: 1em;
}

.sf-com-curtain-view.type-2 .content .info-list .info:hover .intro,
.sf-com-curtain-view.type-2 .content .info-list .info:focus .intro,
.sf-com-curtain-view.type-2 .content .info-list .info:active .intro {
    height: auto;
    opacity: 1;
}

@media screen and (max-width: 1024px) {
    .sf-com-curtain-view .content .info-list {
        flex-direction: column;
        justify-content: flex-start;
    }
    .sf-com-curtain-view .content .info-list .info {
        border-bottom: 1px solid rgba(255, 255, 255, 0.7);
        border-right: none;
        flex-grow: 0;
        flex-basis: auto;
        height: 210px;
        overflow: hidden;
    }
    .sf-com-curtain-view .content .info-list .info:hover,
    .sf-com-curtain-view .content .info-list .info:active {
        height: 380px;
    }
    .sf-com-curtain-view .content .info-list .info .icon {
        margin-top: 35px;
    }
    .sf-com-curtain-view .content .info-list .info .icon img {
        height: 50px;
    }
    .sf-com-curtain-view .content .info-list .info .num {
        font-size: 40px;
        margin-top: 15px;
    }
    .sf-com-curtain-view .content .info-list .info .unit {
        font-size: 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-poster-wall {
    margin: 40px 0 100px 0;
}

.sf-com-poster-wall .content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.sf-com-poster-wall .content::after {
    content: " ";
    display: flex;
    width: 32.5%;
}

.sf-com-poster-wall .content .poster {
    background-color: #EAF1FD;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 14px;
    height: 280px;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 2em 3em;
    position: relative;
    width: 32.5%;
}

.sf-com-poster-wall .content .poster::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0) 60%);
    z-index: 10;
    transition: background-color linear 0.2s;
}

.sf-com-poster-wall .content .poster.ps-w-1-2 {
    width: 49.4%;
}

.sf-com-poster-wall .content .poster.ps-w2 {
    width: 66.25%;
}

.sf-com-poster-wall .content .poster.ps-h2 {
    height: 490px;
    height: 56vh;
}

.sf-com-poster-wall .content .poster .background {
    display: none;
}

.sf-com-poster-wall .content .poster .image-replacer {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: transform ease-out 5s;
}

.sf-com-poster-wall .content .poster .tag {
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    line-height: 1;
    opacity: 1;
    padding: 2px 5px;
    position: absolute;
    left: 40px;
    top: 30px;
    transition: opacity linear 0.1s;
    z-index: 20;
}

.sf-com-poster-wall .content .poster .title {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 200;
    margin: 0;
    position: absolute;
    left: 2em;
    bottom: 1.5em;
    z-index: 20;
    transition: bottom ease-out 0.3s;
}

.sf-com-poster-wall .content .poster .title p {
    margin: 0;
}

.sf-com-poster-wall .content .poster .detail {
    font-size: 1em;
    height: 4.5em;
    line-height: 1.5;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    padding: 0 3em;
    left: -150%;
    bottom: 5em;
    transition: left ease-out 0.2s;
    transition-delay: 0.3s;
    z-index: 20;
    width: 100%;
}

.sf-com-poster-wall .content .poster .link {
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 2em;
    right: 3em;
    right: 150%;
    z-index: 20;
    transition: right ease-out 0.2s;
    transition-delay: 0.15s;
}

.sf-com-poster-wall .content .poster .link:hover,
.sf-com-poster-wall .content .poster .link:focus,
.sf-com-poster-wall .content .poster .link:active {
    text-decoration: none;
}

.sf-com-poster-wall .content .poster .link:hover .icon,
.sf-com-poster-wall .content .poster .link:focus .icon,
.sf-com-poster-wall .content .poster .link:active .icon {
    background-color: #03407E;
    border-color: #03407E;
}

.sf-com-poster-wall .content .poster .link .icon {
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 2.5em;
    height: 2.5em;
    margin-left: 1em;
    transition: all linear 0.15s;
}

.sf-com-poster-wall .content .poster .link .icon span {
    font-size: 1.6em;
    font-weight: bold;
}

.sf-com-poster-wall .content .poster:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.sf-com-poster-wall .content .poster:hover::before {
    background-color: rgba(0, 0, 0, 0.4);
}

.sf-com-poster-wall .content .poster:hover .tag {
    opacity: 0;
}

.sf-com-poster-wall .content .poster:hover .image-replacer {
    transform: scale(1.1);
}

.sf-com-poster-wall .content .poster:hover .title {
    bottom: 6.8em;
}

.sf-com-poster-wall .content .poster:hover .detail {
    left: 0;
    opacity: 1;
}

.sf-com-poster-wall .content .poster:hover .link {
    right: 3em;
}

.sf-com-poster-wall .content .sf-com-expand-link {
    display: none;
}

.sf-com-poster-wall.type-2 .content .poster .cd-link {
    display: block;
    height: 100%;
    z-index: 11;
}

.sf-com-poster-wall.type-2 .content .poster .cd-link::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0) 60%);
    z-index: 12;
    transition: background-color linear 0.2s;
}

.sf-com-poster-wall.type-2 .content .poster .cd-link .detail {
    color: #FFFFFF;
    z-index: 15;
}

.sf-com-poster-wall.type-2 .content .poster:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.sf-com-poster-wall.type-2 .content .poster:hover .cd-link::before {
    background-color: rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 1024px) {
    .sf-com-poster-wall {
        margin: 20px 0 50px 0;
    }
    .sf-com-poster-wall .content {
        padding: 0 20px;
    }
    .sf-com-poster-wall .content .poster {
        font-size: 14px;
        display: none;
        height: 200px;
        min-width: 100%;
        padding: 2em 1.5em;
    }
    .sf-com-poster-wall .content .poster.ps-h2 {
        height: 280px;
    }
    .sf-com-poster-wall .content .poster .tag {
        top: 20px;
        left: 20px;
    }
    .sf-com-poster-wall .content .poster .title {
        font-size: 1.5em;
        left: 1em;
    }
    .sf-com-poster-wall .content .poster .detail {
        padding: 0 1.5em;
        bottom: 5.5em;
    }
    .sf-com-poster-wall .content .poster .link {
        bottom: 2em;
    }
    .sf-com-poster-wall .content .poster .link .icon {
        height: 2.5em;
        width: 2.5em;
    }
    .sf-com-poster-wall .content .poster .link .icon span {
        font-size: 1.5em;
    }
    .sf-com-poster-wall .content .poster:hover .title,
    .sf-com-poster-wall .content .poster:active .title {
        bottom: 6em;
    }
    .sf-com-poster-wall .content .poster:hover .detail,
    .sf-com-poster-wall .content .poster:active .detail {
        bottom: 4em;
    }
    .sf-com-poster-wall .content .poster:hover .link,
    .sf-com-poster-wall .content .poster:active .link {
        bottom: 1em;
        right: 1.5em;
    }
    .sf-com-poster-wall .content .poster:nth-child(1),
    .sf-com-poster-wall .content .poster:nth-child(2),
    .sf-com-poster-wall .content .poster:nth-child(3) {
        display: flex;
    }
    .sf-com-poster-wall .content .sf-com-expand-link {
        display: block;
        width: 100%;
    }
    .sf-com-poster-wall.expanded .content .poster {
        display: flex;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-carousel .content {
    position: relative;
    padding: 0;
}

.sf-com-carousel .content .sf-sliders {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.sf-com-carousel .content .sf-sliders .sf-slide {
    height: 700px;
    height: 75vh;
    max-height: 700px;
    min-height: 500px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.sf-com-carousel .content .sf-sliders .sf-slide::after {
    background-color: rgba(255, 255, 255, 0);
    content: " ";
    display: block;
    height: 0;
    width: 100%;
    padding-top: 46%;
    left: -26%;
    position: absolute;
    transition: all ease-out 2s;
    transform: rotate(66deg);
    transition-delay: 0.3s;
    z-index: 1;
    pointer-events: none;
}

.sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark::after {
    background-color: rgba(0, 0, 0, 0);
}

.sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark .introduction .title,
.sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark .introduction .intro {
    color: #FFFFFF;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.8);
}

.sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark .links-block {
    color: #FFFFFF;
}

.sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark .links-block .links a,
.sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark .links-block .links button {
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark .links-block .links a:hover,
.sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark .links-block .links button:hover {
    border-color: #FFFFFF;
    color: #003466;
}

.sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark.slick-active::after {
    background-color: rgba(0, 0, 0, 0.6);
}

.sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark.slick-active.bg-dark-type-2::after {
    background-color: transparent;
    background: linear-gradient(to right, #1213130a 0%, #313b5754 50%, #4C3AA6C2 70%, #591ea2de 100%);
    box-shadow: 0 0 0 25px rgba(255, 255, 255, 0.3);
}

.sf-com-carousel .content .sf-sliders .sf-slide .image-replacer {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: transform ease-out 6s;
}

.sf-com-carousel .content .sf-sliders .sf-slide .introduction {
    margin-left: 10%;
    width: 400px;
    width: 30%;
    opacity: 0;
    text-align: left;
    transition: all linear 1s;
    transform: scale(0.85);
    z-index: 10;
}

.sf-com-carousel .content .sf-sliders .sf-slide .introduction .title {
    color: #010443;
    font-size: 40px;
    font-weight: 400;
    margin: 0 0 20px 0;
    /*text-shadow: 0 0px 1px rgba(255,255,255,0.9),
                        0 0px 5px rgba(255,255,255,0.3);*/
}

.sf-com-carousel .content .sf-sliders .sf-slide .introduction .intro {
    color: #444444;
    font-size: 18px;
    font-weight: 200;
    line-height: 1.7;
    margin: 0 0 40px 0;
    /*text-shadow:
                        0 0px 15px rgba(255,255,255,0.9),
                        0 0px 30px rgba(255,255,255,0.5),
                        0 0px 50px rgba(255,255,255,0.4),
                        0 0px 70px rgba(255,255,255,0.3);*/
}

.sf-com-carousel .content .sf-sliders .sf-slide .introduction .link {
    text-decoration: none;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block {
    color: #444444;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block .title-1 {
    font-size: 20px;
    font-weight: 200;
    line-height: 1;
    margin: 10px 0;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block .title-2 {
    font-size: 22px;
    font-weight: 200;
    line-height: 1;
    margin: 10px 0;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block .links {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block .links a,
.sf-com-carousel .content .sf-sliders .sf-slide .links-block .links button {
    border-color: #003466;
    color: #003466;
    margin-right: 10px;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block .links a:hover,
.sf-com-carousel .content .sf-sliders .sf-slide .links-block .links button:hover {
    border-color: #FFFFFF;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block .links a:last-child,
.sf-com-carousel .content .sf-sliders .sf-slide .links-block .links button:last-child {
    margin-right: 0;
}

.sf-com-carousel .content .sf-sliders .sf-slide.slick-active::after {
    background-color: rgba(255, 255, 255, 0.45);
    z-index: 1;
}

.sf-com-carousel .content .sf-sliders .sf-slide.slick-active .image-replacer {
    transform: scale(1.1);
}

.sf-com-carousel .content .sf-sliders .sf-slide.slick-active .introduction {
    opacity: 1;
    transform: scale(1);
}

.sf-com-carousel .content .sf-sliders .sf-slide:hover,
.sf-com-carousel .content .sf-sliders .sf-slide:focus,
.sf-com-carousel .content .sf-sliders .sf-slide:active {
    outline: none;
}

.sf-com-carousel .content .navi {
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 50%;
    margin-top: -30px;
    height: 60px;
    width: 60px;
    z-index: 20;
}

.sf-com-carousel .content .navi::before {
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    content: " ";
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.sf-com-carousel .content .navi.prev {
    left: 0;
}

.sf-com-carousel .content .navi.prev::before {
    left: 20px;
    transform: rotate(45deg);
}

.sf-com-carousel .content .navi.next {
    right: 0;
}

.sf-com-carousel .content .navi.next::before {
    right: 20px;
    transform: rotate(-135deg);
}

.sf-com-carousel .content .navi:hover::before,
.sf-com-carousel .content .navi:active::before {
    border-color: #03407E;
}

.sf-com-carousel .content .slick-dots {
    font-size: 0;
    list-style-type: none;
    padding: 0;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.sf-com-carousel .content .slick-dots li {
    display: inline-block;
    font-size: 14px;
}

.sf-com-carousel .content .slick-dots li button {
    background-color: #FFFFFF;
    border: none;
    border-radius: 50%;
    color: transparent;
    display: block;
    font-size: 0;
    height: 16px;
    width: 16px;
    margin: 0 5px;
    padding: 0;
}

.sf-com-carousel .content .slick-dots li.slick-active button {
    background-color: #669ACC;
}

.sf-com-carousel .slick-slider {
    overflow: hidden;
}

.sf-com-carousel .slick-slider .slick-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.sf-com-carousel .slick-slider .slick-track .slick-slide img {
    display: none;
}

.sf-com-carousel.contact .content .sf-sliders .sf-slide .introduction .intro {
    font-size: 22px;
    font-weight: 400;
}

.sf-com-carousel.contact .content .slick-dots {
    display: none;
}

.sf-com-carousel.type-2 .content .slick-dots {
    display: none !important;
}

.sf-com-carousel.type-2 .content .sf-sliders .sf-slide {
    height: 400px;
    min-height: 0;
    max-height: 35vh;
}

.sf-com-carousel.type-2 .content .sf-sliders .sf-slide .introduction .title,
.sf-com-carousel.type-2 .content .sf-sliders .sf-slide .introduction .intro {
    text-shadow: none;
}

.sf-com-carousel.type-2 .content .sf-sliders .sf-slide .introduction .intro {
    margin: 0;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .sub-title {
    text-align: left;
    font-size: 18px;
    line-height: 28px;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a {
    height: 3em;
    line-height: 3em;
    background-color: transparent;
    border: 1px solid #003466;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a span {
    color: #003466;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a em {
    background-color: #003466;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:first-child {
    margin-right: 5%;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:hover,
.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:focus,
.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:active {
    border: 1px solid #FFFFFF;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:hover span,
.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:focus span,
.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:active span {
    color: #03407E;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:hover em,
.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:focus em,
.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:active em {
    background-color: #03407E;
}

.sf-com-carousel.magazine-center.magazine-center-2 .slick-dots {
    display: none;
}

@media screen and (max-width: 1024px) {
    .sf-com-carousel .content .sf-sliders .sf-slide {
        justify-content: flex-end;
        height: 490px;
        min-height: 490px;
    }
    .sf-com-carousel .content .sf-sliders .sf-slide .image-replacer {
        background-size: 100% 50%;
        background-position: center top;
    }
    .sf-com-carousel .content .sf-sliders .sf-slide .image-replacer::before {
        background: none;
        content: " ";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 60%;
        z-index: 10;
    }
    .sf-com-carousel .content .sf-sliders .sf-slide .introduction {
        margin: 0 6% 70px 6%;
        width: auto;
        transition: none;
        transform: none;
    }
    .sf-com-carousel .content .sf-sliders .sf-slide .introduction .title {
        font-size: 28px;
        margin-bottom: 10px;
    }
    .sf-com-carousel .content .sf-sliders .sf-slide .introduction .intro {
        font-size: 16px;
        margin-bottom: 25px;
        line-height: 1.5;
    }
    .sf-com-carousel .content .sf-sliders .sf-slide .introduction .link {
        font-size: 13px;
    }
    .sf-com-carousel .content .sf-sliders .sf-slide .introduction .links-block a,
    .sf-com-carousel .content .sf-sliders .sf-slide .introduction .links-block button {
        font-size: 14px;
        padding: 0.4em;
    }
    .sf-com-carousel .content .sf-sliders .sf-slide .introduction .links-block .sf-play-btn {
        height: 35px;
        width: 35px;
    }
    .sf-com-carousel .content .sf-sliders .sf-slide .introduction .links-block .sf-play-btn span {
        font-size: 18px;
        margin-left: -7px;
        margin-top: -9px;
    }
    .sf-com-carousel .content .sf-sliders .sf-slide::after {
        display: none;
    }
    .sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark .image-replacer::before {
        display: none;
        background: linear-gradient(to top, #1a3f51 0%, #1a3f51 85%, rgba(26, 63, 81, 0.3) 95%, rgba(26, 63, 81, 0) 100%);
    }
    .sf-com-carousel .content .navi {
        display: none !important;
    }
    .sf-com-carousel .content .slick-dots li button {
        width: 12px;
        height: 12px;
    }
    .sf-com-carousel.technical .content .sf-sliders .sf-slide {
        justify-content: flex-end;
        height: 380px;
        min-height: 380px;
    }
    .sf-com-carousel.technical .content .sf-sliders .sf-slide .introduction {
        margin: 0 6% 45px 6%;
    }
    .sf-com-carousel.technical .content .sf-sliders .sf-slide .image-replacer {
        background-size: 100% 70%;
    }
    .sf-com-carousel.technical .content .sf-sliders .sf-slide .image-replacer::before {
        height: 45%;
    }
    .sf-com-carousel.contact .content .sf-sliders .sf-slide {
        justify-content: flex-end;
        height: 345px;
        min-height: 345px;
    }
    .sf-com-carousel.contact .content .sf-sliders .sf-slide .introduction {
        margin: 0 6% 0 6%;
    }
    .sf-com-carousel.contact .content .sf-sliders .sf-slide .introduction .intro {
        font-size: 18px;
        font-weight: 200;
    }
    .sf-com-carousel.contact .content .sf-sliders .sf-slide .image-replacer {
        background-size: 100% 68%;
    }
    .sf-com-carousel.contact .content .sf-sliders .sf-slide .image-replacer::before {
        height: 50%;
    }
    .sf-com-carousel.type-2 .content .sf-sliders .sf-slide {
        max-height: 30vh;
    }
    .sf-com-carousel.type-2 .content .sf-sliders .sf-slide .image-replacer {
        background-size: cover;
        background-position: center center;
    }
    .sf-com-carousel.type-2 .content .sf-sliders .sf-slide .image-replacer::before {
        display: none;
    }
    .sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a {
        padding: 0 6em 0 1.5em;
    }
    .sf-com-carousel.magazine-center.magazine-center-2 .slick-dots {
        display: none;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-logos-list {
    margin: 40px 0 100px 0;
}

.sf-com-logos-list .logos,
.sf-com-logos-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.sf-com-logos-list .logos li,
.sf-com-logos-list ul li {
    font-size: 0;
    margin: 0 0.8333% 35px 0.8333%;
    text-align: center;
    width: 15%;
    min-width: 80px;
}

.sf-com-logos-list .logos li a,
.sf-com-logos-list ul li a {
    display: inline-block;
}

.sf-com-logos-list .logos li a img,
.sf-com-logos-list ul li a img {
    display: inline-block;
    max-width: 100%;
    max-height: 40px;
}

@media screen and (max-width: 1024px) {
    .sf-com-logos-list .content {
        padding: 0 20px;
    }
    .sf-com-logos-list .content .logos,
    .sf-com-logos-list .content ul {
        justify-content: space-between;
    }
    .sf-com-logos-list .content .logos li,
    .sf-com-logos-list .content ul li {
        margin: 0 0 20px 0;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-push-view .content .view-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    list-style-type: none;
    height: 700px;
    height: 75vh;
    max-height: 700px;
    min-height: 400px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.sf-com-push-view .content .view-list:hover .list-item::after,
.sf-com-push-view .content .view-list:active .list-item::after {
    opacity: 1;
}

.sf-com-push-view .content .view-list .list-item {
    box-sizing: content-box;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 700px;
    height: 75vh;
    max-height: 700px;
    min-height: 400px;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all ease-in-out 0.4s;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.sf-com-push-view .content .view-list .list-item::after {
    content: " ";
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.1) 100%);
    opacity: 0;
    position: absolute;
    transition: opacity ease-out 1.2s;
    z-index: 40;
}

.sf-com-push-view .content .view-list .list-item::before {
    content: " ";
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    transition: background-color ease-out 0.8s;
    z-index: 10;
}

.sf-com-push-view .content .view-list .list-item.left {
    border-right: 5px solid #FFFFFF;
    width: 20%;
    left: 0;
}

.sf-com-push-view .content .view-list .list-item.left1 {
    border-left: 5px solid #FFFFFF;
    border-right: 5px solid #FFFFFF;
    width: 20%;
    left: 20%;
}

.sf-com-push-view .content .view-list .list-item.left .ext-bg {
    left: 0;
}

.sf-com-push-view .content .view-list .list-item.right {
    border-left: 5px solid #FFFFFF;
    width: 20%;
    right: 0;
}

.sf-com-push-view .content .view-list .list-item.right1 {
    border-left: 5px solid #FFFFFF;
    border-right: 5px solid #FFFFFF;
    width: 20%;
    right: 20%;
}

.sf-com-push-view .content .view-list .list-item.right .ext-bg {
    right: 0;
}

.sf-com-push-view .content .view-list .list-item.center {
	position: relative;
    border-left: 5px solid #FFFFFF;
    border-right: 5px solid #FFFFFF;
    left: 40%;
    width: 20%;
}


/* .sf-com-push-view .content .view-list .list-item.backstage {
  flex-shrink: 0;
  z-index: 20;
}

.sf-com-push-view .content .view-list .list-item.left.backstage {
  width: 10%;
}
.sf-com-push-view .content .view-list .list-item.left1.backstage {
  width: 10%;
  left: 10%;
}

.sf-com-push-view .content .view-list .list-item.left1.backstage + .center.backstage {
  right: 20%;
  margin: 0;
  width: 10%;
}

.sf-com-push-view .content .view-list .list-item.left.forestage + .center.backstage {
  left: 60%;
  width: 20%;
}

.sf-com-push-view .content .view-list .list-item.right.backstage {
  width: 10%;
}
.sf-com-push-view .content .view-list .list-item.right1.backstage {
  width: 10%;
  right: 10%;
} */

.sf-com-push-view .content .view-list .list-item.left.forestage {
    width: 25%;
}

.sf-com-push-view .content .view-list .list-item.left1.forestage {
    left: 15%;
    width: 30%;
}

.sf-com-push-view .content .view-list .list-item.center.forestage {
    left: 35%;
    right: 35%;
    width: 30%;
}

.sf-com-push-view .content .view-list .list-item.right1.forestage {
    width: 30%;
    right: 15%;
}

.sf-com-push-view .content .view-list .list-item.right.forestage {
    width: 25%;
}

.sf-com-push-view .content .view-list .list-item .ext-bg {
	width: 100% !important;
	left: 0px !important;
	margin-left: 0px !important;
    background-color: #EAF1FD;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    transition: transform ease-out 5s;
}

.sf-com-push-view .content .view-list .list-item .background {
    display: none;
}

.sf-com-push-view .content .view-list .list-item .topic,
.sf-com-push-view .content .view-list .list-item .detail,
.sf-com-push-view .content .view-list .list-item .links {
    box-sizing: border-box;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    max-width: 100%;
    width: 700px;
    z-index: 20;
    transform: translate3d(0, 0, 0);
}

.sf-com-push-view .content .view-list .list-item .topic {
    text-align: center;
    transition: all ease-in 0.2s;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
}
@media (max-width: 400px) {
	.sf-com-push-view .content .view-list .list-item .topic{
		padding: 0;
	}
}
.sf-com-push-view .content .view-list .list-item .topic .title {
    font-size: 24px;
    font-weight: 200;
    margin: 0;
}



.sf-com-push-view .content .view-list .list-item .topic .sub-title {
    font-size: 24px;
    font-weight: 200;
}

.sf-com-push-view .content .view-list .list-item .detail {
    font-weight: 200;
    line-height: 1.8;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity linear 0.4s;
    transition-delay: 0.8s;
    max-height: 9em;
}

.sf-com-push-view .content .view-list .list-item .links {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 0;
    overflow: hidden;
    text-align: right;
    transform: translateX(-150%);
    transition: transform linear 0.5s;
}

.sf-com-push-view .content .view-list .list-item .links .link {
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font-weight: 200;
    text-align: right;
    text-decoration: none;
}

.sf-com-push-view .content .view-list .list-item .links .link .icon {
    background-color: #03407E;
    border-radius: 50%;
    color: #FFFFFF;
    display: block;
    font-size: 1.6em;
    height: 50px;
    margin-left: 0.5em;
    width: 50px;
    text-align: center;
    line-height: 50px;
}

.sf-com-push-view .content .view-list .list-item .links .link:hover,
.sf-com-push-view .content .view-list .list-item .links .link:active {
    color: #03407E;
}

.sf-com-push-view .content .view-list .list-item:hover,
.sf-com-push-view .content .view-list .list-item:active {
    width: 60%;
    z-index: 60;
}

.sf-com-push-view .content .view-list .list-item:hover::after,
.sf-com-push-view .content .view-list .list-item:active::after {
    display: none;
}

.sf-com-push-view .content .view-list .list-item:hover::before,
.sf-com-push-view .content .view-list .list-item:active::before {
    background-color: rgba(0, 0, 0, 0.4);
}

.sf-com-push-view .content .view-list .list-item:hover .ext-bg,
.sf-com-push-view .content .view-list .list-item:active .ext-bg {
    transform: scale(1.1);
}

.sf-com-push-view .content .view-list .list-item:hover .topic,
.sf-com-push-view .content .view-list .list-item:active .topic {
    margin-bottom: 50px;
}

.sf-com-push-view .content .view-list .list-item:hover .topic,
.sf-com-push-view .content .view-list .list-item:hover .detail,
.sf-com-push-view .content .view-list .list-item:hover .links,
.sf-com-push-view .content .view-list .list-item:active .topic,
.sf-com-push-view .content .view-list .list-item:active .detail,
.sf-com-push-view .content .view-list .list-item:active .links {
    text-align: left;
}

.sf-com-push-view .content .view-list .list-item:hover .detail,
.sf-com-push-view .content .view-list .list-item:active .detail {
    height: auto;
    opacity: 1;
}

.sf-com-push-view .content .view-list .list-item:hover .links,
.sf-com-push-view .content .view-list .list-item:active .links {
    height: auto;
    margin-top: 50px;
    transform: translateX(0);
}

@media screen and (max-width: 1024px) {
    /* .sf-com-push-view .content .view-list {
        display: block;
        height: 750px;
        position: relative;
        width: 100%;
    }
    .sf-com-push-view .content .view-list .list-item {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: absolute;
        height: 150px;
        min-height: 0;
        width: 100%;
    }
    .sf-com-push-view .content .view-list .list-item .topic,
    .sf-com-push-view .content .view-list .list-item .detail,
    .sf-com-push-view .content .view-list .list-item .links {
        width: 96%;
    }
    .sf-com-push-view .content .view-list .list-item .topic .link .icon,
    .sf-com-push-view .content .view-list .list-item .detail .link .icon,
    .sf-com-push-view .content .view-list .list-item .links .link .icon {
        font-size: 1.4em;
    }
    .sf-com-push-view .content .view-list .list-item .topic .title {
        font-size: 20px;
    }
    .sf-com-push-view .content .view-list .list-item .topic .sub-title {
        font-size: 16px;
    }
    .sf-com-push-view .content .view-list .list-item .detail {
        font-size: 12px;
        line-height: 1.5;
        max-height: 7.5em;
    }
    .sf-com-push-view .content .view-list .list-item:hover,
    .sf-com-push-view .content .view-list .list-item:active {
        height: 220px;
        width: 100%;
    }
    .sf-com-push-view .content .view-list .list-item:hover .topic,
    .sf-com-push-view .content .view-list .list-item:hover .detail,
    .sf-com-push-view .content .view-list .list-item:hover .links,
    .sf-com-push-view .content .view-list .list-item:active .topic,
    .sf-com-push-view .content .view-list .list-item:active .detail,
    .sf-com-push-view .content .view-list .list-item:active .links {
        width: 90%;
    }
    .sf-com-push-view .content .view-list .list-item:hover .topic,
    .sf-com-push-view .content .view-list .list-item:active .topic {
        margin-bottom: 15px;
    }
    .sf-com-push-view .content .view-list .list-item:hover .links,
    .sf-com-push-view .content .view-list .list-item:active .links {
        margin-top: 15px;
    }
    .sf-com-push-view .content .view-list .list-item:hover .links .link,
    .sf-com-push-view .content .view-list .list-item:active .links .link {
        font-size: 14px;
    }
    .sf-com-push-view .content .view-list .list-item:hover .links .link .icon,
    .sf-com-push-view .content .view-list .list-item:active .links .link .icon {
        height: 30px;
        width: 30px;
        line-height: 30px;
    }
    .sf-com-push-view .content .view-list .list-item .ext-bg {
        width: 100%;
    }
    .sf-com-push-view .content .view-list .list-item.left,
    .sf-com-push-view .content .view-list .list-item.left1,
    .sf-com-push-view .content .view-list .list-item.center,
    .sf-com-push-view .content .view-list .list-item.right1,
    .sf-com-push-view .content .view-list .list-item.right {
        border: none;
        left: 0;
        width: 100%;
    }
    .sf-com-push-view .content .view-list .list-item.left {
        bottom: auto;
        border-bottom: 2px solid #FFFFFF;
        top: 0;
    }
    .sf-com-push-view .content .view-list .list-item.left:hover,
    .sf-com-push-view .content .view-list .list-item.left:active {
        border-bottom-width: 4px;
    }
    .sf-com-push-view .content .view-list .list-item.right {
        border-top: 2px solid #FFFFFF;
        bottom: 0;
        top: auto;
    }
    .sf-com-push-view .content .view-list .list-item.right:hover,
    .sf-com-push-view .content .view-list .list-item.right:active {
        border-top-width: 4px;
    }
    .sf-com-push-view .content .view-list .list-item.left1 {
        border-bottom: 2px solid #FFFFFF;
        border-top: 2px solid #FFFFFF;
        margin-top: -225px;
        top: 50%;
    }
    .sf-com-push-view .content .view-list .list-item.center {
        border-bottom: 2px solid #FFFFFF;
        border-top: 2px solid #FFFFFF;
        margin-top: -75px;
        top: 50%;
    }
    .sf-com-push-view .content .view-list .list-item.right1 {
        border-bottom: 2px solid #FFFFFF;
        border-top: 2px solid #FFFFFF;
        margin-top: 75px;
        top: 50%;
    }
    .sf-com-push-view .content .view-list .list-item.center:hover,
    .sf-com-push-view .content .view-list .list-item.center:active {
        border-width: 4px;
        margin-top: -140px;
    } */
}

.sf-com-push-view-vertical .content {
    color: #FFFFFF;
}

.sf-com-push-view-vertical .content .view {
    height: 250px;
    overflow: hidden;
    position: relative;
    transition: all linear 0.3s;
}

.sf-com-push-view-vertical .content .view:last-child {
    border-bottom: none;
}

.sf-com-push-view-vertical .content .view .view-heading {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 125px;
    left: 0;
    margin-top: -0.5em;
}

.sf-com-push-view-vertical .content .view .view-heading .title {
    font-size: 36px;
    font-weight: 200;
    line-height: 1;
    margin: 0;
}

.sf-com-push-view-vertical .content .view .view-body {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    left: 0;
    top: 500px;
    opacity: 0;
    transition: all ease-in 0.75s;
    width: 100%;
}

.sf-com-push-view-vertical .content .view .view-body .feature {
    margin: 0 40px;
}

.sf-com-push-view-vertical .content .view .view-body .feature .icon,
.sf-com-push-view-vertical .content .view .view-body .feature .title {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sf-com-push-view-vertical .content .view .view-body .feature .icon {
    height: 60px;
}

.sf-com-push-view-vertical .content .view .view-body .feature .title {
    font-size: 24px;
    font-weight: 200;
    margin: 20px 0;
}

.sf-com-push-view-vertical .content .view .view-body .feature .feature-list ul,
.sf-com-push-view-vertical .content .view .view-body .feature .feature-list ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-weight: 200;
}

.sf-com-push-view-vertical .content .view .view-body .feature .feature-list ul li,
.sf-com-push-view-vertical .content .view .view-body .feature .feature-list ol li {
    line-height: 2;
    padding-left: 20px;
    position: relative;
}

.sf-com-push-view-vertical .content .view .view-body .feature .feature-list ul li::before,
.sf-com-push-view-vertical .content .view .view-body .feature .feature-list ol li::before {
    content: " ";
    display: block;
    height: 2px;
    width: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 3px;
}

.sf-com-push-view-vertical .content .view:hover .effect-background::before,
.sf-com-push-view-vertical .content .view:focus .effect-background::before,
.sf-com-push-view-vertical .content .view:active .effect-background::before {
    background-color: rgba(0, 0, 0, 0.75);
}

.sf-com-push-view-vertical .content .view:hover .view-body,
.sf-com-push-view-vertical .content .view:focus .view-body,
.sf-com-push-view-vertical .content .view:active .view-body {
    opacity: 1;
    top: 200px;
}

.sf-com-push-view-vertical+.sf-com-push-view-vertical {
    border-top: 2px solid #FFFFFF;
}

@media screen and (max-width: 1024px) {
    .sf-com-push-view-vertical .content .view {
        border-bottom: none;
    }
    .sf-com-push-view-vertical .content .view .view-heading .title {
        font-size: 20px;
    }
    .sf-com-push-view-vertical .content .view .view-body {
        flex-direction: column;
    }
    .sf-com-push-view-vertical .content .view .view-body .feature {
        margin-bottom: 30px;
    }
    .sf-com-push-view-vertical .content .view .view-body .feature .title {
        font-size: 16px;
    }
    .sf-com-push-view-vertical .content .view .view-body .feature .feature-list {
        font-size: 14px;
    }
    .sf-com-push-view-vertical .content .view .view-body .feature .feature-list ul {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-events-letter {
    background-color: #FAFDFF;
    padding: 60px 0 180px 0;
}

.sf-com-events-letter .letter-content {
    font-size: 18px;
    line-height: 1.7;
}

.sf-com-events-letter .letter-content .letter-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.sf-com-events-letter .letter-content p {
    margin: 0 0 1em 0;
}

.sf-com-events-letter .letter-content .signature {
    margin-top: 70px;
    text-align: right;
}

.sf-com-events-letter .letter-content .signature span {
    display: block;
}

.sf-com-events-letter .letter-content .signature span.name {
    color: #003466;
    font-size: 1.3em;
}

.sf-com-events-letter .letter-content .signature span.title {
    font-size: 0.9em;
}

.sf-com-events-letter .letter-content img {
    box-shadow: 0 15px 30px 0 rgba(126, 140, 154, 0.5);
    display: block;
    max-width: 100%;
}

@media screen and (max-width: 1024px) {
    .sf-com-events-letter {
        padding: 40px 0;
    }
    .sf-com-events-letter .content {
        padding: 0 20px;
    }
    .sf-com-events-letter .letter-content {
        font-size: 16px;
    }
    .sf-com-events-letter .letter-content .letter-details .signature {
        margin: 20px 0;
    }
    .sf-com-events-letter .letter-content img {
        margin: 0 auto;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-events-intro {
    background-color: #C7D2DC;
    padding: 80px 0;
}

.sf-com-events-intro .content {
    position: relative;
    z-index: 20;
}

.sf-com-events-intro .event-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.sf-com-events-intro .event-list .list-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 32.5%;
}

.sf-com-events-intro .event-list .list-item .event {
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.2);
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    padding: 2em;
}

.sf-com-events-intro .event-list .list-item .event .icon {
    margin-bottom: 15px;
}

.sf-com-events-intro .event-list .list-item .event .icon img {
    display: block;
    height: 100px;
}

.sf-com-events-intro .event-list .list-item .event .title {
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 5px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sf-com-events-intro .event-list .list-item .event .detail {
    color: #454545;
    font-size: 16px;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sf-com-events-intro .event-list .list-item .event .detail p {
    margin-bottom: 15px;
}

.sf-com-events-intro .event-list .list-item .event .detail p:last-child {
    margin-bottom: 0;
}

.sf-com-events-intro .event-list .list-item .event:last-child {
    margin-bottom: 0;
}

.sf-com-events-intro .event-list .list-item.poster {
    align-self: stretch;
}

@media screen and (max-width: 1024px) {
    .sf-com-events-intro .content {
        padding: 0 20px;
    }
    .sf-com-events-intro .event-list {
        flex-direction: column;
    }
    .sf-com-events-intro .event-list .list-item {
        margin-bottom: 10px;
        width: 100%;
    }
    .sf-com-events-intro .event-list .list-item .event {
        margin-bottom: 10px;
        padding: 1.5em 1em;
    }
    .sf-com-events-intro .event-list .list-item .event .icon {
        margin-bottom: 5px;
    }
    .sf-com-events-intro .event-list .list-item .event .icon img {
        height: 80px;
    }
    .sf-com-events-intro .event-list .list-item .event .title {
        font-size: 16px;
    }
    .sf-com-events-intro .event-list .list-item .event .detail {
        font-size: 14px;
    }
    .sf-com-events-intro .event-list .list-item.poster {
        height: 200px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-events-agenda {
    background-color: #FAFDFF;
}

.sf-com-events-agenda .sf-com-slick-tabs {
    padding: 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-events-agenda {
        padding: 20px;
    }
    .sf-com-events-agenda .sf-com-slick-tabs {
        padding: 0;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-events-highlights {
    position: relative;
    background-color: #EAEAEA;
    padding: 80px 0;
}

.sf-com-events-highlights .content {
    position: relative;
    z-index: 20;
}

.sf-com-events-highlights .content .highlights-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.sf-com-events-highlights .content .sf-com-point-highlight {
    width: 24%;
}

@media screen and (max-width: 1024px) {
    .sf-com-events-highlights {
        padding: 40px 20px;
    }
    .sf-com-events-highlights .content .highlights-wrapper {
        flex-direction: column;
    }
    .sf-com-events-highlights .content .sf-com-point-highlight {
        margin-bottom: 10px;
        width: 100%;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-events-lookback {
    position: relative;
}

.sf-com-events-lookback .content {
    color: #FFFFFF;
    position: relative;
    z-index: 20;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 650px;
}

.sf-com-events-lookback .content .sf-title-block {
    margin: 0 0 25px 0;
}

.sf-com-events-lookback .content .sf-title-block .title {
    font-weight: 200;
}

.sf-com-events-lookback .content .slogen {
    font-size: 24px;
    font-weight: 200;
    margin-bottom: 40px;
}

.sf-com-events-lookback .content .links {
    display: flex;
    flex-direction: row;
}

.sf-com-events-lookback .content .links .link {
    display: block;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    line-height: 1;
    margin: 0 5px;
    padding: 1em 4em;
    position: relative;
    text-decoration: none;
    transition: all linear 0.3s;
}

.sf-com-events-lookback .content .links .link::after {
    background-color: rgba(109, 173, 25, 0);
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    transition: all linear 0.15s;
    z-index: -1;
}

.sf-com-events-lookback .content .links .link:hover,
.sf-com-events-lookback .content .links .link:active {
    border-color: #03407E;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5), 0 3px 15px 0 rgba(255, 255, 255, 0.45);
}

.sf-com-events-lookback .content .links .link:hover::after,
.sf-com-events-lookback .content .links .link:active::after {
    background-color: #03407E;
    width: 100%;
    transition: all linear 0.2s;
}

.sf-com-events-lookback.type-2 .content {
    height: 480px;
}

.sf-com-events-lookback.type-2 .content .sf-title-block .title {
    color: #000000;
}

.sf-com-events-lookback.type-2 .content .slogen {
    color: #000000;
}

.sf-com-events-lookback.type-2 .content .links .link {
    border: 1px solid #03407E;
    color: #03407E;
}

.sf-com-events-lookback.type-2 .content .links .link:hover,
.sf-com-events-lookback.type-2 .content .links .link:active {
    color: #FFFFFF;
}

.sf-com-events-lookback.type-3 .content .links .link {
    border: 1px solid #6899cc;
    color: #6899cc;
}

.sf-com-events-lookback.type-3 .content .links .link:hover,
.sf-com-events-lookback.type-3 .content .links .link:active {
    color: #FFFFFF;
    border-color: #6899cc;
    box-shadow: unset;
}

.sf-com-events-lookback.type-3 .content .links .link:hover::after,
.sf-com-events-lookback.type-3 .content .links .link:active::after {
    background-color: #6899cc;
    width: 100%;
    transition: all linear 0.2s;
}

@media screen and (max-width: 1024px) {
    .sf-com-events-lookback {
        padding: 40px 20px;
    }
    .sf-com-events-lookback .content {
        height: auto;
    }
    .sf-com-events-lookback .content .slogen {
        font-size: 16px;
        margin-bottom: 30px;
    }
    .sf-com-events-lookback .content .links {
        flex-direction: column;
        width: 100%;
    }
    .sf-com-events-lookback .content .links .link {
        text-align: center;
        margin-bottom: 10px;
    }
    .sf-com-events-lookback.type-2 {
        padding: 30px 20px;
    }
    .sf-com-events-lookback.type-2 .content {
        height: auto;
    }
    .sf-com-events-lookback.type-2 .content .sf-title-block {
        margin: 10px 0;
    }
    .sf-com-events-lookback.type-2 .content .links {
        width: 160px;
    }
    .sf-com-events-lookback.type-2 .content .links .link {
        padding: 1em 0;
    }
    .sf-com-events-lookback.type-3 .content .slogen {
        font-weight: 400;
        margin-bottom: 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-events-location {
    background-color: #EAF1FC;
    padding: 100px 0;
}

.sf-com-events-location #baidu-map,
.sf-com-events-location #google-map {
    width: 100%;
    height: 300px;
}

.sf-com-events-location .sf-title-block {
    margin: 0 0 40px 0;
}

.sf-com-events-location .sf-title-block .title {
    text-align: left;
}

.sf-com-events-location .loc {
    margin-bottom: 60px;
}

.sf-com-events-location .loc .title {
    font-size: 22px;
    font-weight: 400;
}

.sf-com-events-location .loc .info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-weight: 100;
}

.sf-com-events-location .loc .info img {
    display: block;
    margin-right: 20px;
    width: 24px;
}

@media screen and (max-width: 1024px) {
    .sf-com-events-location {
        padding: 40px 20px;
    }
    .sf-com-events-location .sf-title-block {
        margin: 20px 0;
    }
    .sf-com-events-location .sf-title-block .title {
        text-align: center;
    }
    .sf-com-events-location .loc {
        margin-bottom: 30px;
        text-align: center;
    }
    .sf-com-events-location .loc .title {
        font-size: 16px;
    }
    .sf-com-events-location .loc .info {
        font-size: 14px;
        flex-direction: column;
    }
    .sf-com-events-location .loc .info img {
        height: 20px;
        margin: 5px 0;
        width: auto;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-events-qr {
    padding: 90px 0;
    position: relative;
}

.sf-com-events-qr .content {
    color: #FFFFFF;
    position: relative;
    z-index: 20;
}

.sf-com-events-qr .content .sf-title-block {
    margin: 0 0 40px 0;
}

.sf-com-events-qr .content .sf-title-block .title {
    text-align: left;
}

.sf-com-events-qr .content .contact-info {
    margin-bottom: 40px;
}

.sf-com-events-qr .content .contact-info .title {
    font-size: 24px;
    font-weight: 200;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.sf-com-events-qr .content .contact-info .title img {
    display: block;
    max-height: 26px;
    max-width: 26px;
    margin-right: 20px;
}

.sf-com-events-qr .content .contact-info .info {
    font-weight: 200;
    padding: 10px 0;
}

.sf-com-events-qr .content .about {
    font-weight: 200;
    font-size: 14px;
}

.sf-com-events-qr .content .qr-wrapper {
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 80px 0;
}

.sf-com-events-qr .content .qr-wrapper img {
    display: block;
    max-width: 230px;
    margin-bottom: 40px;
}

.sf-com-events-qr .content .qr-wrapper p {
    font-size: 18px;
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-events-qr {
        background: #373C7D;
        padding: 40px 20px;
    }
    .sf-com-events-qr .content {
        text-align: center;
    }
    .sf-com-events-qr .content .sf-title-block {
        margin-bottom: 30px;
    }
    .sf-com-events-qr .content .sf-title-block .title {
        text-align: center;
    }
    .sf-com-events-qr .content .contact-info {
        margin-bottom: 10px;
    }
    .sf-com-events-qr .content .contact-info .title {
        font-size: 16px;
        justify-content: center;
    }
    .sf-com-events-qr .content .contact-info .title img {
        max-height: 20px;
        max-width: 20px;
        margin-right: 15px;
    }
    .sf-com-events-qr .content .qr-wrapper {
        margin-top: 20px;
        padding: 20px 0;
    }
    .sf-com-events-qr .content .qr-wrapper img {
        height: 120px;
        margin-bottom: 15px;
    }
    .sf-com-events-qr .content .qr-wrapper p {
        font-size: 14px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-events-news {
    background-color: #EFF2F7;
    padding: 90px 0;
}

.sf-com-events-news img {
    display: block;
    max-width: 100%;
}

.sf-com-events-news .sf-com-article-list {
    list-style-type: none;
    margin: 0 20px;
    padding: 0;
}

.sf-com-events-news .sf-com-article-list .content {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 580px;
}

.sf-com-events-news .sf-com-article-list ul,
.sf-com-events-news .sf-com-article-list ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-events-news {
        padding: 40px 20px;
    }
    .sf-com-events-news .sf-com-article-list {
        margin: 0;
    }
    .sf-com-events-news .sf-com-article-list .article {
        padding: 20px 0;
    }
    .sf-com-events-news .sf-com-article-list .article .title {
        font-size: 16px;
    }
    .sf-com-events-news .sf-com-article-list .article .brief {
        font-size: 14px;
    }
    .sf-com-events-news .sf-com-article-list ul>li.tab:last-of-type .article,
    .sf-com-events-news .sf-com-article-list ol>li.tab:last-of-type .article {
        border-bottom: none;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-events-after {
    padding: 90px 0;
}

.sf-com-events-after .sf-com-info-card,
.sf-com-events-after .sf-com-article-list {
    border-radius: 5px;
    height: 100%;
    margin: 0 5px;
    overflow: hidden;
}

.sf-com-events-after .sf-com-article-list {
    background-color: #eaf1fc;
    max-height: 650px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.sf-com-events-after .sf-com-article-list .article {
    border-bottom-color: #DDDDDD;
}

.sf-com-events-after .sf-com-article-list .article:last-child {
    border-bottom: none;
}

.sf-com-events-after.type-2 .sf-com-info-card,
.sf-com-events-after.type-2 .sf-com-article-list {
    background-color: #FFFFFF;
}

.sf-com-events-after.type-2 .sf-com-info-card .card-footer .link span {
    background-color: #03407E;
    color: #FFFFFF;
}

@media screen and (max-width: 1024px) {
    .sf-com-events-after {
        padding: 40px 20px;
    }
    .sf-com-events-after .sf-com-article-list,
    .sf-com-events-after .sf-com-info-card {
        margin: 0 0 10px 0;
        height: auto;
    }
    .sf-com-events-after .sf-com-article-list .article:last-child {
        border-bottom: none;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-events-contact {
    background-color: #eff2f7;
    padding: 90px 0;
}

.sf-com-events-contact .contact-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sf-com-events-contact .contact-list .list-item {
    margin: 0 5%;
}

.sf-com-events-contact .contact-list .list-item .type {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px;
}

.sf-com-events-contact .contact-list .list-item .type img {
    display: block;
    margin-right: 20px;
    max-width: 30px;
    max-height: 30px;
}

.sf-com-events-contact .contact-list .list-item .info {
    color: #454545;
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-events-contact {
        padding: 40px 20px;
    }
    .sf-com-events-contact .contact-list {
        flex-direction: column;
    }
    .sf-com-events-contact .contact-list .list-item {
        margin: 0 0 20px 0;
    }
    .sf-com-events-contact .contact-list .list-item .type {
        margin-bottom: 10px;
        font-size: 16px;
        justify-content: center;
    }
    .sf-com-events-contact .contact-list .list-item .type img {
        max-height: 20px;
        max-width: 20px;
        margin-right: 10px;
    }
    .sf-com-events-contact .contact-list .list-item .info {
        font-size: 14px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-events-cooperators {
    color: #FFFFFF;
    padding: 90px 0;
}

.sf-com-events-cooperators .corp img {
    display: block;
    height: 70px;
}

.sf-com-events-cooperators .corp-logo-main,
.sf-com-events-cooperators .corp-logo-sub {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sf-com-events-cooperators .corp-logo-main {
    margin-bottom: 40px;
}

.sf-com-events-cooperators .corp-logo-sub .corp {
    margin: 0 10%;
}

.sf-com-events-cooperators .sf-com-logos-list {
    margin: 0;
}

.sf-com-events-cooperators .sf-com-logos-list .logos li a img,
.sf-com-events-cooperators .sf-com-logos-list .ul li a img {
    max-height: 60px;
}

.sf-com-events-cooperators+.sf-com-events-cooperators {
    padding-top: 30px;
}

@media screen and (max-width: 1024px) {
    .sf-bg-block-deepblue {
        background-size: auto auto;
    }
    .sf-bg-block-skyblue {
        background-size: cover;
        background-position: left top;
    }
    .sf-com-events-cooperators {
        padding: 40px 0;
    }
    .sf-com-events-cooperators .corp img {
        height: 60px;
    }
    .sf-com-events-cooperators .corp-logo-main,
    .sf-com-events-cooperators .corp-logo-sub {
        flex-direction: column;
        margin-bottom: 30px;
    }
    .sf-com-events-cooperators .corp-logo-sub {
        margin-bottom: 0;
    }
    .sf-com-events-cooperators .corp-logo-sub .corp {
        margin: 0 0 30px 0;
    }
    .sf-com-events-cooperators .corp-logo-sub .corp:last-child {
        margin-bottom: 0;
    }
    .sf-com-events-cooperators .sf-com-logos-list .logos li,
    .sf-com-events-cooperators .sf-com-logos-list ul li {
        width: 42%;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-events-products {
    background-color: #FAFDFF;
    padding: 90px 0;
}

.sf-com-events-products .sf-com-product-card {
    margin: 0 0 15px 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-events-products {
        padding: 40px 20px;
    }
    .sf-com-events-products .sf-com-product-card {
        margin-bottom: 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-article-list .article {
    border-bottom: 1px solid #a4c6da;
    display: block;
    padding: 30px 40px;
    text-decoration: none;
}

.sf-com-article-list .article .title {
    color: #000000;
    font-size: 22px;
    font-weight: 400;
    margin: 0 0 5px 0;
    padding: 0;
    transition: all linear 0.3s;
}

.sf-com-article-list .article .brief {
    color: #454545;
    font-weight: 200;
    line-height: 1.6;
    margin: 0;
    transition: all linear 0.3s;
}

.sf-com-article-list .article:hover .title,
.sf-com-article-list .article:hover .brief,
.sf-com-article-list .article:active .title,
.sf-com-article-list .article:active .brief {
    color: #03407E;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1024px) {
    .sf-com-article-list .article .title {
        font-size: 16px;
    }
    .sf-com-article-list .article .brief {
        font-size: 14px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-info-card {
    background-color: #EAF1FC;
    color: #000000;
    display: block;
    transition: all linear 0.3s;
    text-decoration: none;
}

.sf-com-info-card .card-image {
    border-radius: 5px;
    background-color: #181f2d;
    overflow: hidden;
    height: 300px;
}

.sf-com-info-card .card-image img {
    display: block;
    height: 100%;
    margin: 0 auto;
    transition: all linear 1.2s;
}

.sf-com-info-card .card-content {
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 40px 40px 40px;
}

.sf-com-info-card .card-body .title {
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 5px 0;
}

.sf-com-info-card .card-body .brief {
    font-size: 18px;
    font-weight: 200;
    margin: 0;
    line-height: 1.7;
}

.sf-com-info-card .card-footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.sf-com-info-card .card-footer .link {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: #000000;
    text-decoration: none;
}

.sf-com-info-card .card-footer .link span {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #FFFFFF;
    border-radius: 50%;
    color: #03407E;
    display: block;
    font-size: 1.5em;
    margin-left: 15px;
    height: 50px;
    line-height: 50px;
    width: 50px;
    text-align: center;
    transition: all linear 0.3s;
}

.sf-com-info-card:hover {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    text-decoration: none;
}

.sf-com-info-card:hover .card-image img {
    transform: scale(1.1);
}

.sf-com-info-card:hover .card-footer .link {
    color: #03407E;
}

.sf-com-info-card:hover .card-footer .link span {
    background-color: #03407E;
    color: #FFFFFF;
    margin-left: 35px;
}

@media screen and (max-width: 1024px) {
    .sf-com-info-card .card-image {
        height: 200px;
    }
    .sf-com-info-card .card-content {
        height: auto;
        padding: 20px;
    }
    .sf-com-info-card .card-content .card-body .title {
        font-size: 16px;
    }
    .sf-com-info-card .card-content .card-body .brief {
        font-size: 14px;
    }
    .sf-com-info-card .card-content .card-footer .link {
        font-size: 14px;
    }
    .sf-com-info-card .card-content .card-footer .link span {
        height: 40px;
        line-height: 40px;
        width: 40px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-product-card {
    color: #454545;
    display: block;
    text-decoration: none;
}

.sf-com-product-card .card-image {
    background-color: #181f2d;
    overflow: hidden;
    height: 300px;
    position: relative;
}

.sf-com-product-card .card-image img {
    display: none;
}

.sf-com-product-card .card-image .image-replacer {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: all linear 1s;
}

.sf-com-product-card .card-body {
    background-color: #FFFFFF;
    margin: -60px auto 0 auto;
    width: 85%;
    padding: 30px 40px 60px 40px;
    position: relative;
    z-index: 20;
    transition: all linear 0.3s;
}

.sf-com-product-card .card-body::after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 6px;
    width: 0;
    background-color: #FFFFFF;
    transition: all linear 0.3s;
}

.sf-com-product-card .card-body .card-tags {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.sf-com-product-card .card-body .card-tags .tag {
    background-color: #669ACC;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 100;
    line-height: 1;
    padding: 5px 10px;
}

.sf-com-product-card .card-body .title {
    margin: 0 0 1em 0;
    padding: 0;
    font-size: 24px;
    font-weight: 400;
}

.sf-com-product-card .card-body .brief {
    font-weight: 200;
    margin: 0;
    line-height: 1.6;
}

.sf-com-product-card:hover,
.sf-com-product-card:focus,
.sf-com-product-card:active {
    color: #454545;
    text-decoration: none;
}

.sf-com-product-card:hover .card-image img,
.sf-com-product-card:focus .card-image img,
.sf-com-product-card:active .card-image img {
    transform: scale(1.1);
}

.sf-com-product-card:hover .card-image .image-replacer,
.sf-com-product-card:focus .card-image .image-replacer,
.sf-com-product-card:active .card-image .image-replacer {
    transform: scale(1.1);
}

.sf-com-product-card:hover .card-body,
.sf-com-product-card:focus .card-body,
.sf-com-product-card:active .card-body {
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.15);
}

.sf-com-product-card:hover .card-body::after,
.sf-com-product-card:focus .card-body::after,
.sf-com-product-card:active .card-body::after {
    background-color: #03407E;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .sf-com-product-card .card-image {
        height: 200px;
    }
    .sf-com-product-card .card-body {
        padding: 20px;
    }
    .sf-com-product-card .card-body .title {
        font-size: 16px;
    }
    .sf-com-product-card .card-body .brief {
        font-size: 14px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-slick-tabs {
    padding: 90px 0;
}

.sf-com-slick-tabs .tab-tabs {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    list-style-type: none;
    margin-bottom: 40px;
    padding: 0;
}

.sf-com-slick-tabs .tab-tabs .tab .link {
    background-color: #FFFFFF;
    border: 1px solid #E6E6E6;
    display: flex;
    font-size: 22px;
    font-weight: 400;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    position: relative;
    text-decoration: none;
    width: 270px;
}

.sf-com-slick-tabs .tab-tabs .tab .link::after {
    background-color: transparent;
    content: " ";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 6px;
    width: 0;
    transition: all linear 0.15s;
    z-index: 10;
}

.sf-com-slick-tabs .tab-tabs .tab .link.active::after,
.sf-com-slick-tabs .tab-tabs .tab .link:hover::after,
.sf-com-slick-tabs .tab-tabs .tab .link:active::after {
    background-color: #03407E;
    width: 100%;
}

.sf-com-slick-tabs .tab-tabs .tab .link.active {
    background-color: #003466;
}

.sf-com-slick-tabs .tab-tabs .tab .link.active .main,
.sf-com-slick-tabs .tab-tabs .tab .link.active .sub {
    color: #FFFFFF;
}

.sf-com-slick-tabs .tab-tabs .tab .main {
    color: #000000;
    font-size: 1em;
    line-height: 2;
}

.sf-com-slick-tabs .tab-tabs .tab .sub {
    color: #454545;
    font-size: 0.8em;
    line-height: 2;
}

.sf-com-slick-tabs .tab-tabs .tab+.tab {
    margin-left: -1px;
}

.sf-com-slick-tabs .tab-contents .slick-list {
    height: auto !important;
    overflow: hidden;
}

.sf-com-slick-tabs .tab-contents .slick-list .slick-track {
    overflow: hidden;
}

.sf-com-slick-tabs .tab-contents .slick-list .slick-track .slick-slide {
    float: left;
    display: block;
    height: 1px;
}

.sf-com-slick-tabs .tab-contents .slick-list .slick-track .slick-slide.slick-current.slick-active {
    height: auto;
}

@media screen and (min-width: 1024px) {
    .sf-com-slick-tabs .scrollable-tab {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        position: relative;
        overflow: hidden;
        margin-bottom: 40px;
    }
    .sf-com-slick-tabs .scrollable-tab .nav {
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 70px;
        width: 70px;
    }
    .sf-com-slick-tabs .scrollable-tab .nav.show {
        display: flex;
    }
    .sf-com-slick-tabs .scrollable-tab .nav::after {
        content: " ";
        display: block;
        height: 15px;
        width: 15px;
        border: 2px solid #666666;
        border-left: none;
        border-bottom: none;
        transition: all linear 0.3s;
    }
    .sf-com-slick-tabs .scrollable-tab .nav.prev::after {
        transform: rotate(-135deg);
        margin-left: 10px;
    }
    .sf-com-slick-tabs .scrollable-tab .nav.next::after {
        transform: rotate(45deg);
    }
    .sf-com-slick-tabs .scrollable-tab .nav:hover.prev::after {
        margin-left: 0;
    }
    .sf-com-slick-tabs .scrollable-tab .nav:hover.next::after {
        margin-right: -10px;
    }
    .sf-com-slick-tabs .scrollable-tab .tab-tabs {
        margin-bottom: 0;
        overflow: hidden;
        width: 80%;
    }
    .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab {
        flex-shrink: 0;
        flex-grow: 1;
        transition: all linear 0.2s;
        width: 20%;
    }
    .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab .link {
        width: auto;
    }
}

@media screen and (max-width: 1024px) {
    .sf-com-slick-tabs {
        padding: 40px 0;
    }
    .sf-com-slick-tabs .tab-tabs {
        flex-direction: column;
        margin-bottom: 0;
        position: relative;
        height: 50px;
        z-index: 30;
    }
    .sf-com-slick-tabs .tab-tabs .tab {
        width: 100%;
    }
    .sf-com-slick-tabs .tab-tabs .tab .link {
        background-color: #FFFFFF;
        border: none;
        width: 100%;
        height: 0;
        padding: 0;
        overflow: hidden;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-weight: 200;
    }
    .sf-com-slick-tabs .tab-tabs .tab .link.active {
        height: 50px;
    }
    .sf-com-slick-tabs .tab-tabs .tab .link.active .sub::after {
        transform: rotate(45deg);
        top: 50%;
        right: 5px;
        margin-top: -0.5em;
    }
    .sf-com-slick-tabs .tab-tabs .tab .sub {
        font-size: 1em;
        margin-left: 10px;
        padding-right: 30px;
        position: relative;
    }
    .sf-com-slick-tabs .tab-tabs .tab .sub::after {
        content: " ";
        display: block;
        height: 10px;
        width: 10px;
        border-right: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        position: absolute;
        transform: rotate(45deg);
        top: 50%;
        right: 5px;
        margin-top: -0.5em;
    }
    .sf-com-slick-tabs .tab-tabs.open .tab {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    }
    .sf-com-slick-tabs .tab-tabs.open .tab .link {
        height: 50px;
    }
    .sf-com-slick-tabs.type-2 .tab-tabs {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        list-style-type: none;
        margin-bottom: 40px;
        padding: 0;
    }
    .sf-com-slick-tabs.type-2 .tab-tabs .tab {
        width: 30%;
    }
    .sf-com-slick-tabs.type-2 .tab-tabs .tab .link {
        background-color: #FFFFFF;
        border: 1px solid #E6E6E6;
        display: flex;
        font-size: 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 25px 15px;
        position: relative;
        text-decoration: none;
        width: 100%;
    }
    .sf-com-slick-tabs.type-2 .tab-tabs .tab .link::after {
        background-color: transparent;
        content: " ";
        display: block;
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        margin: 0 auto;
        height: 6px;
        width: 0;
        transition: all linear 0.15s;
        z-index: 10;
    }
    .sf-com-slick-tabs.type-2 .tab-tabs .tab .link.active::after,
    .sf-com-slick-tabs.type-2 .tab-tabs .tab .link:hover::after,
    .sf-com-slick-tabs.type-2 .tab-tabs .tab .link:active::after {
        background-color: #03407E;
        width: 100%;
    }
    .sf-com-slick-tabs.type-2 .tab-tabs .tab .link.active {
        background-color: #003466;
    }
    .sf-com-slick-tabs.type-2 .tab-tabs .tab .link.active .main,
    .sf-com-slick-tabs.type-2 .tab-tabs .tab .link.active .sub {
        color: #FFFFFF;
    }
    .sf-com-slick-tabs.type-2 .tab-tabs .tab .main {
        color: #000000;
        font-size: 1em;
        line-height: 2;
    }
    .sf-com-slick-tabs.type-2 .tab-tabs .tab .sub {
        color: #454545;
        font-size: 0.8em;
        line-height: 2;
    }
    .sf-com-slick-tabs.type-2 .tab-tabs .tab+.tab {
        margin-left: -1px;
    }
    .sf-com-slick-tabs.type-2 .tab-tabs.open .tab {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0);
    }
    .sf-com-slick-tabs.type-2 .tab-tabs.open .tab .link {
        height: 50px;
    }
    .sf-com-slick-tabs.type-2 .tab-contents.slick-initialized.slick-slider {
        padding: 0 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-slider-center-mode {
    background-color: #eaf1fc;
    padding: 90px 0;
}

.sf-com-slider-center-mode .slick-slider {
    position: relative;
    padding: 0 80px;
}

.sf-com-slider-center-mode .slick-slider .slick-arrow {
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    top: 50%;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    z-index: 90;
}

.sf-com-slider-center-mode .slick-slider .slick-arrow::after {
    font-size: 16px;
    content: " ";
    display: block;
    height: 1em;
    width: 1em;
    border-left: 2px solid #454545;
    border-bottom: 2px solid #454545;
    position: absolute;
    transition: all linear 0.3s;
}

.sf-com-slider-center-mode .slick-slider .slick-arrow.prev {
    left: 0;
}

.sf-com-slider-center-mode .slick-slider .slick-arrow.prev::after {
    transform: rotate(45deg);
    top: 50%;
    margin-top: -0.6em;
    left: 50%;
    margin-left: 0em;
}

.sf-com-slider-center-mode .slick-slider .slick-arrow.next {
    right: 0;
}

.sf-com-slider-center-mode .slick-slider .slick-arrow.next::after {
    transform: rotate(-135deg);
    top: 50%;
    left: 50%;
    margin-top: -0.6em;
    margin-left: -0.7em;
}

.sf-com-slider-center-mode .slick-slider .slick-arrow:hover {
    background-color: #FFFFFF;
}

.sf-com-slider-center-mode .slick-slider .slick-arrow:hover.prev::after {
    margin-left: -0.65em;
}

.sf-com-slider-center-mode .slick-slider .slick-arrow:hover.next::after {
    margin-left: -0.2em;
}

.sf-com-slider-center-mode .slick-list {
    overflow: hidden;
}

.sf-com-slider-center-mode .slick-list .slick-track {
    overflow: hidden;
    padding: 50px 0;
}

.sf-com-slider-center-mode .slick-list .slick-track .slick-slide {
    float: left;
}

.sf-com-slider-center-mode .scm-list .list-item {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #FFFFFF;
    display: flex;
    font-weight: 200;
    flex-direction: column;
    justify-content: flex-end;
    height: 530px;
    margin: 0 7px;
    overflow: hidden;
    position: relative;
    transition: transform linear 0.3s;
}

.sf-com-slider-center-mode .scm-list .list-item img {
    display: none;
    max-width: 100%;
}

.sf-com-slider-center-mode .scm-list .list-item .image-info {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0) 100%);
    font-size: 18px;
    padding: 40px 30px;
}

.sf-com-slider-center-mode .scm-list .list-item .image-info .intro {
    margin-bottom: 15px;
    position: relative;
}

.sf-com-slider-center-mode .scm-list .list-item .image-info .title {
    font-weight: 600;
    padding-left: 30px;
    position: relative;
}

.sf-com-slider-center-mode .scm-list .list-item .image-info .title::after {
    background-color: rgba(255, 255, 255, 0.5);
    content: " ";
    display: block;
    width: 20px;
    height: 2px;
    position: absolute;
    top: 0.7em;
    left: 0;
}

.sf-com-slider-center-mode .scm-list .list-item .image-replacer {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: all linear 0.3s;
}

.sf-com-slider-center-mode .scm-list .list-item:hover .image-replacer,
.sf-com-slider-center-mode .scm-list .list-item:active .image-replacer {
    transform: scale(1.1);
}

.sf-com-slider-center-mode .scm-list .list-item.slick-active {
    transform: scale(0.9);
}

.sf-com-slider-center-mode .scm-list .list-item.slick-active.slick-center {
    transform: scale(1.1);
}

.sf-com-slider-center-mode.scm-type-2 .slick-slider {
    padding: 0;
}

.sf-com-slider-center-mode.scm-type-2 .slick-slider .slick-arrow {
    top: 35%;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item {
    height: 320px;
    margin: 0;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item .expand-wrapper .video-wrapper {
    background-color: #000000;
    border-radius: 5px;
    visibility: hidden;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item .expand-wrapper .video-wrapper .video-js {
    height: 400px;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item .expand-wrapper .video-wrapper .video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    font-size: 2em;
    line-height: 1.15em;
    height: 6em;
    width: 5em;
    border: 0.06666em solid rgba(255, 255, 255, 0);
    border-radius: 0em;
    margin-left: -2.5em;
    margin-top: -3em;
    background: rgba(255, 255, 255, 0) url(../images/video-play-white.png) no-repeat;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item .expand-wrapper .video-wrapper .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    color: rgba(43, 51, 63, 0);
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item .expand-wrapper .video-wrapper .video-js .vjs-poster {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item .image-info {
    display: none;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active {
    transform: scale(0.9);
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center {
    background-image: none !important;
    height: auto;
    transform: scale(1.1);
    overflow: visible;
    position: relative;
    z-index: 90;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center .image-replacer {
    display: none;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center .image-info {
    background: transparent;
    color: #000000;
    display: block;
    padding: 0;
    margin-top: 20px;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center .image-info .title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
    padding-left: 0;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center .image-info .title::after {
    display: none;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center .expand-wrapper {
    height: 100%;
    width: 200%;
    margin-left: -50%;
    position: relative;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center .expand-wrapper .video-wrapper {
    visibility: visible;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .sf-com-slider-center-mode {
        padding: 40px 20px;
    }
    .sf-com-slider-center-mode .slick-slider {
        padding: 0;
    }
    .sf-com-slider-center-mode .slick-slider .slick-arrow {
        height: 35px;
        width: 35px;
    }
    .sf-com-slider-center-mode .slick-slider .slick-arrow::after {
        font-size: 12px;
    }
    .sf-com-slider-center-mode .slick-slider .slick-arrow.prev::after {
        margin-left: -0.2em;
    }
    .sf-com-slider-center-mode .slick-list .slick-track {
        padding: 20px 0;
    }
    .sf-com-slider-center-mode .scm-list .list-item {
        height: 430px;
        margin: 0;
        transform: none;
    }
    .sf-com-slider-center-mode .scm-list .list-item.slick-active.slick-center {
        transform: none;
    }
    .sf-com-slider-center-mode.scm-type-2 .slick-slider .slick-arrow {
        height: 36px;
        width: 36px;
    }
    .sf-com-slider-center-mode.scm-type-2 .slick-slider .slick-arrow::after {
        height: 0.7em;
        width: 0.7em;
    }
    .sf-com-slider-center-mode.scm-type-2 .slick-slider .slick-arrow.prev::after {
        margin-top: -0.35em;
        margin-left: -0.1em;
    }
    .sf-com-slider-center-mode.scm-type-2 .slick-slider .slick-arrow.next::after {
        margin-top: -0.35em;
        margin-left: -0.4em;
    }
    .sf-com-slider-center-mode.scm-type-2 .scm-list .list-item {
        height: auto;
        transform: none;
    }
    .sf-com-slider-center-mode.scm-type-2 .scm-list .list-item .expand-wrapper .video-wrapper .video-js {
        display: block;
        height: 190px;
    }
    .sf-com-slider-center-mode.scm-type-2 .scm-list .list-item .expand-wrapper .video-wrapper .video-js .vjs-big-play-button {
        margin-left: -30px;
        margin-top: -30px;
        height: 60px;
        width: 60px;
        background-size: 50px;
    }
    .sf-com-slider-center-mode.scm-type-2 .scm-list .list-item .expand-wrapper .video-wrapper .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        color: rgba(43, 51, 63, 0);
    }
    .sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center {
        transform: none;
    }
    .sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center .expand-wrapper {
        margin: 0;
        width: 100%;
    }
    .sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center .image-info {
        margin: 15px 0;
    }
    .sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center .image-info .title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center .image-info .intro {
        font-size: 14px;
        margin: 0;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-slider-photo-wall {
    background-color: #fafdff;
    padding: 90px 0;
}

.sf-com-slider-photo-wall .slick-dots {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sf-com-slider-photo-wall .slick-dots li {
    margin: 0 7px;
}

.sf-com-slider-photo-wall .slick-dots li button {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: #DDDDDD;
    border: none;
    display: block;
    font-size: 0;
    padding: 0;
}

.sf-com-slider-photo-wall .slick-dots li.slick-active button {
    background-color: #003466;
}

.sf-com-slider-photo-wall .slick-list {
    overflow: hidden;
}

.sf-com-slider-photo-wall .slick-list .slick-track {
    overflow: hidden;
    padding: 50px 0;
}

.sf-com-slider-photo-wall .slick-list .slick-track .slick-slide {
    float: left;
}

.sf-com-slider-photo-wall .pw-list .list-item {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 320px;
}

.sf-com-slider-photo-wall .pw-list .list-item img {
    display: none;
}

.sf-com-slider-photo-wall .pw-list .list-item .image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    position: relative;
}

.sf-com-slider-photo-wall .pw-list .list-item .image .image-replacer {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all linear 0.3s;
}

.sf-com-slider-photo-wall .pw-list .list-item .image.big {
    height: 320px;
    margin: 0 2%;
    width: 63%;
}

.sf-com-slider-photo-wall .pw-list .list-item .image.small {
    height: 150px;
    width: 33%;
}

.sf-com-slider-photo-wall .pw-list .list-item .image:hover .image-replacer,
.sf-com-slider-photo-wall .pw-list .list-item .image:active .image-replacer {
    transform: scale(1.1);
}

@media screen and (max-width: 1024px) {
    .sf-com-slider-photo-wall {
        padding: 40px 20px;
    }
    .sf-com-slider-photo-wall .slick-dots li button {
        height: 10px;
        width: 10px;
    }
    .sf-com-slider-photo-wall .slick-list .slick-track {
        padding: 20px 0;
    }
    .sf-com-slider-photo-wall .pw-list .list-item {
        flex-direction: row;
        height: auto;
    }
    .sf-com-slider-photo-wall .pw-list .list-item .image.big {
        height: 220px;
        width: 100%;
        margin: 0 0 10px 0;
    }
    .sf-com-slider-photo-wall .pw-list .list-item .image.small {
        height: 100px;
        width: 48%;
        margin: 0 0 10px 0;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-slider-sync {
    background-color: #eaf1fc;
    padding: 90px 0;
}

.sf-com-slider-sync .slick-list {
    overflow: hidden;
}

.sf-com-slider-sync .slick-list .slick-track {
    overflow: hidden;
    padding-bottom: 20px;
}

.sf-com-slider-sync .slick-list .slick-track .slick-slide {
    float: left;
}

.sf-com-slider-sync .sliders-wrapper {
    position: relative;
}

.sf-com-slider-sync .sliders-wrapper .playback {
    display: block;
    position: absolute;
    bottom: 20px;
    width: 25px;
    height: 25px;
    right: 0;
    z-index: 30;
}

.sf-com-slider-sync .sliders-wrapper .playback::after {
    content: " ";
    display: block;
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;
    transition: all linear 0.3s;
    width: 13px;
    height: 25px;
    margin: 0 auto;
}

.sf-com-slider-sync .sliders-wrapper .playback.paused::after {
    border-left: none;
    border-top: 3px solid #000000;
    height: 16px;
    width: 16px;
    transform: rotate(-315deg);
    position: absolute;
    top: 5px;
    right: 5px;
}

.sf-com-slider-sync .sliders-wrapper .playback:hover {
    cursor: pointer;
}

.sf-com-slider-sync .sliders-wrapper .playback:hover::after {
    border-color: #03407E;
}

.sf-com-slider-sync .image-list {
    position: relative;
    z-index: 10;
}

.sf-com-slider-sync .image-list .list-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 530px;
    overflow: hidden;
    position: relative;
}

.sf-com-slider-sync .image-list .list-item .image-replacer {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(1.1);
    transition: all linear 1.2s;
}

.sf-com-slider-sync .image-list .list-item img {
    display: none;
}

.sf-com-slider-sync .image-list .list-item.slick-active .image-replacer {
    transform: scale(1);
}

.sf-com-slider-sync .thumbnail-list {
    width: 90%;
    margin: -50px auto auto auto;
    position: relative;
    z-index: 20;
}

.sf-com-slider-sync .thumbnail-list .list-item {
    width: 100px;
    height: 70px;
    border: 2px solid #FFFFFF;
    margin: 0 5px;
    transition: all linear 0.3s;
}

.sf-com-slider-sync .thumbnail-list .list-item:hover {
    cursor: pointer;
}

.sf-com-slider-sync .thumbnail-list .list-item:focus {
    outline: none;
}

.sf-com-slider-sync .thumbnail-list .list-item img {
    display: block;
    width: 100%;
    height: 100%;
}

.sf-com-slider-sync .thumbnail-list .list-item.slick-current {
    border-color: #8BFF00;
    box-shadow: 0 5px 15px 0 rgba(109, 173, 25, 0.65);
}

.sf-com-slider-sync .intro-list {
    height: 100%;
}

.sf-com-slider-sync .intro-list .slick-list {
    height: 100%;
}

.sf-com-slider-sync .intro-list .slick-list .slick-track {
    height: 100%;
}

.sf-com-slider-sync .intro-list .list-item {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sf-com-slider-sync .intro-list .slick-active .intro-card .intro-heading {
    left: 0;
}

.sf-com-slider-sync .intro-list .slick-active .intro-card .intro-body,
.sf-com-slider-sync .intro-list .slick-active .intro-card .intro-footer {
    top: 0;
}

.sf-com-slider-sync .intro-card {
    overflow: hidden;
    padding-left: 40px;
}

.sf-com-slider-sync .intro-card .intro-heading {
    margin-bottom: 40px;
    position: relative;
    left: 120%;
    transition: all linear 0.6s;
}

.sf-com-slider-sync .intro-card .intro-heading img {
    display: block;
    height: 35px;
    max-width: 100%;
}

.sf-com-slider-sync .intro-card .intro-body {
    margin-bottom: 40px;
    position: relative;
    top: 300px;
    transition: all linear 0.3s;
    transition-delay: 0.15s;
}

.sf-com-slider-sync .intro-card .intro-body .title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 15px;
}

.sf-com-slider-sync .intro-card .intro-body .brief {
    color: #454545;
    line-height: 1.7;
    margin: 0;
}

.sf-com-slider-sync .intro-card .intro-footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    position: relative;
    top: 400px;
    transition: all linear 0.3s;
    transition-delay: 0.15s;
}

.sf-com-slider-sync .intro-card .intro-footer .link {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: #000000;
    text-decoration: none;
}

.sf-com-slider-sync .intro-card .intro-footer .link span {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #FFFFFF;
    border-radius: 50%;
    color: #03407E;
    display: block;
    font-size: 1.5em;
    margin-left: 15px;
    height: 50px;
    line-height: 50px;
    width: 50px;
    text-align: center;
    transition: all linear 0.3s;
}

.sf-com-slider-sync .intro-card .intro-footer .link:hover span,
.sf-com-slider-sync .intro-card .intro-footer .link:active span {
    background-color: #03407E;
    color: #FFFFFF;
}

.sf-com-slider-sync .intro-card:hover .intro-footer .link,
.sf-com-slider-sync .intro-card:active .intro-footer .link {
    color: #03407E;
}

.sf-com-slider-sync .intro-card:hover .intro-footer .link span,
.sf-com-slider-sync .intro-card:active .intro-footer .link span {
    margin-left: 30px;
}

@media screen and (max-width: 1024px) {
    .sf-com-slider-sync {
        padding: 40px 20px;
    }
    .sf-com-slider-sync .sliders-wrapper .playback {
        bottom: 10px;
    }
    .sf-com-slider-sync .sliders-wrapper .playback::after {
        height: 15px;
        margin-top: 5px;
    }
    .sf-com-slider-sync .sliders-wrapper .playback.paused::after {
        height: 10px;
        width: 10px;
        top: 2px;
        right: 9px;
    }
    .sf-com-slider-sync .image-list .list-item {
        height: 180px;
    }
    .sf-com-slider-sync .thumbnail-list {
        margin: 0;
    }
    .sf-com-slider-sync .thumbnail-list .list-item {
        height: 0;
        overflow: hidden;
    }
    .sf-com-slider-sync .intro-card {
        padding: 20px 0 0 0;
    }
    .sf-com-slider-sync .intro-card .intro-heading {
        margin-bottom: 20px;
    }
    .sf-com-slider-sync .intro-card .intro-body .title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .sf-com-slider-sync .intro-card .intro-body .brief {
        font-size: 14px;
    }
    .sf-com-slider-sync .intro-card .intro-footer .link {
        font-size: 14px;
    }
    .sf-com-slider-sync .intro-card .intro-footer .link span {
        height: 40px;
        line-height: 40px;
        width: 40px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-slider-keypoints {
    padding: 90px 0;
}

.sf-com-slider-keypoints .slick-list {
    overflow: hidden;
    height: 100%;
}

.sf-com-slider-keypoints .slick-list .slick-track {
    overflow: hidden;
    height: 100%;
}

.sf-com-slider-keypoints .slick-list .slick-track .slick-slide {
    height: 100%;
    float: left;
}

.sf-com-slider-keypoints .content .keypoints-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keypoints {
    display: flex;
    width: 33%;
    position: relative;
    z-index: 20;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-grow: 1;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item {
    border-bottom: 2px solid transparent;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 1;
    width: 100%;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item:last-child {
    border-bottom: none;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item.active .link {
    background-color: #003466;
    color: #FFFFFF;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item.active .link::after {
    width: 35px;
    right: -17px;
    transition: all linear 0.5s;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item.active .link .icon {
    filter: invert(1) brightness(2) grayscale(1);
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item .link {
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 1;
    color: #454545;
    height: 100%;
    padding: 10px 50px;
    position: relative;
    text-decoration: none;
    width: 100%;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item .link::after {
    background-color: #03407E;
    content: " ";
    display: block;
    width: 0;
    height: 3px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -2px;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item .link .icon {
    display: block;
    max-width: 50px;
    margin-right: 30px;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keyintros {
    width: 67%;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list {
    height: 100%;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item {
    position: relative;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .image {
    min-height: 480px;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .image img {
    display: none;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .image .image-replacer {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: all linear 0.3s;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .intro {
    position: absolute;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 70px 35px 35px 35px;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .intro .title {
    color: #FFFFFF;
    font-size: 26px;
    font-weight: 200;
    margin: 0 0 25px 0;
    padding: 0;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .intro .detail {
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    line-height: 1.6;
    font-size: 16px;
    font-weight: 200;
}

@media screen and (max-width: 1024px) {
    .sf-com-slider-keypoints {
        padding: 40px 20px;
    }
    .sf-com-slider-keypoints .slick-list .slick-track {
        background-color: #FFFFFF;
    }
    .sf-com-slider-keypoints .content .keypoints-wrapper {
        flex-direction: column;
    }
    .sf-com-slider-keypoints .content .keypoints-wrapper .keypoints,
    .sf-com-slider-keypoints .content .keypoints-wrapper .keyintros {
        width: 100%;
    }
    .sf-com-slider-keypoints .content .keypoints-wrapper .keypoints {
        margin-bottom: 10px;
    }
    .sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item .link {
        font-size: 14px;
        font-weight: 200;
        padding: 10px 20px;
    }
    .sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item .link::after {
        display: none;
    }
    .sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item .link .icon {
        max-width: 20px;
        margin-right: 15px;
    }
    .sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list {
        box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
    }
    .sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .image {
        min-height: 0;
        height: 160px;
    }
    .sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .image .image-replacer {
        height: 160px;
    }
    .sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .intro {
        background: #FFFFFF;
        position: static;
        padding: 20px;
    }
    .sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .intro .title {
        color: #454545;
        font-size: 16px;
        margin-bottom: 1em;
    }
    .sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .intro .detail {
        color: #454545;
        font-size: 14px;
    }
}

html[data-useragent*='Trident'] .sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item {
    flex-basis: 120px;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-slider-basic {
    padding: 90px 0;
}

.sf-com-slider-basic .basic-list {
    position: relative;
}

.sf-com-slider-basic .basic-list .slick-arrow {
    display: none;
    font-size: 10px;
    top: 25%;
    background-color: rgba(255, 255, 255, 0.6);
    width: 60px;
    height: 60px;
    position: absolute;
    transition: all linear 0.3s;
    z-index: 20;
}

.sf-com-slider-basic .basic-list .slick-arrow::before {
    content: " ";
    display: block;
    height: 1.5em;
    width: 1.5em;
    border: 2px solid rgba(0, 0, 0, 0.8);
    border-right: none;
    border-top: none;
    position: absolute;
    transition: all linear 0.3s;
}

.sf-com-slider-basic .basic-list .slick-arrow.prev {
    left: -65px;
}

.sf-com-slider-basic .basic-list .slick-arrow.prev::before {
    transform: rotate(45deg);
    top: 50%;
    left: 50%;
    margin-top: -0.6em;
}

.sf-com-slider-basic .basic-list .slick-arrow.next {
    right: -65px;
}

.sf-com-slider-basic .basic-list .slick-arrow.next::before {
    transform: rotate(-135deg);
    top: 50%;
    right: 50%;
    margin-top: -0.6em;
}

.sf-com-slider-basic .basic-list .slick-arrow:hover,
.sf-com-slider-basic .basic-list .slick-arrow:focus,
.sf-com-slider-basic .basic-list .slick-arrow:active {
    background-color: rgba(255, 255, 255, 0.9);
}

.sf-com-slider-basic .basic-list .slick-arrow:hover.prev::before,
.sf-com-slider-basic .basic-list .slick-arrow:focus.prev::before,
.sf-com-slider-basic .basic-list .slick-arrow:active.prev::before {
    margin-left: -10px;
}

.sf-com-slider-basic .basic-list .slick-arrow:hover.next::before,
.sf-com-slider-basic .basic-list .slick-arrow:focus.next::before,
.sf-com-slider-basic .basic-list .slick-arrow:active.next::before {
    margin-right: -10px;
}

.sf-com-slider-basic .basic-list .slick-dots {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sf-com-slider-basic .basic-list .slick-dots li {
    margin: 0 7px;
}

.sf-com-slider-basic .basic-list .slick-dots li button {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: #DDDDDD;
    border: none;
    display: block;
    font-size: 0;
    padding: 0;
}

.sf-com-slider-basic .basic-list .slick-dots li.slick-active button {
    background-color: #003466;
}

.sf-com-slider-basic .basic-list .slick-list {
    overflow: hidden;
}

.sf-com-slider-basic .basic-list .slick-list .slick-track {
    overflow: hidden;
    padding: 0 0 50px 0;
}

.sf-com-slider-basic .basic-list .slick-list .slick-track .slick-slide {
    float: left;
    padding: 20px 10px;
}

.sf-com-slider-basic .basic-list .slick-list .slick-track .slick-slide:focus {
    outline: none;
}

.sf-com-slider-basic.type-nav-only .basic-list .slick-arrow {
    display: block;
}

.sf-com-slider-basic.type-both .basic-list .slick-arrow {
    display: block;
    top: calc(50% - 70px);
}

.sf-com-slider-basic.type-both .basic-list .slick-list .slick-track {
    padding: 0 0 30px 0;
}

.sf-com-slider-basic.type-2-1 {
    padding: 40px 0;
}

.sf-com-slider-basic.type-2-1 .content .sf-title-block {
    margin: 0 0 40px 0;
}

.sf-com-slider-basic.type-7 {
    padding: 90px 0 0;
}

.sf-com-slider-basic.type-7 .basic-list .slick-arrow {
    top: calc(50% - 100px);
}

@media screen and (max-width: 1024px) {
    .sf-com-slider-basic {
        padding: 40px 20px;
    }
    .sf-com-slider-basic .slick-dots li button {
        height: 10px;
        width: 10px;
    }
    .sf-com-slider-basic .basic-list .slick-list .slick-track {
        padding: 20px 0;
    }
    .sf-com-slider-basic .basic-list .slick-list .slick-track .slick-slide {
        padding: 0;
    }
    .sf-com-slider-basic .basic-list .slick-arrow.prev {
        left: 0;
    }
    .sf-com-slider-basic .basic-list .slick-arrow.next {
        right: 0;
    }
    .sf-com-slider-basic .basic-list .list-item {
        flex-direction: row;
        height: auto;
    }
    .sf-com-slider-basic .basic-list .list-item .image.big {
        height: 220px;
        width: 100%;
        margin: 0 0 10px 0;
    }
    .sf-com-slider-basic .basic-list .list-item .image.small {
        height: 100px;
        width: 48%;
        margin: 0 0 10px 0;
    }
    .sf-com-slider-basic.type-both .basic-list .slick-arrow {
        display: none !important;
    }
    .sf-com-slider-basic.type-both .basic-list .slick-list .slick-track {
        padding: 0 0 30px 0;
    }
    .sf-com-slider-basic.type-2-1 {
        padding: 20px 0;
        margin-top: -20px;
    }
    .sf-com-slider-basic.type-2-1 .content .sf-title-block {
        margin: 0;
    }
    .sf-com-slider-basic.type-7 {
        padding: 40px 20px;
    }
    .sf-com-slider-basic.type-7 .basic-list .slick-arrow {
        top: calc(50% - 80px);
    }
    .sf-com-slider-basic.type-7 .basic-list .slick-list .slick-track {
        padding: 20px 0 0;
    }
    .sf-com-slider-basic.type-7 .sf-com-cbc-card {
        margin-bottom: 0;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-slider-single {
    padding: 0;
}

.sf-com-slider-single .content {
    position: relative;
    z-index: 10;
}

.sf-com-slider-single .content .article {
    width: 80%;
    margin: 0 auto;
}

.sf-com-slider-single .content .article .article-heading {
    font-size: 36px;
    margin-bottom: 1.5em;
    text-align: center;
}

.sf-com-slider-single .content .article .article-heading .title {
    margin: 0;
    font-size: 1em;
    font-weight: 400;
}

.sf-com-slider-single .content .article .article-body {
    font-size: 18px;
    line-height: 1.7;
}

.sf-com-slider-single .content .article .article-body p {
    margin-bottom: 1em;
}

.sf-com-slider-single .basic-list {
    position: relative;
}

.sf-com-slider-single .basic-list .slick-arrow {
    display: none;
    font-size: 10px;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.6);
    width: 60px;
    height: 60px;
    margin-top: -30px;
    position: absolute;
    transition: all linear 0.3s;
    z-index: 20;
}

.sf-com-slider-single .basic-list .slick-arrow::before {
    content: " ";
    display: block;
    height: 1.5em;
    width: 1.5em;
    border: 2px solid rgba(0, 0, 0, 0.8);
    border-right: none;
    border-top: none;
    position: absolute;
    transition: all linear 0.3s;
}

.sf-com-slider-single .basic-list .slick-arrow.prev {
    left: 65px;
}

.sf-com-slider-single .basic-list .slick-arrow.prev::before {
    transform: rotate(45deg);
    top: 50%;
    left: 50%;
    margin-top: -0.6em;
}

.sf-com-slider-single .basic-list .slick-arrow.next {
    right: 65px;
}

.sf-com-slider-single .basic-list .slick-arrow.next::before {
    transform: rotate(-135deg);
    top: 50%;
    right: 50%;
    margin-top: -0.6em;
}

.sf-com-slider-single .basic-list .slick-arrow:hover,
.sf-com-slider-single .basic-list .slick-arrow:focus,
.sf-com-slider-single .basic-list .slick-arrow:active {
    background-color: rgba(255, 255, 255, 0.9);
}

.sf-com-slider-single .basic-list .slick-arrow:hover.prev::before,
.sf-com-slider-single .basic-list .slick-arrow:focus.prev::before,
.sf-com-slider-single .basic-list .slick-arrow:active.prev::before {
    margin-left: -10px;
}

.sf-com-slider-single .basic-list .slick-arrow:hover.next::before,
.sf-com-slider-single .basic-list .slick-arrow:focus.next::before,
.sf-com-slider-single .basic-list .slick-arrow:active.next::before {
    margin-right: -10px;
}

.sf-com-slider-single .basic-list .slick-dots {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    margin: 0 auto;
}

.sf-com-slider-single .basic-list .slick-dots li {
    margin: 0 7px;
}

.sf-com-slider-single .basic-list .slick-dots li button {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: #DDDDDD;
    border: none;
    display: block;
    font-size: 0;
    padding: 0;
}

.sf-com-slider-single .basic-list .slick-dots li.slick-active button {
    background-color: #03407E;
}

.sf-com-slider-single .basic-list .slick-list {
    overflow: hidden;
}

.sf-com-slider-single .basic-list .slick-list .slick-track {
    overflow: hidden;
    padding: 0;
}

.sf-com-slider-single .basic-list .slick-list .slick-track .slick-slide {
    float: left;
    padding: 90px 0 120px 0;
}

.sf-com-slider-single .basic-list .slick-list .slick-track .slick-slide:focus {
    outline: none;
}

.sf-com-slider-single.type-nav-only .basic-list .slick-arrow {
    display: block;
}

@media screen and (max-width: 1024px) {
    .sf-com-slider-single {
        padding: 0x;
    }
    .sf-com-slider-single .content .article .article-heading {
        font-size: 22px;
    }
    .sf-com-slider-single .content .article .article-body {
        font-weight: 200;
    }
    .sf-com-slider-single .slick-dots li button {
        height: 10px;
        width: 10px;
    }
    .sf-com-slider-single .basic-list .slick-list .slick-track {
        padding: 0;
    }
    .sf-com-slider-single .basic-list .slick-list .slick-track .slick-slide {
        padding: 40px 0 80px 0;
    }
    .sf-com-slider-single .basic-list .slick-arrow.prev {
        left: 0;
    }
    .sf-com-slider-single .basic-list .slick-arrow.next {
        right: 0;
    }
    .sf-com-slider-single .basic-list .list-item {
        flex-direction: row;
        height: auto;
    }
    .sf-com-slider-single .basic-list .list-item .image.big {
        height: 220px;
        width: 100%;
        margin: 0 0 10px 0;
    }
    .sf-com-slider-single .basic-list .list-item .image.small {
        height: 100px;
        width: 48%;
        margin: 0 0 10px 0;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-agenda {
    margin-bottom: 40px;
}

.sf-com-agenda .agenda-heading {
    font-size: 26px;
    font-weight: 200;
    padding: 0.8em 0;
}

.sf-com-agenda .agenda-heading .title {
    color: #669ACC;
    font-weight: 200;
    font-size: 24px;
    margin: 0;
    padding: 0;
}

.sf-com-agenda .agenda-body {
    background-color: #F1F7FC;
    padding: 20px 40px;
}

.sf-com-agenda .agenda-body .agenda-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sf-com-agenda .agenda-body .agenda-list .list-item {
    border-bottom: 1px solid #D1D1D1;
}

.sf-com-agenda .agenda-body .agenda-list .list-item:last-child {
    border-bottom: none;
}

.sf-com-agenda .agenda-body .agenda-list .list-item .actions {
    display: none;
}

.sf-com-agenda .agenda-body .agenda-grid {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 30px 0;
}

.sf-com-agenda .agenda-body .agenda-grid .time {
    font-size: 24px;
    width: 12%;
}

.sf-com-agenda .agenda-body .agenda-grid .title {
    font-size: 24px;
    width: 30%;
}

.sf-com-agenda .agenda-body .agenda-grid .title .main {
    display: block;
    margin-bottom: 10px;
}

.sf-com-agenda .agenda-body .agenda-grid .title .sub {
    display: block;
    font-size: 18px;
    font-weight: 200;
}

.sf-com-agenda .agenda-body .agenda-grid .detail {
    font-size: 18px;
    line-height: 1.7;
    width: 43%;
}

.sf-com-agenda .agenda-body .agenda-grid .detail p {
    margin-bottom: 10px;
}

.sf-com-agenda .agenda-body .agenda-grid .detail p:last-child {
    margin-bottom: 0;
}

.sf-com-agenda .agenda-body .agenda-grid .links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 15%;
}

.sf-com-agenda .agenda-body .agenda-grid .links .link {
    display: block;
    margin: 0 5px 10px 5px;
}

.sf-com-agenda .agenda-body .agenda-grid .links .link img {
    display: block;
    height: 50px;
}

.sf-com-agenda .agenda-body .agenda-grid .links .link .y {
    display: none;
}

.sf-com-agenda .agenda-body .agenda-grid .links .link:hover .y,
.sf-com-agenda .agenda-body .agenda-grid .links .link:active .y {
    display: block;
}

.sf-com-agenda .agenda-body .agenda-grid .links .link:hover .n,
.sf-com-agenda .agenda-body .agenda-grid .links .link:active .n {
    display: none;
}

.sf-com-agenda .agenda-body .agenda-grid .title,
.sf-com-agenda .agenda-body .agenda-grid .detail,
.sf-com-agenda .agenda-body .agenda-grid .links {
    padding-left: 40px;
}

@media screen and (max-width: 1024px) {
    .sf-com-agenda {
        margin-bottom: 20px;
    }
    .sf-com-agenda .agenda-heading {
        font-size: 20px;
    }
    .sf-com-agenda .agenda-body {
        background-color: transparent;
        padding: 0;
    }
    .sf-com-agenda .agenda-body .agenda-list .list-item {
        background-color: #f2f7fd;
        border-bottom: none;
        margin-bottom: 10px;
        padding: 15px;
        position: relative;
    }
    .sf-com-agenda .agenda-body .agenda-list .list-item .actions {
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 20;
        height: 25px;
        width: 25px;
    }
    .sf-com-agenda .agenda-body .agenda-list .list-item .actions .toggle {
        display: block;
        height: 25px;
    }
    .sf-com-agenda .agenda-body .agenda-list .list-item .actions .toggle::after {
        content: " ";
        display: block;
        height: 10px;
        width: 10px;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        position: absolute;
        transition: all linear 0.3s;
        transform: rotate(45deg);
        left: 50%;
        top: 50%;
        margin-top: -0.5em;
        margin-left: -0.3em;
    }
    .sf-com-agenda .agenda-body .agenda-list .list-item.open .agenda-grid .detail,
    .sf-com-agenda .agenda-body .agenda-list .list-item.open .agenda-grid .links {
        height: auto;
    }
    .sf-com-agenda .agenda-body .agenda-list .list-item.open .actions .toggle::after {
        transform: rotate(-135deg);
        top: 50%;
        left: 50%;
        margin-left: -0.35em;
        margin-top: -0.1em;
    }
    .sf-com-agenda .agenda-body .agenda-grid {
        flex-direction: column;
        padding: 0;
    }
    .sf-com-agenda .agenda-body .agenda-grid .time,
    .sf-com-agenda .agenda-body .agenda-grid .title,
    .sf-com-agenda .agenda-body .agenda-grid .detail,
    .sf-com-agenda .agenda-body .agenda-grid .links {
        width: 100%;
        padding: 0;
    }
    .sf-com-agenda .agenda-body .agenda-grid .time {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .sf-com-agenda .agenda-body .agenda-grid .title {
        font-size: 16px;
    }
    .sf-com-agenda .agenda-body .agenda-grid .detail {
        transition: all linear 0.15s;
        height: 0;
        overflow: hidden;
        font-size: 14px;
        margin: 15px 0;
    }
    .sf-com-agenda .agenda-body .agenda-grid .links {
        transition: height linear 0.85s;
        height: 0;
        overflow: hidden;
        justify-content: flex-start;
    }
    .sf-com-agenda .agenda-body .agenda-grid .links .link {
        margin-right: 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-point-highlight {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 30px;
    transition: all linear 0.3s;
    text-align: center;
}

.sf-com-point-highlight .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 420px;
}

.sf-com-point-highlight .content .title {
    color: #003466;
    font-size: 60px;
    font-weight: 600;
}

.sf-com-point-highlight .content .sub {
    font-size: 22px;
    font-weight: 200;
}

.sf-com-point-highlight .content .sub span {
    display: block;
}

.sf-com-point-highlight .content .title,
.sf-com-point-highlight .content .sub {
    max-width: 100%;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition: text-shadow linear 0.3s;
}

.sf-com-point-highlight .content .detail {
    font-size: 16px;
    font-weight: 200;
    height: 0;
    line-height: 1.8;
    max-width: 100%;
    overflow: hidden;
    transition: all linear 0.15s;
    text-align-last: left;
}

.sf-com-point-highlight .content .detail p {
    color: transparent;
    margin-top: 100px;
    transition: all linear 0.6s;
}

.sf-com-point-highlight:hover {
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 15px 30px 0 rgba(0, 0, 0, 0.1);
}

.sf-com-point-highlight:hover .content .sub {
    margin-bottom: 30px;
}

.sf-com-point-highlight:hover .content .detail {
    opacity: 1;
    height: 12.6em;
}

.sf-com-point-highlight:hover .content .detail p {
    color: #454545;
    margin-top: 0;
}

.sf-com-point-highlight:hover .content .title,
.sf-com-point-highlight:hover .content .sub {
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 1024px) {
    .sf-com-point-highlight {
        padding: 15px 20px;
    }
    .sf-com-point-highlight .content {
        min-height: 0;
    }
    .sf-com-point-highlight .content .title {
        font-size: 40px;
        font-weight: 400;
    }
    .sf-com-point-highlight .content .sub {
        font-size: 18px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-mosaic-slider {
    padding: 80px 0;
}

.sf-com-mosaic-slider .slick-slider {
    position: relative;
}

.sf-com-mosaic-slider .slick-slider .slick-arrow {
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #003466;
    position: absolute;
    top: 50%;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    z-index: 90;
}

.sf-com-mosaic-slider .slick-slider .slick-arrow::after {
    font-size: 16px;
    content: " ";
    display: block;
    height: 1em;
    width: 1em;
    border-left: 2px solid #454545;
    border-bottom: 2px solid #454545;
    position: absolute;
    transition: all linear 0.3s;
}

.sf-com-mosaic-slider .slick-slider .slick-arrow.prev {
    left: 0;
}

.sf-com-mosaic-slider .slick-slider .slick-arrow.prev::after {
    transform: rotate(45deg);
    top: 50%;
    margin-top: -0.55em;
    left: 50%;
    margin-left: 0em;
}

.sf-com-mosaic-slider .slick-slider .slick-arrow.next {
    right: 0;
}

.sf-com-mosaic-slider .slick-slider .slick-arrow.next::after {
    transform: rotate(-135deg);
    top: 50%;
    left: 50%;
    margin-top: -0.55em;
    margin-left: -0.7em;
}

.sf-com-mosaic-slider .slick-slider .slick-arrow:hover {
    background-color: #FFFFFF;
}

.sf-com-mosaic-slider .slick-slider .slick-arrow:hover.prev::after {
    margin-left: -0.65em;
}

.sf-com-mosaic-slider .slick-slider .slick-arrow:hover.next::after {
    margin-left: -0.2em;
}

.sf-com-mosaic-slider .mosaic-list {
    list-style-type: none;
    margin: 0;
    padding: 0 50px;
    overflow: hidden;
}

.sf-com-mosaic-slider .mosaic-list .list-item {
    float: left;
}

.sf-com-mosaic-slider .mosaic-list .slick-list {
    overflow: hidden;
}

.sf-com-mosaic-slider .mosaic-list .slick-list .slick-track {
    overflow: hidden;
}

.sf-com-mosaic-slider .mosaic-list .slick-list .slick-track .slick-slide {
    float: left;
    overflow: hidden;
}

.sf-com-mosaic-slider .mosaic-list .slick-list .slick-track .slick-slide>div {
    overflow: hidden;
}

.sf-com-mosaic-slider .mosaic-list .slick-list .slick-track .slick-slide:focus,
.sf-com-mosaic-slider .mosaic-list .slick-list .slick-track .slick-slide:active {
    outline: none;
}

.sf-com-mosaic-slider .attendee {
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    margin-bottom: 40px;
    padding: 20px 0;
}

.sf-com-mosaic-slider .attendee .pic {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 200px;
    width: 200px;
    margin-bottom: 40px;
    position: relative;
}

.sf-com-mosaic-slider .attendee .pic .image-replacer {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
    overflow: hidden;
    height: 200px;
    width: 200px;
    transition: all linear 0.15s;
}

.sf-com-mosaic-slider .attendee .pic img {
    display: none;
}

.sf-com-mosaic-slider .attendee .name {
    display: block;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
}

.sf-com-mosaic-slider .attendee .intro {
    display: block;
    font-size: 16px;
    width: 60%;
    margin: 0 auto;
}

.sf-com-mosaic-slider .attendee:hover .pic .image-replacer,
.sf-com-mosaic-slider .attendee:active .pic .image-replacer {
    border: 4px solid #03407E;
    transform: scale(1.1);
}

.sf-com-mosaic-slider .attendee:hover .name,
.sf-com-mosaic-slider .attendee:active .name {
    color: #3A70B7;
    text-decoration: none;
}

@media screen and (max-width: 1024px) {
    .sf-com-mosaic-slider {
        padding: 40px 0;
    }
    .sf-com-mosaic-slider .slick-slider .slick-arrow {
        height: 35px;
        width: 35px;
    }
    .sf-com-mosaic-slider .slick-slider .slick-arrow.prev {
        left: 25px;
    }
    .sf-com-mosaic-slider .slick-slider .slick-arrow.prev::after {
        margin-left: -0.2em;
    }
    .sf-com-mosaic-slider .slick-slider .slick-arrow.next {
        right: 25px;
    }
    .sf-com-mosaic-slider .attendee {
        margin: 40px 0 0 0;
    }
    .sf-com-mosaic-slider .attendee .pic {
        margin-bottom: 20px;
        height: 160px;
        width: 160px;
    }
    .sf-com-mosaic-slider .attendee .pic .image-replacer {
        height: 160px;
        width: 160px;
    }
    .sf-com-mosaic-slider .attendee .name {
        font-size: 16px;
    }
    .sf-com-mosaic-slider .attendee .intro {
        font-size: 14px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-searchbox {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.sf-com-searchbox .content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sf-com-searchbox .input-group {
    border: 1px solid #BBBBBB;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.sf-com-searchbox .input-group .input-group-button,
.sf-com-searchbox .input-group .input-group-text {
    background-color: #FFFFFF;
    border: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 38px;
    margin: 0;
    padding: 0;
}

.sf-com-searchbox .input-group .input-group-button {
    color: #03407E;
    justify-content: center;
    width: 40px;
}

.sf-com-searchbox .input-group .input-group-text {
    flex-grow: 1;
    justify-content: flex-start;
}

.sf-com-searchbox .close {
    color: #DD2C00;
    font-size: 20px;
    margin-left: 20px;
    text-decoration: none;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-flip-card {
    margin-bottom: 20px;
}

.sf-com-flip-card:hover .content {
    transform: rotateY(180deg);
    transition: transform 0.5s;
}

.sf-com-flip-card:hover .content .cd-front {
    opacity: 0;
}

.sf-com-flip-card:hover .content .cd-back {
    opacity: 1;
}

.sf-com-flip-card:hover .content .cd-back .image {
    bottom: 100px;
}

.sf-com-flip-card:hover .content .cd-back .image .image-replacer {
    display: block !important;
}

.sf-com-flip-card .content {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
    height: 400px;
    position: relative;
    transition: transform 1s;
    transform-style: preserve-3d;
}

.sf-com-flip-card .content .cd-front {
    opacity: 1;
    transition: opacity linear 0.3s;
}

.sf-com-flip-card .content .cd-back {
    opacity: 0;
    transition: opacity linear 0.3s;
}

.sf-com-flip-card .content .cd-front,
.sf-com-flip-card .content .cd-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: white;
    z-index: 50;
}

.sf-com-flip-card .content .cd-front::after,
.sf-com-flip-card .content .cd-back::after {
    background-color: rgba(0, 0, 0, 0.2);
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.sf-com-flip-card .content .cd-front {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.sf-com-flip-card .content .cd-front .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 20;
}

.sf-com-flip-card .content .cd-front .info .icon {
    height: 70px;
    margin-bottom: 40px;
}

.sf-com-flip-card .content .cd-front .info .icon img {
    display: block;
}

.sf-com-flip-card .content .cd-front .info .title {
    color: #FFFFFF;
    font-size: 26px;
    font-weight: 200;
    margin: 0;
    padding: 0;
}

.sf-com-flip-card .content .cd-back {
    transform: rotateY(180deg);
}

.sf-com-flip-card .content .cd-back .detail {
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 40px;
    z-index: 20;
}

.sf-com-flip-card .content .cd-back .title {
    position: absolute;
    top: 40px;
    left: 40px;
    right: 40px;
    font-size: 26px;
    font-weight: 200;
    color: #FFFFFF;
    z-index: 20;
}

.sf-com-flip-card .content .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    transition: all linear 0.6s;
    z-index: 1;
}

.sf-com-flip-card .content .image img {
    display: none;
}

.sf-com-flip-card .content .image .image-replacer {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all linear 0.3s;
}

.sf-com-flip-card .content .image:hover .image-replacer,
.sf-com-flip-card .content .image:active .image-replacer {
    transform: scale(1.1);
}

@media screen and (max-width: 1024px) {
    .sf-com-flip-card .content {
        height: 300px;
    }
    .sf-com-flip-card .content .cd-back .title {
        font-size: 18px;
        left: 30px;
        top: 25px;
    }
    .sf-com-flip-card .content .cd-back .detail {
        padding: 15px;
        font-size: 14px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-joint-filter {
    margin-bottom: 40px;
}

.sf-com-joint-filter .content .filter-card {
    font-weight: 200;
}

.sf-com-joint-filter .content .filter-card .card-heading {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E2E2E2;
    color: #454545;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 22px;
    padding: 0 1em;
}

.sf-com-joint-filter .content .filter-card .card-heading:hover,
.sf-com-joint-filter .content .filter-card .card-heading:active {
    background-color: rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.sf-com-joint-filter .content .filter-card .card-heading .title {
    font-size: 1em;
    font-weight: 400;
    line-height: 3;
    margin: 0;
}

.sf-com-joint-filter .content .filter-card .card-heading .toggle {
    font-size: 14px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 1.5em;
    width: 1.5em;
    position: relative;
    text-align: center;
    margin-left: 15px;
}

.sf-com-joint-filter .content .filter-card .card-heading .toggle::before {
    content: " ";
    display: block;
    width: 0.7em;
    height: 0.7em;
    border: 2px solid #454545;
    border-top: none;
    border-right: none;
    font-weight: 200;
    transform: rotate(-45deg);
    margin-top: -0.35em;
    transition: all linear 0.3s;
}

.sf-com-joint-filter .content .filter-card .card-body {
    background-color: #FAFAFA;
    max-height: 0;
    overflow: hidden;
    transition: all linear 0.3s;
}

.sf-com-joint-filter .content .filter-card .card-body .filt-list {
    font-weight: 200;
    list-style-type: none;
    margin: 15px 20px;
    padding: 0;
}

.sf-com-joint-filter .content .filter-card .card-body .filt-list .list-item .link {
    color: #454545;
    display: block;
    line-height: 2.5;
    position: relative;
    padding-left: 30px;
    width: 100%;
}

.sf-com-joint-filter .content .filter-card .card-body .filt-list .list-item .link::before {
    border: 1px solid #E2E2E2;
    border-radius: 2px;
    background-color: #FFFFFF;
    content: " ";
    display: block;
    font-family: "themify";
    font-size: 12px;
    line-height: 1;
    text-align: center;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
}

.sf-com-joint-filter .content .filter-card .card-body .filt-list .list-item .link:hover,
.sf-com-joint-filter .content .filter-card .card-body .filt-list .list-item .link:active {
    color: #03407E;
    text-decoration: none;
}

.sf-com-joint-filter .content .filter-card .card-body .filt-list .list-item .link.active::before {
    background-color: #03407E;
    border-color: #03407E;
    content: "\e64c";
    color: #FFFFFF;
}

.sf-com-joint-filter .content .filter-card .card-body .filt-list .list-item .link.type-radio::before {
    border-radius: 50%;
    content: " ";
}

.sf-com-joint-filter .content .filter-card .card-body .filt-list .list-item .link.type-radio::after {
    background-color: rgba(255, 255, 255, 0.85);
    content: " ";
    display: block;
    height: 0.5em;
    width: 0.5em;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0.25em;
    margin-top: -0.25em;
    z-index: 5;
}

.sf-com-joint-filter .content .filter-card .card-body .filt-list.f-col-3 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.sf-com-joint-filter .content .filter-card .card-body .filt-list.f-col-3 .list-item {
    min-width: 32%;
    margin-right: 1%;
    white-space: nowrap;
}

.sf-com-joint-filter .content .filter-card.active .card-body {
    max-height: 2000px;
}

.sf-com-joint-filter .content .filter-card.columns-2 .card-body,
.sf-com-joint-filter .content .filter-card.columns-3 .card-body {
    height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.sf-com-joint-filter.type-2 {
    border-top: 4px solid #669ACC;
    background-color: #FAFAFA;
}

.sf-com-joint-filter.type-3 {
    background-color: #FAFAFA;
    padding: 10px 30px;
}

.sf-com-joint-filter.type-3 .content .filter-card {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    padding: 5px;
    position: relative;
}

.sf-com-joint-filter.type-3 .content .filter-card .title {
    display: inline-flex;
    font-size: 1em;
    font-weight: 400;
    margin-top: .5rem;
    min-width: 42px;
}

.sf-com-joint-filter.type-3 .content .filter-card .filt-list {
    display: inline-block;
    list-style: none;
    margin: 0 50px 0 0;
    padding-left: 15px;
    height: 40px;
    overflow: hidden;
}

.sf-com-joint-filter.type-3 .content .filter-card .filt-list .list-item {
    display: inline-block;
    margin: 0 10px;
}

.sf-com-joint-filter.type-3 .content .filter-card .filt-list .list-item .link {
    color: #454545;
    display: block;
    line-height: 1.5;
    position: relative;
    padding: 0.5em 0 0.5em 30px;
    width: 100%;
}

.sf-com-joint-filter.type-3 .content .filter-card .filt-list .list-item .link::before {
    border: 1px solid #E2E2E2;
    border-radius: 2px;
    background-color: #FFFFFF;
    content: " ";
    display: block;
    font-family: "themify";
    font-size: 12px;
    line-height: 1;
    text-align: center;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
}

.sf-com-joint-filter.type-3 .content .filter-card .filt-list .list-item .link:hover,
.sf-com-joint-filter.type-3 .content .filter-card .filt-list .list-item .link:active {
    color: #03407E;
    text-decoration: none;
}

.sf-com-joint-filter.type-3 .content .filter-card .filt-list .list-item .link.active::before {
    background-color: #03407E;
    border-color: #03407E;
    content: "\e64c";
    color: #FFFFFF;
}

.sf-com-joint-filter.type-3 .content .filter-card .filt-list .list-item .link.type-radio::before {
    border-radius: 50%;
    content: " ";
}

.sf-com-joint-filter.type-3 .content .filter-card .filt-list .list-item .link.type-radio::after {
    background-color: rgba(255, 255, 255, 0.85);
    content: " ";
    display: block;
    height: 0.5em;
    width: 0.5em;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0.25em;
    margin-top: -0.25em;
    z-index: 5;
}

.sf-com-joint-filter.type-3 .content .filter-card .more {
    display: none;
    font-size: 14px;
    margin-left: 15px;
    line-height: 35px;
    position: absolute;
    right: 0;
}

.sf-com-joint-filter.type-3 .content .filter-card .more .toggle {
    height: 1.5em;
    width: 1.5em;
    position: relative;
    text-align: center;
    margin-left: 5px;
    margin-top: 15px;
}

.sf-com-joint-filter.type-3 .content .filter-card .more .toggle::before {
    content: " ";
    display: block;
    width: 0.7em;
    height: 0.7em;
    border: 2px solid #454545;
    border-top: none;
    border-right: none;
    font-weight: 200;
    transform: rotate(-45deg);
    margin-top: -0.35em;
    transition: all linear 0.3s;
}

.sf-com-joint-filter.type-3 .content .filter-card:last-child {
    border-bottom: 0px solid #f0f0f0;
}

.sf-com-joint-filter.type-3 .content .filter-card.has-more .more {
    display: inline-flex;
}

.sf-com-joint-filter.type-3 .content .filter-card.has-more.active .filt-list {
    height: auto;
    transition: all linear 0.3s;
}

@media screen and (max-width: 1024px) {
    .sf-com-joint-filter .content .filter-card .card-heading {
        font-size: 16px;
    }
    .sf-com-joint-filter .content .filter-card .card-heading .title {
        font-weight: 200;
    }
    .sf-com-joint-filter .content .filter-card .card-body .filt-list {
        justify-content: space-between;
    }
    .sf-com-joint-filter .content .filter-card .card-body .filt-list.f-col-3 .list-item {
        min-width: 48%;
    }
    .sf-com-joint-filter.type-3 {
        display: none;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-news-search-box {
    background-color: #eaf1fc;
    padding: 40px 20px;
}

.sf-com-news-search-box .content .search-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    margin-bottom: 20px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.sf-com-news-search-box .content .search-box .form-control {
    border-radius: 8px 0 0 8px;
    border-right: none;
    height: auto;
    line-height: 2.5;
    padding-top: 1em;
    padding-bottom: 1em;
}

.sf-com-news-search-box .content .search-box .form-control:focus {
    outline: none;
    box-shadow: none;
}

.sf-com-news-search-box .content .search-box .form-control:focus+.input-group-append .search-button {
    border-color: #80bdff;
}

.sf-com-news-search-box .content .search-box .search-button {
    border: 1px solid #D9D9D9;
    border-left: none;
    border-radius: 0 8px 8px 0;
    background-color: #FFFFFF;
    width: 3em;
    transition: all linear 0.3s;
}

.sf-com-news-search-box .content .search-box .search-button span {
    font-size: 1.3em;
}

.sf-com-news-search-box .content .search-box .search-button:hover,
.sf-com-news-search-box .content .search-box .search-button:active {
    color: #03407E;
}

.sf-com-news-search-box .content .search-suggest {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sf-com-news-search-box .content .search-suggest .link {
    display: block;
    color: #888888;
    font-size: 20px;
    font-weight: 200;
    padding: 0 10px;
    position: relative;
}

.sf-com-news-search-box .content .search-suggest .link::after {
    background-color: #999999;
    content: " ";
    display: block;
    height: 0.8em;
    width: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.4em;
}

.sf-com-news-search-box .content .search-suggest .link:last-child::after {
    display: none;
}

.sf-com-news-search-box.type-2 {
    background-color: transparent;
}

.sf-com-news-search-box.type-3 {
    background-color: transparent;
}

.sf-com-news-search-box.type-3 .content .search-box {
    max-width: 100%;
}

.sf-com-news-search-box.type-3 .content .search-box .form-control {
    border-radius: 3px 0 0 3px;
    line-height: 2;
}

.sf-com-news-search-box.type-3 .content .search-box .search-button {
    border-radius: 0 3px 3px 0;
    background-color: #669ACC;
    border-color: #669ACC;
    color: #FFFFFF;
    width: 4em;
}

.search-box-filter-toggle {
    display: none;
}

@media screen and (max-width: 1024px) {
    .sf-com-news-search-box {
        padding: 30px 20px;
    }
    .sf-com-news-search-box .content .search-box .form-control {
        padding-top: 0.6em;
        padding-bottom: 0.6em;
    }
    .sf-com-news-search-box .content .search-suggest {
        overflow: hidden;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .sf-com-news-search-box .content .search-suggest .link {
        font-size: 14px;
        white-space: nowrap;
    }
    .search-box-filter-toggle {
        background-color: #FFFFFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 50px;
        padding: 0 10px;
        border-radius: 5px;
        border: 1px solid #ced4da;
        margin-right: 15px;
    }
    .search-box-filter-content .com-heading {
        background-color: #f0f0f0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
    }
    .search-box-filter-content .com-heading .title {
        font-size: 20px;
        font-weight: 400;
        margin: 0;
    }
    .search-box-filter-content .com-heading .close {
        font-size: 14px;
        height: 2.5em;
        line-height: 2.5em;
        padding-right: 4em;
    }
    .search-box-filter-content .com-heading .close:hover em,
    .search-box-filter-content .com-heading .close:focus em,
    .search-box-filter-content .com-heading .close:active em {
        transform: scale(0.4);
    }
    .search-box-filter-content .com-body {
        padding: 0;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-news-search-result .content .sf-title-block {
    margin: 0 0 30px 0;
}

.sf-com-news-search-result .content .sf-title-block .title {
    text-align-last: left;
    line-height: 1;
}

.sf-com-news-search-result .content .list-filter {
    background-color: #7e8c99;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 30px;
}

.sf-com-news-search-result .content .list-filter .title {
    font-size: 0.9em;
    font-weight: 200;
}

.sf-com-news-search-result .content .list-filter .filters {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.sf-com-news-search-result .content .list-filter .filters .link {
    display: block;
    color: #FFFFFF;
    padding: 0 20px 0 10px;
    margin: 0 5px;
    position: relative;
}

.sf-com-news-search-result .content .list-filter .filters .link::after {
    border: 1px solid #FFFFFF;
    border-top: none;
    border-right: none;
    content: " ";
    display: block;
    height: 0.4em;
    width: 0.4em;
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -0.2em;
}

.sf-com-news-search-result .content .list-filter .filters .link.active {
    color: #0CE356;
}

.sf-com-news-search-result .content .list-filter .filters .link.active::after {
    border-color: #0CE356;
}

.sf-com-news-search-result .content .news-list ul,
.sf-com-news-search-result .content .news-list ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sf-com-news-search-result .content .news-list ul li,
.sf-com-news-search-result .content .news-list ol li {
    margin-bottom: 15px;
}

.sf-com-news-search-result .content .news-list ul li .link,
.sf-com-news-search-result .content .news-list ol li .link {
    display: block;
    color: #454545;
    background-color: #FFFFFF;
    border-radius: 3px;
    font-weight: 200;
    padding: 0.6em 1em;
}

.sf-com-news-search-result .content .news-list ul li .link .title,
.sf-com-news-search-result .content .news-list ol li .link .title {
    font-size: 22px;
}

.sf-com-news-search-result .content .news-list ul li .link:hover,
.sf-com-news-search-result .content .news-list ul li .link:active,
.sf-com-news-search-result .content .news-list ol li .link:hover,
.sf-com-news-search-result .content .news-list ol li .link:active {
    background-color: #83acd2;
    color: #FFFFFF;
    text-decoration: none;
}

.sf-com-news-search-result .content .news-card {
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.sf-com-news-search-result .content .news-card:last-child {
    border-bottom: none;
}

.sf-com-news-search-result .content .news-card .card-heading,
.sf-com-news-search-result .content .news-card .card-body,
.sf-com-news-search-result .content .news-card .card-footer {
    display: block;
    padding: 7px 0;
}

.sf-com-news-search-result .content .news-card .card-heading {
    font-size: 20px;
    color: #000000;
}

.sf-com-news-search-result .content .news-card .card-heading .title {
    font-size: 1em;
    font-weight: 400;
    margin: 0;
}

.sf-com-news-search-result .content .news-card .card-heading .title h1,
.sf-com-news-search-result .content .news-card .card-heading .title h2,
.sf-com-news-search-result .content .news-card .card-heading .title h3,
.sf-com-news-search-result .content .news-card .card-heading .title h4,
.sf-com-news-search-result .content .news-card .card-heading .title h5,
.sf-com-news-search-result .content .news-card .card-heading .title h6 {
    font-size: 1em;
    font-weight: 400;
    margin: 0;
}

.sf-com-news-search-result .content .news-card .card-heading:hover,
.sf-com-news-search-result .content .news-card .card-heading:focus,
.sf-com-news-search-result .content .news-card .card-heading:active {
    text-decoration: none;
    color: #03407E;
}

.sf-com-news-search-result .content .news-card .card-body {
    color: #999999;
    font-weight: 200;
    line-height: 1.6;
}

.sf-com-news-search-result .content .news-card .card-body p {
    margin: 0;
}

.sf-com-news-search-result .content .news-card .card-footer {
    color: #888888;
    font-size: 14px;
    font-weight: 200;
}

.sf-com-news-search-result .content .news-card .card-footer .metas {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.sf-com-news-search-result .content .news-card .card-footer .metas .meta-item {
    color: #888888;
    display: block;
    margin-right: 30px;
}

.sf-com-news-search-result .content .news-card .card-footer .metas .meta-item:last-child {
    margin-right: 0;
}

.sf-com-news-search-result .content .news-card .card-footer .metas .meta-item .icon {
    color: #669ACC;
    margin-right: 10px;
    font-weight: 600;
}

@media screen and (max-width: 1024px) {
    .sf-com-news-search-result .content .news-card .card-heading {
        margin-bottom: 20px;
    }
    .sf-com-news-search-result .content .news-card .card-body {
        display: none;
    }
    .sf-com-news-search-result .content .news-card .card-footer .metas {
        flex-wrap: wrap;
    }
    .sf-com-news-search-result .content .news-card .card-footer .metas .meta-item {
        margin-right: 10px;
        white-space: nowrap;
    }
    .sf-com-news-search-result .content .news-card .card-footer .metas .meta-item .icon {
        margin-right: 3px;
    }
    .sf-com-news-search-result .content .news-list ul li .link .title,
    .sf-com-news-search-result .content .news-list ol li .link .title {
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 8px;
    }
    .sf-com-news-search-result .content .news-list ul li .link .date,
    .sf-com-news-search-result .content .news-list ul li .link .loc,
    .sf-com-news-search-result .content .news-list ol li .link .date,
    .sf-com-news-search-result .content .news-list ol li .link .loc {
        font-size: 14px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-pagination {
    font-size: 18px;
    font-weight: 200;
    padding: 40px 0;
}

.sf-com-pagination .content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sf-com-pagination .content .nav {
    color: #669ACC;
    white-space: nowrap;
}

.sf-com-pagination .content .nav:hover,
.sf-com-pagination .content .nav:active {
    text-decoration: none;
}

.sf-com-pagination .content .nav.disabled {
    color: #999999;
}

.sf-com-pagination .content .page-list {
    list-style-type: none;
    margin: 0 30px;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.sf-com-pagination .content .page-list .list-item {
    margin: 0 3px;
}

.sf-com-pagination .content .page-list .list-item .link {
    display: block;
    color: #669ACC;
    height: 30px;
    line-height: 30px;
    min-width: 30px;
    padding: 0 3px;
    text-align: center;
}

.sf-com-pagination .content .page-list .list-item .link:hover,
.sf-com-pagination .content .page-list .list-item .link:active,
.sf-com-pagination .content .page-list .list-item .link.active {
    text-decoration: none;
    background-color: #669ACC;
    color: #FFFFFF;
}

.sf-com-pagination .content .page-list .list-item.invi {
    overflow: hidden;
    width: 0;
    height: 0;
    margin: 0;
}

.sf-com-pagination .content .page-list .list-item:not(.invi)+.invi {
    font-size: 0;
    position: relative;
    width: auto;
    height: auto;
}

.sf-com-pagination .content .page-list .list-item:not(.invi)+.invi a {
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    width: 0;
    height: 0;
}

.sf-com-pagination .content .page-list .list-item:not(.invi)+.invi::before {
    font-size: 14px;
    content: "...";
    display: block;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .sf-com-pagination {
        padding: 20px 0;
    }
    .sf-com-pagination .content .nav {
        white-space: nowrap;
    }
    .sf-com-pagination .content .nav .text {
        display: none;
    }
    .sf-com-pagination .content .page-list {
        flex-wrap: wrap;
        margin: 0 10px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-modal {
    background-color: #FFFFFF;
    box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.1);
    display: none;
    position: relative;
}

.sf-com-modal.active {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 15%;
    margin: 0 auto;
    width: 800px;
    max-width: 100%;
    z-index: 300;
}

.sf-com-modal .modal-button {
    color: #454545;
    background-color: #edeef3;
    display: inline-block;
    font-weight: 200;
    line-height: 1;
    padding: 0.8em 3em;
    position: relative;
}

.sf-com-modal .modal-button::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    transition: all linear 0.3s;
    z-index: 0;
}

.sf-com-modal .modal-button:hover,
.sf-com-modal .modal-button:focus,
.sf-com-modal .modal-button:active {
    text-decoration: none;
}

.sf-com-modal .modal-button:hover::before,
.sf-com-modal .modal-button:focus::before,
.sf-com-modal .modal-button:active::before {
    background-color: rgba(0, 0, 0, 0.1);
}

.sf-com-modal .modal-button.mb-success {
    background-color: #03407E;
    color: #FFFFFF;
}

.sf-com-modal .modal-checkbox {
    color: #454545;
    display: inline-block;
    line-height: 2;
    position: relative;
    padding-left: 30px;
}

.sf-com-modal .modal-checkbox::before {
    border: 1px solid #E2E2E2;
    border-radius: 2px;
    background-color: #FFFFFF;
    content: " ";
    display: block;
    font-family: "themify";
    font-size: 12px;
    line-height: 1;
    text-align: center;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
}

.sf-com-modal .modal-checkbox:hover,
.sf-com-modal .modal-checkbox:active {
    color: #03407E;
    text-decoration: none;
}

.sf-com-modal .modal-checkbox.active::before {
    background-color: #03407E;
    border-color: #03407E;
    content: "\e64c";
    color: #FFFFFF;
}

.sf-com-modal .modal-heading,
.sf-com-modal .modal-body,
.sf-com-modal .modal-footer {
    padding: 20px 35px;
}

.sf-com-modal .modal-heading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.sf-com-modal .modal-heading .title {
    font-size: 20px;
    font-weight: 200;
    margin: 0;
}

.sf-com-modal .modal-body {
    border-left: none;
    border-right: none;
}

.sf-com-modal .modal-footer .modal-buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.sf-com-modal .modal-icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 1em;
}

.sf-com-modal .modal-icon .icon {
    color: #669ACC;
    font-size: 4em;
}

.sf-com-modal .modal-close {
    color: #454545;
    display: block;
    position: absolute;
    right: 15px;
    top: 10px;
    padding: 5px 10px;
    z-index: 50;
}

.sf-com-modal .modal-close:hover,
.sf-com-modal .modal-close:focus,
.sf-com-modal .modal-close:active {
    text-decoration: none;
    color: #DD2C00;
}

.sf-com-modal .modal-content {
    margin-bottom: 20px;
}

.sf-com-modal .modal-content .content-title {
    color: #000000;
    font-size: 1.6em;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0.5em;
}

.sf-com-modal .modal-content .content-body .text-center {
    text-align: center;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-lang-switch {
    font-size: 14px;
    position: relative;
}

.sf-com-lang-switch.active .lang-active::after {
    transform: rotate(225deg);
    margin-top: -2px;
}

.sf-com-lang-switch.active .lang-box {
    display: flex;
}

.sf-com-lang-switch a {
    color: #454545;
}

.sf-com-lang-switch a:hover,
.sf-com-lang-switch a:focus,
.sf-com-lang-switch a:active {
    text-decoration: none;
}

.sf-com-lang-switch .lang-active {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding-right: 30px;
}

.sf-com-lang-switch .lang-active::after {
    content: " ";
    display: block;
    height: 8px;
    width: 8px;
    border: 1px solid #454545;
    border-left: none;
    border-top: none;
    position: absolute;
    right: 10px;
    transform: rotate(45deg);
    transition: all linear 0.3s;
    top: 50%;
    margin-top: -5px;
}

.sf-com-lang-switch .lang-active .lang-name {
    margin-left: 15px;
}

.sf-com-lang-switch .lang-box {
    background-color: #FFFFFF;
    border-top: 4px solid #03407E;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 90;
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    white-space: nowrap;
    width: 160px;
}

.sf-com-lang-switch .lang-box .lang {
    display: block;
    line-height: 3;
    padding-left: 45px;
    width: 100%;
}

.sf-com-lang-switch .lang-box .lang:hover,
.sf-com-lang-switch .lang-box .lang:focus,
.sf-com-lang-switch .lang-box .lang:active {
    background-color: #EAEAEA;
}

@media screen and (max-width: 1024px) {
    .sf-com-lang-switch .lang-active {
        padding-right: 0;
    }
    .sf-com-lang-switch .lang-active::after {
        display: none;
    }
    .sf-com-lang-switch .lang-active .lang-name {
        display: none;
    }
    .sf-com-lang-switch .lang-box {
        width: auto;
        left: auto;
        right: 0;
    }
    .sf-com-lang-switch .lang-box .lang {
        padding: 0 35px;
        text-align: center;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-search-toolbar {
    background-color: #7e8c99;
    position: relative;
    z-index: 90;
}

.sf-com-search-toolbar .content .sf-com-joint-filter {
    margin-bottom: 0;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card {
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    position: relative;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card:first-child {
    border-left: 1px solid rgba(0, 0, 0, 0.3);
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card.active .card-body {
    height: auto;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-heading {
    background-color: transparent;
    border-bottom: none;
    color: #FFFFFF;
    font-size: 18px;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-heading .title {
    font-weight: 200;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-heading .toggle::before {
    border-width: 1px;
    border-color: #FFFFFF;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-body {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 100%;
    height: 0;
    left: 0;
    overflow: hidden;
    transition: all linear 0.3s;
    min-width: 170px;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card.columns-2 .card-body .filt-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 400px;
    width: 400px;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card.columns-2 .card-body .filt-list .list-item {
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    width: 180px;
    margin-right: 20px;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card.columns-3 .card-body {
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card.columns-3 .card-body .filt-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 600px;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card.columns-3 .card-body .filt-list .list-item {
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    width: 180px;
    margin-right: 20px;
}

.sf-com-search-toolbar .content .search-box {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}

.sf-com-search-toolbar .content .search-box .search-text {
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 0;
    border: none;
    color: #FFFFFF;
    height: 100%;
    padding: 0;
    width: 0;
    transition: all linear 0.3s;
}

.sf-com-search-toolbar .content .search-box .search-button {
    border: none;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    font-size: 22px;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
    width: 3em;
}

.sf-com-search-toolbar .content .search-box .search-button:hover,
.sf-com-search-toolbar .content .search-box .search-button:active {
    background-color: rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.sf-com-search-toolbar .content .search-box.active .search-text {
    max-width: 100%;
    width: 300px;
    padding: 0 10px;
}

@media screen and (max-width: 1024px) {
    .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card {
        flex-shrink: 1;
    }
    .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card:first-child {
        border-left: none;
    }
    .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-heading {
        font-size: 14px;
        padding: 0 5px;
    }
    .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-heading .toggle {
        margin-left: 3px;
        height: 10px;
        width: 10px;
    }
    .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-heading .toggle::before {
        width: 4px;
        height: 4px;
    }
    .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-body {
        z-index: 2;
    }
    .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-body .filt-list {
        z-index: 2;
    }
    .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-body .filt-list .list-item {
        z-index: 2;
    }
    .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-body .filt-list .list-item .link {
        z-index: 2;
    }
    .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card.multi-columns .card-body {
        height: 400px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
    .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card.multi-columns .card-body .filt-list {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card.multi-columns .card-body .filt-list .list-item {
        width: 50%;
    }
    .sf-com-search-toolbar .content .search-box {
        border-top: 1px solid rgba(0, 0, 0, 0.2);
        padding: 5px 10px;
    }
    .sf-com-search-toolbar .content .search-box .search-text {
        flex-grow: 1;
        height: 35px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-qdoc-viewer .content iframe {
    display: block;
    width: 100%;
    height: 800px;
    height: 85vh;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-load-more {
    background-color: #FFFFFF;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
    display: block;
    color: #03407E;
    margin: 30px 0;
}

.sf-com-load-more .content {
    text-align: center;
    font-weight: 200;
    padding: 1.2em;
}

.sf-com-load-more:hover,
.sf-com-load-more:active {
    text-decoration: none;
    background-color: #03407E;
    color: #FFFFFF;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-search-message {
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #FFFFFF;
}

.sf-com-search-message .content {
    font-weight: 200;
    padding: 30px 20px;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-search-category {
    border-bottom: 1px solid #DDDDDD;
}

.sf-com-search-category .content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
}

.sf-com-search-category .content .cat-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.sf-com-search-category .content .cat-list .list-item .link {
    color: #000000;
    display: block;
    font-weight: 200;
    padding: 0 1em;
    line-height: 4;
    position: relative;
    height: 100%;
}

.sf-com-search-category .content .cat-list .list-item .link::after {
    content: " ";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 3px;
    transition: all linear 0.3s;
}

.sf-com-search-category .content .cat-list .list-item .link.active,
.sf-com-search-category .content .cat-list .list-item .link:hover,
.sf-com-search-category .content .cat-list .list-item .link:focus,
.sf-com-search-category .content .cat-list .list-item .link:active {
    text-decoration: none;
}

.sf-com-search-category .content .cat-list .list-item .link.active::after,
.sf-com-search-category .content .cat-list .list-item .link:hover::after,
.sf-com-search-category .content .cat-list .list-item .link:focus::after,
.sf-com-search-category .content .cat-list .list-item .link:active::after {
    background-color: #03407E;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .sf-com-search-category .content {
        font-size: 14px;
        padding: 20px;
    }
    .sf-com-search-category .content .cat-list {
        justify-content: space-between;
    }
    .sf-com-search-category .content .cat-list .list-item {
        min-width: 50%;
    }
    .sf-com-search-category .content .cat-list .list-item .link {
        line-height: 3;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-search-result {
    padding: 40px 20px;
}

.sf-com-search-result .content .search-config {
    font-weight: 200;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    line-height: 2;
    margin-bottom: 40px;
}

.sf-com-search-result .content .search-config .status .link {
    color: #03407E;
    text-decoration: underline;
}

.sf-com-search-result .content .search-config .amount .link {
    color: #454545;
    display: inline-block;
    position: relative;
    padding: 0 7px;
}

.sf-com-search-result .content .search-config .amount .link::after {
    content: " ";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 3px;
    transition: all linear 0.3s;
}

.sf-com-search-result .content .search-config .amount .link.active,
.sf-com-search-result .content .search-config .amount .link:hover,
.sf-com-search-result .content .search-config .amount .link:focus,
.sf-com-search-result .content .search-config .amount .link:active {
    text-decoration: none;
}

.sf-com-search-result .content .search-config .amount .link.active::after,
.sf-com-search-result .content .search-config .amount .link:hover::after,
.sf-com-search-result .content .search-config .amount .link:focus::after,
.sf-com-search-result .content .search-config .amount .link:active::after {
    background-color: #03407E;
    width: 100%;
}

.sf-com-search-result .content .search-config .ordering {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.sf-com-search-result .content .search-config .ordering .link {
    color: #454545;
    display: block;
    padding: 0 10px;
    position: relative;
}

.sf-com-search-result .content .search-config .ordering .link::after {
    content: " ";
    position: absolute;
    height: 0.8em;
    top: 50%;
    margin-top: -0.4em;
    right: 0;
    background-color: #454545;
    width: 1px;
}

.sf-com-search-result .content .search-config .ordering .link.active,
.sf-com-search-result .content .search-config .ordering .link:hover,
.sf-com-search-result .content .search-config .ordering .link:focus,
.sf-com-search-result .content .search-config .ordering .link:active {
    color: #03407E;
}

.sf-com-search-result .content .search-config .ordering .link:last-child::after {
    display: none;
}

.sf-com-search-result .content .search-result .result-card {
    border-bottom: 1px solid #DEDEDE;
    padding: 15px 0;
}

.sf-com-search-result .content .search-result .result-card .card-heading {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.sf-com-search-result .content .search-result .result-card .card-heading .title {
    color: #000000;
    display: block;
    margin: 0;
    font-size: 20px;
    font-weight: 400;
}

.sf-com-search-result .content .search-result .result-card .card-heading .title:hover,
.sf-com-search-result .content .search-result .result-card .card-heading .title:focus,
.sf-com-search-result .content .search-result .result-card .card-heading .title:active {
    color: #03407E;
}

.sf-com-search-result .content .search-result .result-card .card-heading .tag {
    display: block;
    background-color: #03407E;
    color: #FFFFFF;
    font-size: 0.85em;
    font-weight: 200;
    line-height: 1;
    padding: 3px 5px 4px 5px;
}

.sf-com-search-result .content .search-result .result-card .card-body {
    color: #454545;
    font-weight: 200;
    padding: 15px 0 10px 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}

.sf-com-search-result .content .search-result .result-card .card-body .info {
    color: #888888;
    flex-shrink: 1;
    line-height: 1.8;
    max-height: 5.4em;
    overflow: hidden;
}

.sf-com-search-result .content .search-result .result-card .card-body .info p {
    margin: 0;
    overflow: hidden;
}

.sf-com-search-result .content .search-result .result-card .card-body .image {
    flex-shrink: 0;
    margin-right: 20px;
    max-width: 30%;
}

.sf-com-search-result .content .search-result .result-card .card-body .image img {
    display: block;
    max-height: 100px;
    max-width: 100%;
}

.sf-com-search-result .content .search-result .result-card .card-footer .tags {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 200;
}

.sf-com-search-result .content .search-result .result-card .card-footer .tags .tag {
    color: #888888;
}

.sf-com-search-result .content .search-result .result-card .card-footer .tags .tag [class^=ti-] {
    color: #669ACC;
}

.sf-com-search-result .content .search-result .result-card .key {
    color: #03407E;
}

.sf-com-search-result .content .search-highlight {
    border: 1px solid #DEDEDE;
    padding: 10px 20px;
}

.sf-com-search-result .content .search-highlight .search-result .result-card {
    border-bottom: none;
}

.sf-com-search-result .content .search-related {
    font-weight: 200;
    margin-top: 40px;
}

.sf-com-search-result .content .search-related .related-card {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.sf-com-search-result .content .search-related .related-card .card-heading {
    flex-shrink: 0;
}

.sf-com-search-result .content .search-related .related-card .card-heading .title {
    margin: 0;
    font-size: 16px;
    font-weight: 200;
    color: #000000;
}

.sf-com-search-result .content .search-related .related-card .card-body {
    padding-left: 50px;
}

.sf-com-search-result .content .search-related .related-card .card-body ul,
.sf-com-search-result .content .search-related .related-card .card-body ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.sf-com-search-result .content .search-related .related-card .card-body ul li,
.sf-com-search-result .content .search-related .related-card .card-body ol li {
    min-width: 200px;
    margin-bottom: 20px;
}

.sf-com-search-result .content .search-related .related-card .card-body ul li a,
.sf-com-search-result .content .search-related .related-card .card-body ol li a {
    color: #888888;
}

@media screen and (max-width: 1024px) {
    .sf-com-search-result .content .search-config {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .sf-com-search-result .content .search-config .ordering .link:first-child {
        padding-left: 0;
    }
    .sf-com-search-result .content .search-config .ordering .link:last-child {
        padding-right: 0;
    }
    .sf-com-search-result .content .search-result .result-card {
        padding: 10px 0;
    }
    .sf-com-search-result .content .search-result .result-card .card-heading .title {
        font-size: 16px;
    }
    .sf-com-search-result .content .search-result .result-card .card-body {
        font-size: 14px;
        padding: 10px 0;
    }
    .sf-com-search-result .content .search-result .result-card .card-body img {
        max-height: 70px;
    }
    .sf-com-search-result .content .search-result .result-card .card-footer {
        font-size: 12px;
    }
    .sf-com-search-result .content .search-related .related-card {
        flex-direction: column;
    }
    .sf-com-search-result .content .search-related .related-card .card-heading {
        margin-bottom: 10px;
    }
    .sf-com-search-result .content .search-related .related-card .card-body {
        font-size: 14px;
        padding-left: 0;
    }
    .sf-com-search-result .content .search-related .related-card .card-body ul li,
    .sf-com-search-result .content .search-related .related-card .card-body ol li {
        margin-bottom: 5px;
        min-width: 50%;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-forms .form-group .form-control {
    border-radius: 0;
}

.sf-com-forms .form-group .form-control::placeholder {
    color: #AAAAAA;
    font-weight: 200;
    font-size: 16px;
}

.sf-com-forms .form-group .form-control:focus,
.sf-com-forms .form-group .form-control:active {
    border-color: #03407E;
    box-shadow: 0 0 0 0.2rem rgba(109, 173, 25, 0.25);
}

.sf-highlight-required .required-field {
    display: block;
    position: relative;
    padding-left: 15px;
}

.sf-highlight-required .required-field::before {
    content: "*";
    display: block;
    color: red;
    font-size: 14px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 10px;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-login-card {
    padding: 90px 0;
}

.sf-com-login-card .content {
    max-width: 400px;
    margin: 0 auto;
}

.sf-com-login-card .content .login-card>.card-heading {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 30px;
}

.sf-com-login-card .content .login-card>.card-heading .title {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.6;
    position: relative;
    padding: 0 1.5em;
}

.sf-com-login-card .content .login-card>.card-heading .title::before,
.sf-com-login-card .content .login-card>.card-heading .title::after {
    content: " ";
    display: block;
    width: 6px;
    height: 1em;
    position: absolute;
    top: 0.3em;
}

.sf-com-login-card .content .login-card>.card-heading .title::before {
    background-color: #03407E;
    left: 0;
}

.sf-com-login-card .content .login-card>.card-heading .title::after {
    background-color: #669ACC;
    right: 0;
}

.sf-com-login-card .content .login-card .card-footer {
    padding: 20px 0;
}

.sf-com-login-card .content .login-card .card-body .form-group {
    position: relative;
}

.sf-com-login-card .content .login-card .card-body .form-group .icon {
    display: block;
    height: 1em;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    left: 1em;
    pointer-events: none;
}

.sf-com-login-card .content .login-card .card-body .form-control.username {
    position: relative;
}

.sf-com-login-card .content .login-card .card-body .form-control.username::before {
    content: " ";
    display: block;
    height: 1.1em;
    width: 1.1em;
    top: 0.7em;
    background-image: url(../images/user.svg);
}

.sf-com-login-card .content .sf-com-third-party-login {
    margin-top: 30px;
}

.sf-com-login-card .content .password-options {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.sf-com-login-card .content .password-options .prompt {
    color: #DD2C00;
}

.sf-com-login-card .content .password-options .password-change {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

.sf-com-login-card .content .password-options .password-change .link {
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sf-com-login-card .content .password-options .password-change .link+.link::before {
    background-color: #454545;
    content: " ";
    display: block;
    height: 1em;
    margin: 0 15px;
    width: 1px;
}

.sf-com-login-card .content .create-account {
    font-size: 14px;
    padding: 20px 0;
    position: relative;
    text-align: center;
}

.sf-com-login-card .content .create-account .link {
    color: #689bca;
    border-bottom: 1px solid #689bca;
}

.sf-com-login-card .content .create-account .link:hover,
.sf-com-login-card .content .create-account .link:focus,
.sf-com-login-card .content .create-account .link:active {
    text-decoration: none;
}

.sf-com-login-card .content .create-account .help {
    color: #C0C0C0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-self: flex-end;
    position: absolute;
    right: 0;
    top: 20px;
}

.sf-com-login-card .content .create-account .help .icon {
    border-radius: 50%;
    background-color: #C0C0C0;
    color: #FFFFFF;
    display: block;
    margin-right: 10px;
    height: 1.1em;
    width: 1.1em;
}

.sf-com-login-card .content .form-group {
    margin-bottom: 25px;
}

.sf-com-login-card .content .form-group .form-control {
    height: auto;
    padding: 0.8em 0.8em 0.8em 3em;
}

.sf-com-login-card .content .button-submit {
    border: none;
    background-color: #03407E;
    color: #FFFFFF;
    font-weight: 200;
    margin-top: 10px;
    padding: 0.8em;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .sf-com-login-card {
        padding: 90px 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-third-party-login .content .com-card .card-heading {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
}

.sf-com-third-party-login .content .com-card .card-heading .title {
    background-color: #FFFFFF;
    color: #999999;
    font-weight: 200;
    padding: 0 0.5em;
    margin: 0 auto;
    margin-bottom: -0.7em;
}

.sf-com-third-party-login .content .com-card .card-body {
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    padding: 40px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.sf-com-third-party-login .content .com-card .card-body .tp-login {
    margin: 0 4%;
    opacity: 0.3;
    transition: all linear 0.3s;
}

.sf-com-third-party-login .content .com-card .card-body .tp-login img {
    filter: grayscale(1) brightness(0);
    transition: all linear 0.3s;
}

.sf-com-third-party-login .content .com-card .card-body .tp-login:hover,
.sf-com-third-party-login .content .com-card .card-body .tp-login:focus,
.sf-com-third-party-login .content .com-card .card-body .tp-login:active {
    opacity: 1;
}

.sf-com-third-party-login .content .com-card .card-body .tp-login:hover img,
.sf-com-third-party-login .content .com-card .card-body .tp-login:focus img,
.sf-com-third-party-login .content .com-card .card-body .tp-login:active img {
    filter: none;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-introduction {
    padding: 90px 0;
}

.sf-com-introduction .content>.row>[class^=col-] {
    display: flex;
    align-items: center;
}

.sf-com-introduction img {
    max-width: 100%;
    width: 100%;
}

.sf-com-introduction .title {
    font-size: 36px;
    font-weight: 400;
    margin: 0.5em 0 1em 0;
    padding: 0;
}

.sf-com-introduction .title-lv-2 {
    font-size: 24px;
    font-weight: 400;
}

.sf-com-introduction .intro {
    font-weight: 200;
    line-height: 1.8;
    margin-bottom: 1em;
}

.sf-com-introduction .intro p {
    margin: 0;
}

.sf-com-introduction .intro .sf-cross-btn,
.sf-com-introduction .intro .sf-com-arrow-link {
    font-size: 16px;
    margin-top: 30px;
}

.sf-com-introduction .intro-type-normal {
    max-width: 100%;
}

.sf-com-introduction .intro-type-topline {
    border-top: 2px solid #a4c6da;
    color: #454545;
    display: block;
    margin-top: 60px;
    max-width: 100%;
    padding: 40px;
    position: relative;
}

.sf-com-introduction .intro-type-topline::after {
    background-color: transparent;
    content: " ";
    display: block;
    height: 4px;
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    transition: all linear 0.3s;
}

.sf-com-introduction .intro-type-topline:hover,
.sf-com-introduction .intro-type-topline:focus,
.sf-com-introduction .intro-type-topline:active {
    text-decoration: none;
}

.sf-com-introduction .intro-type-topline:hover::after,
.sf-com-introduction .intro-type-topline:focus::after,
.sf-com-introduction .intro-type-topline:active::after {
    background-color: #03407E;
    width: 100%;
}

.sf-com-introduction.type-2 .intro-type-topline .title-lv-2 {
    position: relative;
    padding-right: 1.5em;
}

.sf-com-introduction.type-2 .intro-type-topline .title-lv-2::after {
    content: "\e628";
    color: #669ACC;
    display: block;
    font-family: "themify";
    font-size: 1em;
    position: absolute;
    right: 0;
    top: 0;
    transition: all linear 0.3s;
}

.sf-com-introduction.type-2 .intro-type-topline:hover .title-lv-2::after,
.sf-com-introduction.type-2 .intro-type-topline:focus .title-lv-2::after,
.sf-com-introduction.type-2 .intro-type-topline:active .title-lv-2::after {
    color: #03407E;
}

.sf-com-introduction.type-3 .mobile-show {
    display: none;
}

.sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white {
    border: 1px solid #a4c6da;
    background: rgba(255, 255, 255, 0);
}

.sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white::before,
.sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white::after {
    background-color: #FFFFFF;
}

.sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white:hover,
.sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white:focus,
.sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white:active {
    border: 1px solid #03407E;
}

.sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white:hover span,
.sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white:focus span,
.sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white:active span {
    color: #03407E;
}

.sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white:hover em,
.sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white:focus em,
.sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white:active em {
    background-color: #03407E;
}

@media screen and (max-width: 1024px) {
    .sf-com-introduction {
        padding: 40px 0;
    }
    .sf-com-introduction .content {
        padding: 0 20px;
    }
    .sf-com-introduction .content .title {
        font-size: 20px;
        font-weight: 200;
        text-align: center;
    }
    .sf-com-introduction .content .title-lv-2 {
        font-size: 16px;
    }
    .sf-com-introduction .content .intro {
        font-size: 14px;
    }
    .sf-com-introduction .intro-type-topline {
        border-top-width: 1px;
        margin-top: 0;
        padding: 20px 0;
    }
    .sf-com-introduction.type-3 .mobile-show {
        display: block;
    }
    .sf-com-introduction.type-3 .intro-type-normal {
        padding: 20px 0;
    }
    .sf-com-introduction.type-3 .intro-type-normal .title {
        display: none;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-43-a {
    padding: 90px 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-43-a {
        padding: 40px 20px;
    }
    .sf-com-teaser-type-43-a .col-6 {
        padding-right: 8px;
        padding-left: 8px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-43 {
    position: relative;
    padding-top: 100px;
    margin-bottom: 15px;
}

.sf-com-teaser-type-43::after {
    content: " ";
    display: block;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: transparent;
}

.sf-com-teaser-type-43 .content {
    background-color: #FFFFFF;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
    transition: all linear 0.3s;
}

.sf-com-teaser-type-43 .content .com-heading,
.sf-com-teaser-type-43 .content .com-body {
    padding: 30px 40px;
}

.sf-com-teaser-type-43 .content .com-heading {
    position: relative;
}

.sf-com-teaser-type-43 .content .com-heading .icon {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.sf-com-teaser-type-43 .content .com-heading .icon img {
    display: flex;
    flex-shrink: 0;
    height: 140px;
}

.sf-com-teaser-type-43 .content .com-body .intro-title {
    font-size: 24px;
    font-weight: 400;
}

.sf-com-teaser-type-43 .content .com-body .intro-body {
    font-weight: 200;
    line-height: 1.7;
}

.sf-com-teaser-type-43 .content .com-body .intro-body p {
    margin: 0;
}

.sf-com-teaser-type-43 .content:hover,
.sf-com-teaser-type-43 .content:focus,
.sf-com-teaser-type-43 .content:active {
    background-color: #003466;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
}

.sf-com-teaser-type-43.medium-size-icon {
    padding-top: 50px;
}

.sf-com-teaser-type-43.medium-size-icon .content .com-heading .icon img {
    height: 100px;
}

.sf-com-teaser-type-43.type-2 .content:hover,
.sf-com-teaser-type-43.type-2 .content:focus,
.sf-com-teaser-type-43.type-2 .content:active {
    color: #454545;
    background-color: #FFFFFF;
}

.sf-com-teaser-type-43.type-2 .content .com-body .intro-title {
    color: #669ACC;
    font-size: 2em;
    font-weight: 400;
    margin-bottom: 0.5em;
}

.sf-com-teaser-type-43.type-3 .content .com-heading .icon .nomal-icon {
    display: block;
}

.sf-com-teaser-type-43.type-3 .content .com-heading .icon .border-icon {
    display: none;
}

.sf-com-teaser-type-43.type-3:hover .content .com-heading .icon .nomal-icon {
    display: none;
}

.sf-com-teaser-type-43.type-3:hover .content .com-heading .icon .border-icon {
    display: block;
}

.sf-com-teaser-type-43.small-content .content {
    max-width: 350px;
    margin: 0 auto;
}

.sf-com-teaser-type-43.small-content .content .com-body .intro-title {
    font-size: 24px;
    color: #003466;
}

.sf-com-teaser-type-43.small-content .content .com-body .intro-body {
    font-size: 18px;
    margin-bottom: 30px;
}

.sf-com-teaser-type-43.small-content .content:hover .com-body .intro-title,
.sf-com-teaser-type-43.small-content .content:focus .com-body .intro-title,
.sf-com-teaser-type-43.small-content .content:active .com-body .intro-title {
    color: #FFFFFF;
}

.sf-com-teaser-type-43.type-4 {
    padding-top: 100px;
    z-index: 8;
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2 {
    width: 100%;
    cursor: pointer;
    background-color: #f5f8ff;
    display: inline-block;
    font-size: 16px;
    height: 3.8em;
    line-height: 3.8em;
    text-align: center;
    position: relative;
    z-index: 0;
    text-decoration: none;
    color: #7099c0;
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2 span {
    color: #003466;
    display: block;
    font-weight: 200;
    text-transform: uppercase;
    transition: color 0.3s ease;
    text-decoration: none;
    position: relative;
    z-index: 1;
    width: 40%;
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2 em {
    position: absolute;
    height: 1px;
    background: #669ACC;
    width: 55%;
    right: 5%;
    top: 50%;
    transition: all 0.3s ease;
    z-index: 1;
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2:before,
.sf-com-teaser-type-43.type-4 .sf-cross-btn-2:after {
    content: '';
    background: #003466;
    height: 50%;
    width: 0;
    position: absolute;
    transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2:before {
    top: 0;
    left: 0;
    right: auto;
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2:after {
    bottom: 0;
    right: 0;
    left: auto;
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2:hover {
    text-decoration: none;
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2:hover:before {
    width: 100%;
    right: 0;
    left: auto;
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2:hover:after {
    width: 100%;
    left: 0;
    right: auto;
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2:hover span {
    color: #FFFFFF;
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2:hover em {
    background: #FFFFFF;
}

.sf-com-teaser-type-43.type-4 .content .com-heading {
    position: relative;
}

.sf-com-teaser-type-43.type-4 .content .com-heading .icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.sf-com-teaser-type-43.type-4 .content .com-heading .icon img {
    display: block;
    height: 140px;
}

.sf-com-teaser-type-43.type-4 .content .com-body {
    padding: 30px 9%;
    text-align: left;
}

.sf-com-teaser-type-43.type-4 .content .com-body .intro-title {
    display: inline-block;
    margin-bottom: 15px;
}

.sf-com-teaser-type-43.type-4 .content .com-body .phone-num {
    font-size: 32px;
    color: #03407E;
    font-weight: 400;
    margin-left: 1em;
    word-break: keep-all;
    display: inline-block;
    text-align: center;
}

.sf-com-teaser-type-43.type-4-2 .content .com-body {
    min-height: 127px;
    padding: 30px 9% 10px;
}

.sf-com-teaser-type-43.type-4-2 .content .com-body .intro-title {
    color: #000000;
    font-size: 28px;
    font-weight: 200;
}

.sf-com-teaser-type-43.type-4-2 .content:hover,
.sf-com-teaser-type-43.type-4-2 .content:focus,
.sf-com-teaser-type-43.type-4-2 .content:active {
    background-color: #FFFFFF;
    color: #000000;
}

.sf-com-teaser-type-43.type-4-2 .content:hover .com-body .intro-title,
.sf-com-teaser-type-43.type-4-2 .content:focus .com-body .intro-title,
.sf-com-teaser-type-43.type-4-2 .content:active .com-body .intro-title {
    color: #000000;
}

.sf-com-teaser-type-43.centered .content .com-body {
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-43,
    .sf-com-teaser-type-43.medium-size-icon {
        padding-top: 50px;
    }
    .sf-com-teaser-type-43 .content .com-heading,
    .sf-com-teaser-type-43 .content .com-body,
    .sf-com-teaser-type-43.medium-size-icon .content .com-heading,
    .sf-com-teaser-type-43.medium-size-icon .content .com-body {
        padding: 20px 20px;
    }
    .sf-com-teaser-type-43 .content .com-heading .icon img,
    .sf-com-teaser-type-43.medium-size-icon .content .com-heading .icon img {
        display: block;
        height: 85px;
    }
    .sf-com-teaser-type-43 .content .com-body .intro-title,
    .sf-com-teaser-type-43.medium-size-icon .content .com-body .intro-title {
        font-size: 16px;
    }
    .sf-com-teaser-type-43 .content .com-body .intro-body,
    .sf-com-teaser-type-43.medium-size-icon .content .com-body .intro-body {
        font-size: 14px;
        line-height: 1.7;
    }
    .sf-com-teaser-type-43.type-4 .sf-cross-btn-2,
    .sf-com-teaser-type-43.medium-size-icon.type-4 .sf-cross-btn-2 {
        height: 2.8em;
        line-height: 2.8em;
    }
    .sf-com-teaser-type-43.type-4 .content .com-body .intro-title,
    .sf-com-teaser-type-43.medium-size-icon.type-4 .content .com-body .intro-title {
        margin-bottom: 8px;
    }
    .sf-com-teaser-type-43.type-4-2 .content .com-body,
    .sf-com-teaser-type-43.medium-size-icon.type-4-2 .content .com-body {
        padding: 20px 0;
        min-height: unset;
    }
    .sf-com-teaser-type-43.type-4-2 .content .com-body .intro-title,
    .sf-com-teaser-type-43.medium-size-icon.type-4-2 .content .com-body .intro-title {
        font-size: 16px;
    }
    .sf-com-teaser-type-43.small-content .content .com-body .intro-title,
    .sf-com-teaser-type-43.medium-size-icon.small-content .content .com-body .intro-title {
        font-size: 20px;
    }
    .sf-com-teaser-type-43.small-content .content .com-body .intro-body,
    .sf-com-teaser-type-43.medium-size-icon.small-content .content .com-body .intro-body {
        font-size: 14px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-carousel-type-3>.content {
    position: relative;
    z-index: 10;
}

.sf-com-carousel-type-3>.content .sf-com-tabs-no-ui .tab-list .sf-com-slider-navi {
    padding: 15px 0;
}

.sf-com-carousel-type-3>.content .sf-com-tabs-no-ui .tab-content>.content-list {
    position: relative;
}

.sf-com-carousel-type-3>.content .sf-com-tabs-no-ui .tab-content>.content-list>.list-item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
    opacity: 0;
    transition: all linear 0.3s;
}

.sf-com-carousel-type-3>.content .sf-com-tabs-no-ui .tab-content>.content-list>.list-item.active {
    position: relative;
    display: block;
    z-index: 30;
    opacity: 1;
}

.sf-com-carousel-type-3>.content .sf-com-slider-logos {
    background-color: #eaf1fd;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-carousel-type-12 {
    padding: 90px 0;
}

.sf-com-carousel-type-12>.sf-container>.content {
    position: relative;
    z-index: 10;
}

.sf-com-carousel-type-12 .slick-list {
    overflow: hidden;
}

.sf-com-carousel-type-12 .slick-list .slick-track {
    overflow: hidden;
}

.sf-com-carousel-type-12 .slick-list .slick-track .slick-slide {
    float: left;
}

.sf-com-carousel-type-12 .sliders-wrapper {
    position: relative;
}

.sf-com-carousel-type-12 .sliders-wrapper .playback {
    display: block;
    position: absolute;
    bottom: 20px;
    width: 25px;
    height: 25px;
    right: 0;
    z-index: 30;
}

.sf-com-carousel-type-12 .sliders-wrapper .playback::after {
    content: " ";
    display: block;
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;
    transition: all linear 0.3s;
    width: 13px;
    height: 25px;
    margin: 0 auto;
}

.sf-com-carousel-type-12 .sliders-wrapper .playback.paused::after {
    border-left: none;
    border-top: 3px solid #000000;
    height: 16px;
    width: 16px;
    transform: rotate(-315deg);
    position: absolute;
    top: 5px;
    right: 5px;
}

.sf-com-carousel-type-12 .sliders-wrapper .playback:hover {
    cursor: pointer;
}

.sf-com-carousel-type-12 .sliders-wrapper .playback:hover::after {
    border-color: #03407E;
}

.sf-com-carousel-type-12 .image-list {
    position: relative;
    z-index: 10;
}

.sf-com-carousel-type-12 .image-list .list-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 400px;
    overflow: hidden;
    position: relative;
}

.sf-com-carousel-type-12 .image-list .list-item .image-replacer {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(1.1);
    transition: all linear 1.2s;
}

.sf-com-carousel-type-12 .image-list .list-item img {
    display: none;
}

.sf-com-carousel-type-12 .image-list .list-item.slick-active .image-replacer {
    transform: scale(1);
}

.sf-com-carousel-type-12 .intros-wrapper {
    height: 100%;
    position: relative;
}

.sf-com-carousel-type-12 .intros-wrapper .slider-navi {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 50;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.sf-com-carousel-type-12 .intros-wrapper .slider-navi .navi {
    background-color: rgba(255, 255, 255, 0.9);
    color: rgba(0, 0, 0, 0.6);
    font-size: 20px;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 45px;
    width: 45px;
}

.sf-com-carousel-type-12 .intros-wrapper .slider-navi .navi:hover,
.sf-com-carousel-type-12 .intros-wrapper .slider-navi .navi:focus,
.sf-com-carousel-type-12 .intros-wrapper .slider-navi .navi:active {
    color: #000000;
    text-decoration: none;
}

.sf-com-carousel-type-12 .intros-wrapper .slider-navi .navi+.navi {
    margin-left: 2px;
}

.sf-com-carousel-type-12 .intros-wrapper .slider-navi .indexer {
    background-color: rgba(255, 255, 255, 0.9);
    height: 45px;
    line-height: 45px;
    margin: 0 2px;
    padding: 0 5px;
}

.sf-com-carousel-type-12 .intro-list {
    background-color: rgba(255, 255, 255, 0.4);
    height: 100%;
}

.sf-com-carousel-type-12 .intro-list .slick-list {
    height: 100%;
}

.sf-com-carousel-type-12 .intro-list .slick-list .slick-track {
    height: 100%;
}

.sf-com-carousel-type-12 .intro-list .list-item {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sf-com-carousel-type-12 .intro-list .list-item.bg-dark-blue {
    background-color: #003466;
}

.sf-com-carousel-type-12 .intro-list .slick-active .intro-card .intro-heading {
    left: 0;
}

.sf-com-carousel-type-12 .intro-list .slick-active .intro-card .intro-body,
.sf-com-carousel-type-12 .intro-list .slick-active .intro-card .intro-footer {
    top: 0;
}

.sf-com-carousel-type-12 .intro-card {
    overflow: hidden;
    padding: 20px 45px;
}

.sf-com-carousel-type-12 .intro-card .intro-heading {
    display: none;
    margin-bottom: 40px;
    position: relative;
    left: 120%;
    transition: all linear 0.6s;
}

.sf-com-carousel-type-12 .intro-card .intro-heading img {
    display: block;
    height: 35px;
    max-width: 100%;
}

.sf-com-carousel-type-12 .intro-card .intro-body {
    color: #454545;
    margin-bottom: 40px;
    position: relative;
    top: 300px;
    transition: all linear 0.3s;
    transition-delay: 0.15s;
}

.sf-com-carousel-type-12 .intro-card .intro-body .title {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 1em;
}

.sf-com-carousel-type-12 .intro-card .intro-body .brief {
    color: #454545;
    font-weight: 200;
    line-height: 1.7;
    margin: 0;
}

.sf-com-carousel-type-12 .intro-card .intro-footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    position: relative;
    top: 400px;
    transition: all linear 0.3s;
    transition-delay: 0.15s;
}

.sf-com-carousel-type-12 .intro-card .intro-footer .sf-cross-btn {
    border: 1px solid #FFFFFF;
    background-color: transparent;
}

.sf-com-carousel-type-12 .intro-card .intro-footer .link {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: #000000;
    text-decoration: none;
}

.sf-com-carousel-type-12 .intro-card .intro-footer .link span {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #FFFFFF;
    border-radius: 50%;
    color: #03407E;
    display: block;
    font-size: 1.5em;
    margin-left: 15px;
    height: 50px;
    line-height: 50px;
    width: 50px;
    text-align: center;
    transition: all linear 0.3s;
}

.sf-com-carousel-type-12 .intro-card .intro-footer .link:hover span,
.sf-com-carousel-type-12 .intro-card .intro-footer .link:active span {
    background-color: #03407E;
    color: #FFFFFF;
}

.sf-com-carousel-type-12 .intro-card:hover .intro-footer .link,
.sf-com-carousel-type-12 .intro-card:active .intro-footer .link {
    color: #03407E;
}

.sf-com-carousel-type-12 .intro-card:hover .intro-footer .link span,
.sf-com-carousel-type-12 .intro-card:active .intro-footer .link span {
    margin-left: 30px;
}

@media screen and (max-width: 1024px) {
    .sf-com-carousel-type-12 {
        padding: 40px 20px;
    }
    .sf-com-carousel-type-12 .sliders-wrapper .playback {
        bottom: 10px;
    }
    .sf-com-carousel-type-12 .sliders-wrapper .playback::after {
        height: 15px;
        margin-top: 5px;
    }
    .sf-com-carousel-type-12 .sliders-wrapper .playback.paused::after {
        height: 10px;
        width: 10px;
        top: 2px;
        right: 9px;
    }
    .sf-com-carousel-type-12 .intros-wrapper .slider-navi {
        justify-content: space-between;
        left: -20px;
        right: -20px;
        top: -30px;
        bottom: auto;
    }
    .sf-com-carousel-type-12 .image-list .list-item {
        height: 180px;
    }
    .sf-com-carousel-type-12 .thumbnail-list {
        margin: 0;
    }
    .sf-com-carousel-type-12 .thumbnail-list .list-item {
        height: 0;
    }
    .sf-com-carousel-type-12 .intro-card {
        padding: 20px;
    }
    .sf-com-carousel-type-12 .intro-card .intro-heading {
        margin-bottom: 20px;
    }
    .sf-com-carousel-type-12 .intro-card .intro-body .title {
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 10px;
    }
    .sf-com-carousel-type-12 .intro-card .intro-body .brief {
        font-size: 14px;
    }
    .sf-com-carousel-type-12 .intro-card .intro-footer .sf-cross-btn {
        font-size: 14px;
    }
    .sf-com-carousel-type-12 .intro-card .intro-footer .link {
        font-size: 14px;
    }
    .sf-com-carousel-type-12 .intro-card .intro-footer .link span {
        height: 40px;
        line-height: 40px;
        width: 40px;
    }
    .sf-com-carousel-type-12 .related-cards {
        margin: 30px 20px;
    }
    .sf-com-carousel-type-12 .related-cards .carousel-card {
        margin-bottom: 20px;
    }
    .sf-com-carousel-type-12 .related-cards .carousel-card .card-heading {
        font-size: 18px;
    }
    .sf-com-carousel-type-12 .related-cards .carousel-card .card-body {
        padding-top: 0;
    }
    .sf-com-carousel-type-12 .related-cards .carousel-card .card-footer .sf-cross-btn {
        font-size: 14px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-carousel-type-13 {
    padding: 90px 0;
}

.sf-com-carousel-type-13 .sf-com-product-card {
    margin-bottom: 40px;
}

.sf-com-carousel-type-13 .sf-com-product-card .card-body .title {
    font-size: 26px;
}

@media screen and (max-width: 1024px) {
    .sf-com-carousel-type-13 {
        padding: 40px 20px;
    }
    .sf-com-carousel-type-13 .sf-com-product-card {
        margin-bottom: 20px;
    }
    .sf-com-carousel-type-13 .sf-com-product-card .card-body .title {
        font-size: 16px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-carousel-type-15 {
    padding: 90px 0;
}

.sf-com-slick-tabs .sf-com-carousel-type-15.type-1 .content .sf-com-teaser-download .sf-title-block {
    margin-top: 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-carousel-type-15 {
        padding: 40px 20px;
    }
    .sf-com-carousel-type-15 .sf-com-slick-tabs .tab-tabs.open .tab .link {
        background-color: #FFFFFF;
    }
    .sf-com-carousel-type-15 .sf-com-slick-tabs .tab-tabs.open .tab .link.active {
        background-color: #FFFFFF;
    }
    .sf-com-carousel-type-15.type-1 {
        padding: 0 20px;
    }
    .sf-com-carousel-type-15.type-1 .content .sf-com-teaser-download .sf-title-block {
        margin: 10px 0;
    }
    .sf-com-carousel-type-15.type-1 .content .sf-com-teaser-download .sf-com-slick-tabs {
        padding: 0;
    }
    .sf-com-carousel-type-15.type-2 {
        padding: 40px 0px;
    }
    .sf-com-carousel-type-15.type-2 .sf-com-slick-tabs .tab-tabs.open .tab .link {
        background-color: transparent;
    }
    .sf-com-carousel-type-15.type-2 .sf-com-slick-tabs .tab-tabs.open .tab .link.active {
        background-color: transparent;
    }
    .sf-com-carousel-type-15.type-2 .sf-com-teaser-download {
        padding: 25px 0px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-carousel-type-16 {
    padding: 90px 0;
}

.sf-com-carousel-type-16 .slick-list {
    overflow: hidden;
}

.sf-com-carousel-type-16 .slick-list .slick-track {
    overflow: hidden;
}

.sf-com-carousel-type-16 .slick-list .slick-track .slick-slide {
    float: left;
}

.sf-com-carousel-type-16 .sliders-wrapper {
    position: relative;
    height: 100%;
}

.sf-com-carousel-type-16 .sliders-wrapper .slick-slider {
    height: 100%;
}

.sf-com-carousel-type-16 .sliders-wrapper .slick-slider .slick-list {
    height: 100%;
}

.sf-com-carousel-type-16 .sliders-wrapper .slick-slider .slick-list .slick-track {
    height: 100%;
}

.sf-com-carousel-type-16 .sliders-wrapper .slick-slider .slick-list .slick-track .slick-slide {
    height: 100%;
}

.sf-com-carousel-type-16 .sliders-wrapper .playback {
    display: block;
    position: absolute;
    bottom: 20px;
    width: 25px;
    height: 25px;
    right: 0;
    z-index: 30;
}

.sf-com-carousel-type-16 .sliders-wrapper .playback::after {
    content: " ";
    display: block;
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;
    transition: all linear 0.3s;
    width: 13px;
    height: 25px;
    margin: 0 auto;
}

.sf-com-carousel-type-16 .sliders-wrapper .playback.paused::after {
    border-left: none;
    border-top: 3px solid #000000;
    height: 16px;
    width: 16px;
    transform: rotate(-315deg);
    position: absolute;
    top: 5px;
    right: 5px;
}

.sf-com-carousel-type-16 .sliders-wrapper .playback:hover {
    cursor: pointer;
}

.sf-com-carousel-type-16 .sliders-wrapper .playback:hover::after {
    border-color: #03407E;
}

.sf-com-carousel-type-16 .related-cards {
    display: none;
    margin: 80px 0 0 0;
}

.sf-com-carousel-type-16 .related-cards.active {
    display: block;
}

.sf-com-carousel-type-16 .related-cards .carousel-card {
    border-top: 2px solid #003466;
    position: relative;
}

.sf-com-carousel-type-16 .related-cards .carousel-card::after {
    content: " ";
    display: block;
    position: absolute;
    background-color: #003466;
    top: -2px;
    left: 0;
    right: 0;
    width: 0;
    margin: 0 auto;
    height: 4px;
    transition: all linear 0.2s;
    z-index: 1;
}

.sf-com-carousel-type-16 .related-cards .carousel-card .card-heading {
    font-size: 24px;
    padding: 1em 0;
}

.sf-com-carousel-type-16 .related-cards .carousel-card .card-heading .title {
    font-size: 1em;
    font-weight: 400;
    margin: 0;
}

.sf-com-carousel-type-16 .related-cards .carousel-card .card-body {
    font-weight: 200;
    line-height: 1.7;
    padding: 1em 0;
}

.sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn {
    background-color: transparent;
    border: 1px solid #669ACC;
}

.sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn span {
    color: #669ACC;
}

.sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn em {
    background-color: #669ACC;
}

.sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn:hover,
.sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn:focus,
.sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn:active {
    border-color: #03407E;
}

.sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn:hover span,
.sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn:focus span,
.sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn:active span {
    color: #03407E;
}

.sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn:hover em,
.sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn:focus em,
.sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn:active em {
    background-color: #03407E;
}

.sf-com-carousel-type-16 .related-cards .carousel-card.active::after {
    background-color: #03407E;
    width: 100%;
}

.sf-com-carousel-type-16 .image-list {
    position: relative;
    z-index: 10;
}

.sf-com-carousel-type-16 .image-list .list-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 480px;
    overflow: hidden;
    position: relative;
}

.sf-com-carousel-type-16 .image-list .list-item .image-replacer {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(1.1);
    transition: all linear 1.2s;
}

.sf-com-carousel-type-16 .image-list .list-item img {
    display: none;
}

.sf-com-carousel-type-16 .image-list .list-item.slick-active .image-replacer {
    transform: scale(1);
}

.sf-com-carousel-type-16 .thumbnail-list {
    display: none;
    width: 90%;
    margin: -50px auto auto auto;
    position: relative;
    z-index: 20;
}

.sf-com-carousel-type-16 .thumbnail-list .list-item {
    width: 100px;
    height: 70px;
    border: 2px solid #FFFFFF;
    margin: 0 5px;
    transition: all linear 0.3s;
}

.sf-com-carousel-type-16 .thumbnail-list .list-item:hover {
    cursor: pointer;
}

.sf-com-carousel-type-16 .thumbnail-list .list-item:focus {
    outline: none;
}

.sf-com-carousel-type-16 .thumbnail-list .list-item img {
    display: block;
    width: 100%;
    height: 100%;
}

.sf-com-carousel-type-16 .thumbnail-list .list-item.slick-current {
    border-color: #8BFF00;
    box-shadow: 0 5px 15px 0 rgba(109, 173, 25, 0.65);
}

.sf-com-carousel-type-16 .intros-wrapper {
    height: 100%;
    position: relative;
}

.sf-com-carousel-type-16 .intros-wrapper .slider-navi {
    position: absolute;
    top: 45px;
    left: 45px;
    z-index: 50;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.sf-com-carousel-type-16 .intros-wrapper .slider-navi .navi {
    color: rgba(255, 255, 255, 0.6);
    font-size: 20px;
}

.sf-com-carousel-type-16 .intros-wrapper .slider-navi .navi:hover,
.sf-com-carousel-type-16 .intros-wrapper .slider-navi .navi:focus,
.sf-com-carousel-type-16 .intros-wrapper .slider-navi .navi:active {
    color: #FFFFFF;
    text-decoration: none;
}

.sf-com-carousel-type-16 .intros-wrapper .slider-navi .indexer {
    color: rgba(255, 255, 255, 0.6);
    font-size: 18px;
    font-weight: 200;
    margin: 0 20px;
    pointer-events: none;
}

.sf-com-carousel-type-16 .intros-wrapper .slider-navi .indexer .now {
    color: #FFFFFF;
}

.sf-com-carousel-type-16 .intro-list {
    background-color: #7e8c98;
    height: 100%;
}

.sf-com-carousel-type-16 .intro-list .slick-list {
    height: 100%;
}

.sf-com-carousel-type-16 .intro-list .slick-list .slick-track {
    height: 100%;
}

.sf-com-carousel-type-16 .intro-list .list-item {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 80px;
}

.sf-com-carousel-type-16 .intro-list .list-item.bg-dark-blue {
    background-color: #003466;
}

.sf-com-carousel-type-16 .intro-list .slick-active .intro-card .intro-heading {
    left: 0;
}

.sf-com-carousel-type-16 .intro-list .slick-active .intro-card .intro-body,
.sf-com-carousel-type-16 .intro-list .slick-active .intro-card .intro-footer {
    top: 0;
}

.sf-com-carousel-type-16 .intro-card {
    overflow: hidden;
    padding: 20px 45px;
}

.sf-com-carousel-type-16 .intro-card .intro-heading {
    display: none;
    margin-bottom: 40px;
    position: relative;
    left: 120%;
    transition: all linear 0.6s;
}

.sf-com-carousel-type-16 .intro-card .intro-heading img {
    display: block;
    height: 35px;
    max-width: 100%;
}

.sf-com-carousel-type-16 .intro-card .intro-body {
    color: #FFFFFF;
    margin-bottom: 40px;
    position: relative;
    top: 300px;
    transition: all linear 0.3s;
    transition-delay: 0.15s;
}

.sf-com-carousel-type-16 .intro-card .intro-body .title {
    font-size: 24px;
    font-weight: 200;
    margin-bottom: 1em;
}

.sf-com-carousel-type-16 .intro-card .intro-body .brief {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 200;
    line-height: 1.7;
    margin: 0;
}

.sf-com-carousel-type-16 .intro-card .intro-footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    position: relative;
    top: 400px;
    transition: all linear 0.3s;
    transition-delay: 0.15s;
}

.sf-com-carousel-type-16 .intro-card .intro-footer .sf-cross-btn {
    border: 1px solid #FFFFFF;
    background-color: transparent;
}

.sf-com-carousel-type-16 .intro-card .intro-footer .link {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: #000000;
    text-decoration: none;
}

.sf-com-carousel-type-16 .intro-card .intro-footer .link span {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #FFFFFF;
    border-radius: 50%;
    color: #03407E;
    display: block;
    font-size: 1.5em;
    margin-left: 15px;
    height: 50px;
    line-height: 50px;
    width: 50px;
    text-align: center;
    transition: all linear 0.3s;
}

.sf-com-carousel-type-16 .intro-card .intro-footer .link:hover span,
.sf-com-carousel-type-16 .intro-card .intro-footer .link:active span {
    background-color: #03407E;
    color: #FFFFFF;
}

.sf-com-carousel-type-16 .intro-card:hover .intro-footer .link,
.sf-com-carousel-type-16 .intro-card:active .intro-footer .link {
    color: #03407E;
}

.sf-com-carousel-type-16 .intro-card:hover .intro-footer .link span,
.sf-com-carousel-type-16 .intro-card:active .intro-footer .link span {
    margin-left: 30px;
}

.sf-com-carousel-type-16.type-1 {
    padding: 90px 0 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-carousel-type-16 {
        padding: 40px 0;
    }
    .sf-com-carousel-type-16 .sliders-wrapper .playback {
        bottom: 10px;
    }
    .sf-com-carousel-type-16 .sliders-wrapper .playback::after {
        height: 15px;
        margin-top: 5px;
    }
    .sf-com-carousel-type-16 .sliders-wrapper .playback.paused::after {
        height: 10px;
        width: 10px;
        top: 2px;
        right: 9px;
    }
    .sf-com-carousel-type-16 .image-list .list-item {
        height: 180px;
    }
    .sf-com-carousel-type-16 .thumbnail-list {
        margin: 0;
    }
    .sf-com-carousel-type-16 .thumbnail-list .list-item {
        height: 0;
    }
    .sf-com-carousel-type-16 .intros-wrapper .slider-navi {
        left: 20px;
        top: 20px;
    }
    .sf-com-carousel-type-16 .intros-wrapper .slider-navi .navi {
        font-size: 18px;
    }
    .sf-com-carousel-type-16 .intros-wrapper .slider-navi .indexer {
        font-size: 14px;
    }
    .sf-com-carousel-type-16 .intro-list .list-item {
        padding-top: 50px;
    }
    .sf-com-carousel-type-16 .intro-card {
        padding: 20px;
    }
    .sf-com-carousel-type-16 .intro-card .intro-heading {
        margin-bottom: 20px;
    }
    .sf-com-carousel-type-16 .intro-card .intro-body .title {
        color: #FFFFFF;
        font-size: 16px;
        margin-bottom: 10px;
    }
    .sf-com-carousel-type-16 .intro-card .intro-body .brief {
        font-size: 14px;
    }
    .sf-com-carousel-type-16 .intro-card .intro-footer .sf-cross-btn {
        font-size: 14px;
    }
    .sf-com-carousel-type-16 .intro-card .intro-footer .link {
        font-size: 14px;
    }
    .sf-com-carousel-type-16 .intro-card .intro-footer .link span {
        height: 40px;
        line-height: 40px;
        width: 40px;
    }
    .sf-com-carousel-type-16 .related-cards {
        margin: 30px 20px;
    }
    .sf-com-carousel-type-16 .related-cards .carousel-card {
        margin-bottom: 20px;
    }
    .sf-com-carousel-type-16 .related-cards .carousel-card .card-heading {
        font-size: 18px;
    }
    .sf-com-carousel-type-16 .related-cards .carousel-card .card-body {
        padding-top: 0;
    }
    .sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn {
        font-size: 14px;
    }
    .sf-com-carousel-type-16.type-1 {
        padding: 0px;
    }
    .sf-com-carousel-type-16.type-1 .sf-title-block {
        margin: 20px 0;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-carousel-type-17 {
    padding: 90px 0;
}

.sf-com-carousel-type-17 .slick-slider {
    position: relative;
    padding: 0;
}

.sf-com-carousel-type-17 .slick-slider .slick-arrow {
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    top: 35%;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    z-index: 90;
}

.sf-com-carousel-type-17 .slick-slider .slick-arrow::after {
    font-size: 16px;
    content: " ";
    display: block;
    height: 1em;
    width: 1em;
    border-left: 2px solid #454545;
    border-bottom: 2px solid #454545;
    position: absolute;
    transition: all linear 0.3s;
}

.sf-com-carousel-type-17 .slick-slider .slick-arrow.prev {
    left: 0;
}

.sf-com-carousel-type-17 .slick-slider .slick-arrow.prev::after {
    transform: rotate(45deg);
    top: 50%;
    margin-top: -0.6em;
    left: 50%;
    margin-left: 0em;
}

.sf-com-carousel-type-17 .slick-slider .slick-arrow.next {
    right: 0;
}

.sf-com-carousel-type-17 .slick-slider .slick-arrow.next::after {
    transform: rotate(-135deg);
    top: 50%;
    left: 50%;
    margin-top: -0.6em;
    margin-left: -0.7em;
}

.sf-com-carousel-type-17 .slick-slider .slick-arrow:hover {
    background-color: #FFFFFF;
}

.sf-com-carousel-type-17 .slick-slider .slick-arrow:hover.prev::after {
    margin-left: -0.65em;
}

.sf-com-carousel-type-17 .slick-slider .slick-arrow:hover.next::after {
    margin-left: -0.2em;
}

.sf-com-carousel-type-17 .slick-list {
    overflow: hidden;
}

.sf-com-carousel-type-17 .slick-list .slick-track {
    overflow: hidden;
    padding: 80px 0 60px 0;
}

.sf-com-carousel-type-17 .slick-list .slick-track .slick-slide {
    float: left;
    position: relative;
}

.sf-com-carousel-type-17 .scm-list .list-item {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #FFFFFF;
    font-weight: 200;
    overflow: visible;
    position: relative;
    transition: transform linear 0.3s;
    margin-top: 0;
}

.sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card {
    transition: transform linear 0.3s;
    outline: none;
}

.sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card .content .card-image {
    height: 270px;
}

.sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card .content .card-body {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
    display: none;
    padding: 15px 20px;
    width: 92%;
}

.sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card .content .card-body .card-tags .tag {
    font-size: 16px;
}

.sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card .content .card-body .title {
    font-weight: 400;
    font-size: 22px;
    margin-bottom: 5px;
}

.sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card .content .card-body .brief {
    font-size: 14px;
}

.sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card .content .card-body .links {
    font-size: 14px;
    margin-top: 15px;
}

.sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card .content .card-body .links .link {
    color: #03407E;
    text-decoration: none;
}

.sf-com-carousel-type-17 .scm-list .list-item.slick-active.slick-center {
    margin-top: -30px;
    z-index: 20;
}

.sf-com-carousel-type-17 .scm-list .list-item.slick-active.slick-center .sf-com-product-card {
    z-index: 30;
    margin: 0 -60px;
    transform: scale(1.1);
}

.sf-com-carousel-type-17 .scm-list .list-item.slick-active.slick-center .sf-com-product-card .content .card-image {
    height: 320px;
}

.sf-com-carousel-type-17 .scm-list .list-item.slick-active.slick-center .sf-com-product-card .content .card-body {
    display: block;
}

@media screen and (max-width: 1024px) {
    .sf-com-carousel-type-17 {
        padding: 40px 20px;
    }
    .sf-com-carousel-type-17 .slick-slider {
        padding: 0;
    }
    .sf-com-carousel-type-17 .slick-slider .slick-arrow {
        height: 35px;
        width: 35px;
    }
    .sf-com-carousel-type-17 .slick-slider .slick-arrow::after {
        font-size: 12px;
    }
    .sf-com-carousel-type-17 .slick-slider .slick-arrow.prev::after {
        margin-left: -0.2em;
    }
    .sf-com-carousel-type-17 .slick-list .slick-track {
        padding: 20px 0;
    }
    .sf-com-carousel-type-17 .scm-list .list-item {
        margin: 0;
        transform: none;
    }
    .sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card .content .card-body {
        display: block;
    }
    .sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card .content .card-body .title {
        font-size: 16px;
    }
    .sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card .content .card-body .card-tags .tag {
        font-size: 14px;
    }
    .sf-com-carousel-type-17 .scm-list .list-item.slick-active.slick-center {
        margin-top: 0;
    }
    .sf-com-carousel-type-17 .scm-list .list-item.slick-active.slick-center .sf-com-product-card {
        margin: 0;
        transform: none;
    }
    .sf-com-carousel-type-17 .scm-list .list-item.slick-active.slick-center .sf-com-product-card .content .card-image {
        height: 270px;
    }
    .sf-com-carousel-type-17 .scm-list .list-item.slick-active.slick-center .sf-com-product-card .content .card-body .brief,
    .sf-com-carousel-type-17 .scm-list .list-item.slick-active.slick-center .sf-com-product-card .content .card-body .links {
        font-size: 14px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-carousel-type-18 {
    padding: 90px 0;
}

.sf-com-carousel-type-18 .slick-slider {
    position: relative;
    padding: 0;
}

.sf-com-carousel-type-18 .slick-slider .slick-arrow {
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    top: 35%;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    z-index: 90;
}

.sf-com-carousel-type-18 .slick-slider .slick-arrow::after {
    font-size: 16px;
    content: " ";
    display: block;
    height: 1em;
    width: 1em;
    border-left: 2px solid #454545;
    border-bottom: 2px solid #454545;
    position: absolute;
    transition: all linear 0.3s;
}

.sf-com-carousel-type-18 .slick-slider .slick-arrow.prev {
    left: 0;
}

.sf-com-carousel-type-18 .slick-slider .slick-arrow.prev::after {
    transform: rotate(45deg);
    top: 50%;
    margin-top: -0.6em;
    left: 50%;
    margin-left: 0em;
}

.sf-com-carousel-type-18 .slick-slider .slick-arrow.next {
    right: 0;
}

.sf-com-carousel-type-18 .slick-slider .slick-arrow.next::after {
    transform: rotate(-135deg);
    top: 50%;
    left: 50%;
    margin-top: -0.6em;
    margin-left: -0.7em;
}

.sf-com-carousel-type-18 .slick-slider .slick-arrow:hover {
    background-color: #FFFFFF;
}

.sf-com-carousel-type-18 .slick-slider .slick-arrow:hover.prev::after {
    margin-left: -0.65em;
}

.sf-com-carousel-type-18 .slick-slider .slick-arrow:hover.next::after {
    margin-left: -0.2em;
}

.sf-com-carousel-type-18 .slick-list {
    overflow: hidden;
}

.sf-com-carousel-type-18 .slick-list .slick-track {
    overflow: hidden;
}

.sf-com-carousel-type-18 .slick-list .slick-track .slick-slide {
    float: left;
    position: relative;
}

.sf-com-carousel-type-18 .scm-list .slick-dots {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: -60px;
    position: relative;
    z-index: 30;
}

.sf-com-carousel-type-18 .scm-list .slick-dots li {
    margin: 0 7px;
}

.sf-com-carousel-type-18 .scm-list .slick-dots li button {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: #DDDDDD;
    border: none;
    display: block;
    font-size: 0;
    padding: 0;
}

.sf-com-carousel-type-18 .scm-list .slick-dots li.slick-active button {
    background-color: #003466;
}

.sf-com-carousel-type-18 .scm-list .list-item {
    background-color: #FFFFFF;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
    color: #454545;
    font-weight: 200;
    position: relative;
    padding: 80px 0 100px 0;
    margin-top: 0;
}

.sf-com-carousel-type-18 .scm-list .list-item .sf-com-image-article .article-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 50px;
}

.sf-com-carousel-type-18 .scm-list .list-item .sf-com-image-article .article-content .intro-heading {
    font-size: 36px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    position: relative;
}

.sf-com-carousel-type-18 .scm-list .list-item .sf-com-image-article .article-content .intro-heading::after {
    content: " ";
    display: block;
    height: 4px;
    width: 0;
    background-color: #03407E;
    position: relative;
    top: 0.5em;
    left: 1em;
    margin-top: -2px;
    transition: all linear 1s;
    transition-delay: 0.5s;
}

.sf-com-carousel-type-18 .scm-list .list-item .sf-com-image-article .article-content .intro-heading .title {
    font-size: 1em;
    line-height: 1;
    flex-shrink: 0;
}

.sf-com-carousel-type-18 .scm-list .list-item.slick-active.slick-center {
    z-index: 20;
}

.sf-com-carousel-type-18 .scm-list .list-item.slick-active.slick-center .sf-com-image-article .article-content .intro-heading {
    overflow: hidden;
}

.sf-com-carousel-type-18 .scm-list .list-item.slick-active.slick-center .sf-com-image-article .article-content .intro-heading::after {
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .sf-com-carousel-type-18 {
        padding: 40px 20px;
    }
    .sf-com-carousel-type-18 .slick-slider {
        padding: 0;
    }
    .sf-com-carousel-type-18 .slick-slider .slick-arrow {
        height: 35px;
        width: 35px;
    }
    .sf-com-carousel-type-18 .slick-slider .slick-arrow::after {
        font-size: 12px;
    }
    .sf-com-carousel-type-18 .slick-slider .slick-arrow.prev::after {
        margin-left: -0.2em;
    }
    .sf-com-carousel-type-18 .slick-list .slick-track {
        padding: 20px 0;
    }
    .sf-com-carousel-type-18 .scm-list .list-item {
        margin: 0;
        padding: 0;
        transform: none;
    }
    .sf-com-carousel-type-18 .scm-list .list-item .sf-com-image-article .content .article-image {
        height: auto;
    }
    .sf-com-carousel-type-18 .scm-list .list-item .sf-com-image-article .content .article-content {
        margin-bottom: 50px;
        padding: 20px;
    }
    .sf-com-carousel-type-18 .scm-list .list-item .sf-com-image-article .content .article-content .intro-heading {
        font-size: 18px;
    }
    .sf-com-carousel-type-18 .scm-list .list-item.slick-active.slick-center {
        margin-top: 0;
    }
    .sf-com-carousel-type-18 .scm-list .list-item.slick-active.slick-center .sf-com-product-card {
        margin: 0;
        transform: none;
    }
    .sf-com-carousel-type-18 .scm-list .list-item.slick-active.slick-center .sf-com-product-card .content .card-image {
        height: 270px;
    }
    .sf-com-carousel-type-18 .scm-list .list-item.slick-active.slick-center .sf-com-product-card .content .card-body .brief,
    .sf-com-carousel-type-18 .scm-list .list-item.slick-active.slick-center .sf-com-product-card .content .card-body .links {
        font-size: 14px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-carousel-type-20 {
    padding: 90px 0;
}

.sf-com-carousel-type-20 .sf-com-teaser-download {
    padding: 0;
}

.sf-com-carousel-type-20 .sf-com-carousel-type-17 {
    padding: 0;
}

.sf-com-carousel-type-20 .sf-com-slick-tabs {
    padding: 0;
}

.sf-com-carousel-type-20 .sf-com-slick-tabs .tab-tabs {
    border-bottom: 1px solid #DDDDDD;
    width: 100%;
}

.sf-com-carousel-type-20 .sf-com-slick-tabs .tab-tabs .tab .link {
    background-color: transparent;
    border: none;
}

.sf-com-carousel-type-20 .sf-com-slick-tabs .tab-tabs .tab .link.active {
    background-color: transparent;
}

.sf-com-carousel-type-20 .sf-com-slick-tabs .tab-tabs .tab .link.active .main,
.sf-com-carousel-type-20 .sf-com-slick-tabs .tab-tabs .tab .link.active .sub {
    color: #454545;
}

.sf-com-carousel-type-20 .sf-com-slick-tabs .tab-contents>.slick-list {
    box-sizing: content-box;
    height: auto !important;
}

@media screen and (max-width: 1024px) {
    .sf-com-carousel-type-20 {
        padding: 40px 20px;
    }
    .sf-com-carousel-type-20 .sf-com-slick-tabs .tab-tabs .tab .link {
        background-color: #FFFFFF;
    }
    .sf-com-carousel-type-20 .sf-com-slick-tabs .tab-tabs .tab .link.active {
        background-color: #FFFFFF;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-carousel-type-21 {
    padding: 90px 0;
}

.sf-com-carousel-type-21 .sf-com-slider-basic {
    background-color: #FFFFFF;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2);
    padding: 80px 0 80px 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-carousel-type-21 .sf-com-slider-basic {
        padding: 30px 0;
    }
    .sf-com-carousel-type-21 .sf-com-slider-basic .basic-list .slick-list .slick-track {
        padding: 0;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-carousel-type-23 {
    padding: 90px 0;
}

.sf-com-carousel-type-23 .sf-com-slick-tabs {
    padding: 0;
}

.sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs {
    margin-bottom: 0;
}

.sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link {
    border: none;
    padding: 30px 15px;
    display: block;
}

.sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link .main,
.sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link .sub {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

.sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link.active {
    background-color: #FFFFFF;
}

.sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link.active .main,
.sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link.active .sub {
    color: #454545;
}

.sf-com-carousel-type-23 .sf-com-slick-tabs .sf-com-motional-image {
    height: 770px;
    height: 100%;
}

.sf-com-carousel-type-23 .sf-com-slick-tabs .sf-com-list-type-0 {
    margin-left: 120px;
    margin-top: 50px;
    margin-bottom: 50px;
    max-width: 600px;
}

.sf-com-carousel-type-23.type-2 {
    padding: 0;
}

.sf-com-carousel-type-23.type-2 .sf-com-slick-tabs .scrollable-tab {
    margin-bottom: 0;
}

.sf-com-carousel-type-23.type-2 .sf-com-slick-tabs .tab-tabs {
    z-index: 100;
}

.sf-com-carousel-type-23.type-2 .sf-com-slick-tabs .tab-tabs .tab .link {
    font-size: 16px;
}

.sf-com-carousel-type-23.type-3 .sf-com-slick-tabs .tab-contents .slick-list .slick-track .slick-slide {
    padding: 5px 5px 15px 5px;
}

.sf-com-carousel-type-23.type-3 .sf-com-slick-tabs .sf-com-motional-image {
    border: 4px solid #FFFFFF;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35);
    padding-top: 52.5%;
    height: auto;
}

@media screen and (max-width: 1024px) {
    .sf-com-carousel-type-23 {
        padding: 40px 20px;
    }
    .sf-com-carousel-type-23 .sf-com-slick-tabs {
        padding: 0;
    }
    .sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link {
        display: flex;
        padding: 0;
    }
    .sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link .main,
    .sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link .sub {
        width: auto;
    }
    .sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link.active .main {
        padding-right: 2em;
        position: relative;
    }
    .sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link.active .main::after {
        content: " ";
        display: block;
        height: 10px;
        width: 10px;
        border-right: 1px solid #454545;
        border-bottom: 1px solid #454545;
        position: absolute;
        transform: rotate(45deg);
        top: 50%;
        right: 5px;
        margin-top: -0.5em;
    }
    .sf-com-carousel-type-23 .sf-com-slick-tabs .sf-com-list-type-0 {
        margin-left: 0;
        margin-top: 20px;
        margin-bottom: 20px;
        max-width: 100%;
    }
    .sf-com-carousel-type-23 .sf-com-slick-tabs .sf-com-motional-image {
        height: 260px;
    }
    .sf-com-carousel-type-23.type-2 {
        padding: 0;
    }
    .sf-com-carousel-type-23.type-2 .sf-com-slick-tabs {
        padding: 0 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-carousel-type-24 {
    padding: 90px 0;
}

.sf-com-carousel-type-24 .basic-list {
    position: relative;
}

.sf-com-carousel-type-24 .basic-list .slick-arrow {
    display: none;
    font-size: 10px;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.6);
    width: 60px;
    height: 60px;
    position: absolute;
    transition: all linear 0.3s;
    margin-top: -30px;
}

.sf-com-carousel-type-24 .basic-list .slick-arrow::before {
    content: " ";
    display: block;
    height: 1.5em;
    width: 1.5em;
    border: 2px solid rgba(0, 0, 0, 0.8);
    border-right: none;
    border-top: none;
    position: absolute;
    transition: all linear 0.3s;
}

.sf-com-carousel-type-24 .basic-list .slick-arrow.prev {
    left: -65px;
}

.sf-com-carousel-type-24 .basic-list .slick-arrow.prev::before {
    transform: rotate(45deg);
    top: 50%;
    left: 50%;
    margin-top: -0.6em;
}

.sf-com-carousel-type-24 .basic-list .slick-arrow.next {
    right: -65px;
}

.sf-com-carousel-type-24 .basic-list .slick-arrow.next::before {
    transform: rotate(-135deg);
    top: 50%;
    right: 50%;
    margin-top: -0.6em;
}

.sf-com-carousel-type-24 .basic-list .slick-arrow:hover,
.sf-com-carousel-type-24 .basic-list .slick-arrow:focus,
.sf-com-carousel-type-24 .basic-list .slick-arrow:active {
    background-color: rgba(255, 255, 255, 0.9);
}

.sf-com-carousel-type-24 .basic-list .slick-arrow:hover.prev::before,
.sf-com-carousel-type-24 .basic-list .slick-arrow:focus.prev::before,
.sf-com-carousel-type-24 .basic-list .slick-arrow:active.prev::before {
    margin-left: -10px;
}

.sf-com-carousel-type-24 .basic-list .slick-arrow:hover.next::before,
.sf-com-carousel-type-24 .basic-list .slick-arrow:focus.next::before,
.sf-com-carousel-type-24 .basic-list .slick-arrow:active.next::before {
    margin-right: -10px;
}

.sf-com-carousel-type-24 .basic-list .slick-dots {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sf-com-carousel-type-24 .basic-list .slick-dots li {
    margin: 0 7px;
}

.sf-com-carousel-type-24 .basic-list .slick-dots li button {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: #DDDDDD;
    border: none;
    display: block;
    font-size: 0;
    padding: 0;
}

.sf-com-carousel-type-24 .basic-list .slick-dots li.slick-active button {
    background-color: #003466;
}

.sf-com-carousel-type-24 .basic-list .slick-list {
    overflow: hidden;
}

.sf-com-carousel-type-24 .basic-list .slick-list .slick-track {
    overflow: hidden;
    padding: 0;
}

.sf-com-carousel-type-24 .basic-list .slick-list .slick-track .slick-slide {
    float: left;
    padding: 20px 10px;
}

.sf-com-carousel-type-24 .basic-list .slick-list .slick-track .slick-slide:focus {
    outline: none;
}

.sf-com-carousel-type-24 .basic-list .list-item a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 45px;
}

.sf-com-carousel-type-24 .basic-list .list-item a img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.sf-com-carousel-type-24.type-1 {
    padding: 40px 0 130px;
}

@media screen and (max-width: 1024px) {
    .sf-com-carousel-type-24 {
        padding: 40px 20px;
    }
    .sf-com-carousel-type-24 .slick-dots li button {
        height: 10px;
        width: 10px;
    }
    .sf-com-carousel-type-24 .slick-list .slick-track {
        padding: 20px 0;
    }
    .sf-com-carousel-type-24 .slick-list .slick-track .slick-slide {
        padding: 0;
    }
    .sf-com-carousel-type-24 .basic-list {
        padding: 0 60px;
    }
    .sf-com-carousel-type-24 .basic-list .slick-arrow.prev {
        left: 0;
    }
    .sf-com-carousel-type-24 .basic-list .slick-arrow.next {
        right: 0;
    }
    .sf-com-carousel-type-24 .basic-list .list-item {
        flex-direction: row;
        height: auto;
    }
    .sf-com-carousel-type-24.type-1 {
        padding: 0 20px 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-list-type-0 .com-heading .title {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 1em;
}

.sf-com-list-type-0 .list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sf-com-list-type-0 .list .list-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 30px;
}

.sf-com-list-type-0 .list .list-item .icon {
    box-sizing: content-box;
    flex-shrink: 0;
    width: 75px;
    padding-right: 40px;
}

.sf-com-list-type-0 .list .list-item .icon img {
    display: block;
    max-width: 100%;
}

.sf-com-list-type-0 .list .list-item .intro {
    box-sizing: content-box;
    border-bottom: 2px solid #669ACC;
    padding-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    flex-shrink: 1;
    max-width: 100%;
}

.sf-com-list-type-0 .list .list-item .intro .intro-title {
    display: flex;
    flex-shrink: 0;
    width: 100%;
}

.sf-com-list-type-0 .list .list-item .intro .intro-title .title {
    font-size: 22px;
    font-weight: 400;
    margin: 0 0 0.7em 0;
}

.sf-com-list-type-0 .list .list-item .intro .intro-body {
    display: flex;
    flex-shrink: 0;
    width: 100%;
    font-weight: 200;
    line-height: 1.8;
}

.sf-com-list-type-0 .list .list-item .intro .intro-body p {
    margin: 0;
}

.sf-com-list-type-0 .list .list-item:last-child {
    margin-bottom: 0;
}

.sf-com-list-type-0 .list .list-item:last-child .intro {
    border-bottom: none;
}

@media screen and (max-width: 1024px) {
    .sf-com-list-type-0 .com-heading .title {
        font-size: 22px;
        font-weight: 200;
        text-align: center;
        margin: 1em 0;
    }
    .sf-com-list-type-0 .list .list-item {
        margin-bottom: 20px;
    }
    .sf-com-list-type-0 .list .list-item .icon {
        margin-right: 20px;
        width: 60px;
    }
    .sf-com-list-type-0 .list .list-item .intro {
        border-bottom-width: 1px;
        padding-bottom: 20px;
    }
    .sf-com-list-type-0 .list .list-item .intro .intro-title .title {
        font-size: 16px;
        font-weight: 400;
    }
    .sf-com-list-type-0 .list .list-item .intro .intro-body {
        font-size: 14px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-motional-image {
    height: 100%;
    min-height: 30px;
    overflow: hidden;
    position: relative;
    z-index: 5;
}

.sf-com-motional-image .image-replacer {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
}

.sf-com-motional-image img {
    display: none;
}

.sf-com-motional-image.effect-zoom .image-replacer {
    transition: all linear 3s;
}

.sf-com-motional-image.effect-zoom:hover .image-replacer,
.sf-com-motional-image.effect-zoom:focus .image-replacer,
.sf-com-motional-image.effect-zoom:active .image-replacer {
    transform: scale(1.1);
}

.sf-com-motional-image.effect-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.sf-com-motional-image.effect-background::before {
    content: " ";
    display: block;
    background-color: rgba(39, 45, 60, 0.66);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    transition: background-color linear 0.3s;
}

.sf-com-motional-image.effect-video::before {
    content: " ";
    display: block;
    border: 6px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    height: 2em;
    width: 2em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1em;
    margin-top: -1em;
    z-index: 2;
    transition: all linear 0.5s;
}

.sf-com-motional-image.effect-video::after {
    content: " ";
    display: block;
    height: 0;
    width: 0;
    border: 1em solid rgba(255, 255, 255, 0.85);
    border-left-width: 0.866em;
    border-top-width: 0.5em;
    border-top-color: transparent;
    border-bottom-width: 0.5em;
    border-bottom-color: transparent;
    border-right-width: 0;
    border-right-color: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.5em;
    margin-left: -0.25em;
    transition: all linear 0.5s;
    z-index: 3;
}

.sf-com-motional-image:hover.effect-video::before,
.sf-com-motional-image:focus.effect-video::before,
.sf-com-motional-image:active.effect-video::before {
    border-color: rgba(255, 255, 255, 0.85);
}

.sf-com-motional-image:hover.effect-video::after,
.sf-com-motional-image:focus.effect-video::after,
.sf-com-motional-image:active.effect-video::after {
    border-left-color: #FFFFFF;
}

div:hover>.effect-zoom .image-replacer,
p:hover>.effect-zoom .image-replacer,
article:hover>.effect-zoom .image-replacer,
a:hover>.effect-zoom .image-replacer,
span:hover>.effect-zoom .image-replacer,
footer:hover>.effect-zoom .image-replacer,
form:hover>.effect-zoom .image-replacer,
li:hover>.effect-zoom .image-replacer,
section:hover>.effect-zoom .image-replacer,
button:hover>.effect-zoom .image-replacer,
label:hover>.effect-zoom .image-replacer {
    transform: scale(1.1);
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-download {
    padding: 25px 0 90px;
}

.sf-com-teaser-download .td-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.sf-com-teaser-download .td-list .list-item {
    background-color: #FFFFFF;
    transition: background-color 0.5s;
    margin: 0 0.5% 20px 0.5%;
    padding: 10px 15px;
    display: flex;
    flex-direction: row;
    width: 24%;
}

.sf-com-teaser-download .td-list .list-item a {
    border-left: 1px solid #dfdfdf;
    display: inline-block;
    width: 25%;
    min-width: 55px;
}

.sf-com-teaser-download .td-list .list-item a .image-box {
    height: 40px;
    width: 60px;
    text-align: center;
    margin-left: 40%;
    background: url(../images/download-blue.png) no-repeat 0 13px;
    display: block;
}

.sf-com-teaser-download .td-list .list-item .td-info {
    display: inline-block;
    width: 75%;
    text-align: left;
}

.sf-com-teaser-download .td-list .list-item .td-info .title {
    font-weight: 400;
    margin-bottom: 5px;
    color: #000;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    transition: color 0.2s;
    margin-right: 5px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sf-com-teaser-download .td-list .list-item .td-info .intro {
    font-weight: 400;
    color: #cfcfcf;
    transition: color 0.2s;
    font-size: 0.8em;
}

.sf-com-teaser-download .td-list .list-item .td-info .date {
    color: #b7cee3;
    font-size: 12px;
    line-height: 1;
    margin-top: 5px;
}

.sf-com-teaser-download .td-list .list-item:hover {
    background-color: #003466;
    transition: background-color 0.5s;
}

.sf-com-teaser-download .td-list .list-item:hover .td-info .title {
    color: #FFFFFF;
    transition: color 0.2s;
}

.sf-com-teaser-download .td-list .list-item:hover .td-info .intro {
    color: #FFFFFF;
    transition: color 0.2s;
}

.sf-com-teaser-download .td-list .list-item:hover a {
    border-left: 1px solid #03407E;
}

.sf-com-teaser-download .td-list .list-item:hover a .image-box {
    background: url(../images/download-white.png) no-repeat 0 13px;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-download {
        padding: 40px 20px;
    }
    .sf-com-teaser-download .td-list .list-item {
        margin: 0 0 10px 0;
        padding: 20px 22px;
        width: 100%;
    }
    .sf-com-teaser-download .td-list .list-item .td-info {
        min-width: 200px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-product-news {
    padding: 25px 0 65px;
}

.sf-com-teaser-product-news .tpn-card {
    background-color: #FFFFFF;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    min-height: 95%;
    margin: 0 0 25px 0;
    position: relative;
    padding-bottom: 3.5em;
    width: 100%;
}

.sf-com-teaser-product-news .tpn-card .tpn-content {
    position: relative;
    width: 100%;
    min-height: 270px;
    overflow: hidden;
}

.sf-com-teaser-product-news .tpn-card .tpn-content .tpn-info {
    width: 100%;
    background: #FFFFFF;
    padding: 15px 30px 25px 30px;
    visibility: visible;
}

.sf-com-teaser-product-news .tpn-card .tpn-content .tpn-info .date {
    text-align: center;
    margin: 10px 0;
}

.sf-com-teaser-product-news .tpn-card .tpn-content .tpn-info .date span {
    font-size: 0.8em;
    color: #FFFFFF;
    background: #03407E;
    padding: 5px;
    text-align: center;
}

.sf-com-teaser-product-news .tpn-card .tpn-content .tpn-info .title {
    font-size: 26px;
    line-height: 1.5em;
    font-weight: 400;
    margin: 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: relative;
    z-index: 10;
}

.sf-com-teaser-product-news .tpn-card .tpn-content .tpn-info .intro {
    font-size: 1em;
    line-height: 1.6em;
    font-weight: 400;
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.sf-com-teaser-product-news .tpn-card .tpn-content .tpn-hover {
    visibility: hidden;
}

.sf-com-teaser-product-news .tpn-card .tpn-content .tpn-hover .tpn-image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.sf-com-teaser-product-news .tpn-card .tpn-content .tpn-hover .tpn-image img {
    display: none;
    width: 100%;
    height: 100%;
}

.sf-com-teaser-product-news .tpn-card .tpn-content .tpn-hover .tpn-image:after {
    content: '';
    background: #23107d;
    height: 100%;
    width: 0;
    position: absolute;
    transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    top: 0;
    left: 0;
    right: auto;
    opacity: 0.5;
}

.sf-com-teaser-product-news .tpn-card .tpn-content .tpn-hover .title {
    color: #FFFFFF;
    font-size: 26px;
    line-height: 1.5em;
    font-weight: 400;
    margin: 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 50px 30px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.sf-com-teaser-product-news .tpn-card .sf-cross-btn-2 {
    width: 100%;
    cursor: pointer;
    background-color: #f5f8ff;
    display: inline-block;
    font-size: 16px;
    height: 3.8em;
    line-height: 3.8em;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    text-decoration: none;
    color: #7099c0;
}

.sf-com-teaser-product-news .tpn-card .sf-cross-btn-2 span {
    color: #003466;
    display: block;
    font-weight: 200;
    text-transform: uppercase;
    transition: color 0.3s ease;
    text-decoration: none;
    position: relative;
    z-index: 1;
    width: 35%;
}

.sf-com-teaser-product-news .tpn-card .sf-cross-btn-2 em {
    position: absolute;
    height: 1px;
    background: #669ACC;
    width: 60%;
    right: 5%;
    top: 50%;
    transition: all 0.3s ease;
    z-index: 1;
}

.sf-com-teaser-product-news .tpn-card .sf-cross-btn-2:before,
.sf-com-teaser-product-news .tpn-card .sf-cross-btn-2:after {
    content: '';
    background: #003466;
    height: 50%;
    width: 0;
    position: absolute;
    transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.sf-com-teaser-product-news .tpn-card .sf-cross-btn-2:before {
    top: 0;
    left: 0;
    right: auto;
}

.sf-com-teaser-product-news .tpn-card .sf-cross-btn-2:after {
    bottom: 0;
    right: 0;
    left: auto;
}

.sf-com-teaser-product-news .tpn-card:hover .tpn-content,
.sf-com-teaser-product-news .tpn-card:focus .tpn-content,
.sf-com-teaser-product-news .tpn-card:active .tpn-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-grow: 1;
    height: 100%;
}

.sf-com-teaser-product-news .tpn-card:hover .tpn-content .tpn-info .intro,
.sf-com-teaser-product-news .tpn-card:focus .tpn-content .tpn-info .intro,
.sf-com-teaser-product-news .tpn-card:active .tpn-content .tpn-info .intro {
    display: none;
}

.sf-com-teaser-product-news .tpn-card:hover .tpn-content .tpn-info .title,
.sf-com-teaser-product-news .tpn-card:focus .tpn-content .tpn-info .title,
.sf-com-teaser-product-news .tpn-card:active .tpn-content .tpn-info .title {
    display: none;
    color: #FFFFFF;
}

.sf-com-teaser-product-news .tpn-card:hover .tpn-content .tpn-hover,
.sf-com-teaser-product-news .tpn-card:focus .tpn-content .tpn-hover,
.sf-com-teaser-product-news .tpn-card:active .tpn-content .tpn-hover {
    visibility: visible;
}

.sf-com-teaser-product-news .tpn-card:hover .tpn-content .tpn-hover .tpn-image:after,
.sf-com-teaser-product-news .tpn-card:focus .tpn-content .tpn-hover .tpn-image:after,
.sf-com-teaser-product-news .tpn-card:active .tpn-content .tpn-hover .tpn-image:after {
    width: 100%;
}

.sf-com-teaser-product-news .tpn-card:hover .sf-cross-btn-2,
.sf-com-teaser-product-news .tpn-card:focus .sf-cross-btn-2,
.sf-com-teaser-product-news .tpn-card:active .sf-cross-btn-2 {
    text-decoration: none;
}

.sf-com-teaser-product-news .tpn-card:hover .sf-cross-btn-2:before,
.sf-com-teaser-product-news .tpn-card:focus .sf-cross-btn-2:before,
.sf-com-teaser-product-news .tpn-card:active .sf-cross-btn-2:before {
    width: 100%;
    right: 0;
    left: auto;
}

.sf-com-teaser-product-news .tpn-card:hover .sf-cross-btn-2:after,
.sf-com-teaser-product-news .tpn-card:focus .sf-cross-btn-2:after,
.sf-com-teaser-product-news .tpn-card:active .sf-cross-btn-2:after {
    width: 100%;
    left: 0;
    right: auto;
}

.sf-com-teaser-product-news .tpn-card:hover .sf-cross-btn-2 span,
.sf-com-teaser-product-news .tpn-card:focus .sf-cross-btn-2 span,
.sf-com-teaser-product-news .tpn-card:active .sf-cross-btn-2 span {
    color: #FFFFFF;
}

.sf-com-teaser-product-news .tpn-card:hover .sf-cross-btn-2 em,
.sf-com-teaser-product-news .tpn-card:focus .sf-cross-btn-2 em,
.sf-com-teaser-product-news .tpn-card:active .sf-cross-btn-2 em {
    background: #FFFFFF;
}

.sf-com-teaser-product-news .loading {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sf-com-teaser-product-news.type-3 .tpn-card .tpn-content .tpn-hover .tpn-image:after {
    background: rgba(0, 0, 0, 0);
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-product-news {
        padding: 40px 20px;
    }
    .sf-com-teaser-product-news .tpn-card {
        padding-bottom: 3em;
        font-size: 14px;
    }
    .sf-com-teaser-product-news .tpn-card .tpn-content {
        min-height: 220px;
    }
    .sf-com-teaser-product-news .tpn-card .tpn-content .tpn-info {
        padding: 15px;
    }
    .sf-com-teaser-product-news .tpn-card .tpn-content .tpn-info .title {
        font-size: 16px;
    }
    .sf-com-teaser-product-news .tpn-card .tpn-content .tpn-info .intro {
        font-size: 14px;
    }
    .sf-com-teaser-product-news .tpn-card .tpn-content .tpn-hover .title {
        font-size: 16px;
        padding: 45px 15px;
    }
    .sf-com-teaser-product-news .tpn-card .sf-cross-btn-2 {
        font-size: 14px;
        height: 3em;
        line-height: 3em;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-hot-spot {
    padding: 90px 0;
}

.sf-com-teaser-hot-spot .sf-com-poster-wall {
    margin: 0;
}

.sf-com-teaser-hot-spot .row {
    width: 100%;
    margin: 0 auto;
}

.sf-com-teaser-hot-spot .row .poster {
    width: 100%;
    min-width: 290px;
}

.sf-com-teaser-hot-spot .row .poster .detail {
    height: auto;
    top: 120%;
    padding: 0 10%;
}

.sf-com-teaser-hot-spot .row .poster .title {
    left: 10%;
}

.sf-com-teaser-hot-spot .row .poster .hot-spot-link {
    justify-content: left;
    position: relative;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1em;
    line-height: 1.7;
    margin-bottom: 1em;
}

.sf-com-teaser-hot-spot .row .poster .hot-spot-link p {
    margin-top: 14px;
    margin-bottom: 14px;
}

.sf-com-teaser-hot-spot .row .poster .hot-spot-link .icon {
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    color: #FFFFFF;
    margin-left: 10px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
}

.sf-com-teaser-hot-spot .row .poster .hot-spot-link:hover .icon,
.sf-com-teaser-hot-spot .row .poster .hot-spot-link:focus .icon,
.sf-com-teaser-hot-spot .row .poster .hot-spot-link:active .icon {
    display: inline-block;
    background-color: #03407E;
    border-color: #03407E;
    color: #FFFFFF;
}

.sf-com-teaser-hot-spot .row .poster:hover .title,
.sf-com-teaser-hot-spot .row .poster:focus .title,
.sf-com-teaser-hot-spot .row .poster:active .title {
    bottom: 75%;
}

.sf-com-teaser-hot-spot .row .poster:hover .detail,
.sf-com-teaser-hot-spot .row .poster:focus .detail,
.sf-com-teaser-hot-spot .row .poster:active .detail {
    top: 35%;
}

.sf-com-teaser-hot-spot .row .poster:hover .detail .hot-spot-link,
.sf-com-teaser-hot-spot .row .poster:focus .detail .hot-spot-link,
.sf-com-teaser-hot-spot .row .poster:active .detail .hot-spot-link {
    display: block;
}

.sf-com-teaser-hot-spot .row .poster:hover::before,
.sf-com-teaser-hot-spot .row .poster:focus::before,
.sf-com-teaser-hot-spot .row .poster:active::before {
    background-color: rgba(7, 62, 86, 0.7);
}

.sf-com-teaser-hot-spot .row .poster.ps-h2 {
    z-index: 0;
    height: 57.6vh;
    min-height: 415px;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-hot-spot {
        padding: 40px 0px;
    }
    .sf-com-teaser-hot-spot .content {
        padding: 0;
    }
    .sf-com-teaser-hot-spot .content .row {
        width: 100%;
    }
    .sf-com-teaser-hot-spot .content .row .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sf-com-teaser-hot-spot .content .row .col-md-4 .poster {
        width: 100%;
        min-width: 290px;
    }
    .sf-com-teaser-hot-spot .content .row .col-md-4 .poster .detail {
        bottom: 15%;
        padding: 0 10%;
    }
    .sf-com-teaser-hot-spot .content .row .col-md-4 .poster .title {
        left: 10%;
    }
    .sf-com-teaser-hot-spot .content .row .col-md-4 .poster .hot-spot-link {
        justify-content: left;
        position: relative;
        text-decoration: none;
        color: #FFFFFF;
        font-size: 1em;
    }
    .sf-com-teaser-hot-spot .content .row .col-md-4 .poster .hot-spot-link p {
        margin-top: 14px;
        margin-bottom: 14px;
    }
    .sf-com-teaser-hot-spot .content .row .col-md-4 .poster .hot-spot-link .icon {
        border: 1px solid rgba(255, 255, 255, 0.6);
        border-radius: 50%;
        color: #FFFFFF;
        margin-left: 10px;
        width: 25px;
        text-align: center;
        display: inline-block;
    }
    .sf-com-teaser-hot-spot .content .row .col-md-4 .poster .hot-spot-link :hover .icon,
    .sf-com-teaser-hot-spot .content .row .col-md-4 .poster .hot-spot-link :focus .icon,
    .sf-com-teaser-hot-spot .content .row .col-md-4 .poster .hot-spot-link :active .icon {
        display: inline-block;
        background-color: #03407E;
        border-color: #03407E;
        color: #FFFFFF;
    }
    .sf-com-teaser-hot-spot .content .row .col-md-4 .poster:hover .title,
    .sf-com-teaser-hot-spot .content .row .col-md-4 .poster:focus .title,
    .sf-com-teaser-hot-spot .content .row .col-md-4 .poster:active .title {
        bottom: 75%;
    }
    .sf-com-teaser-hot-spot .content .row .col-md-4 .poster:hover .detail .hot-spot-link,
    .sf-com-teaser-hot-spot .content .row .col-md-4 .poster:focus .detail .hot-spot-link,
    .sf-com-teaser-hot-spot .content .row .col-md-4 .poster:active .detail .hot-spot-link {
        display: block;
    }
    .sf-com-teaser-hot-spot .content .row .col-md-4 .poster:hover::before,
    .sf-com-teaser-hot-spot .content .row .col-md-4 .poster:focus::before,
    .sf-com-teaser-hot-spot .content .row .col-md-4 .poster:active::before {
        background-color: rgba(7, 62, 86, 0.7);
    }
    .sf-com-teaser-hot-spot .content .row .col-md-4 .poster.ps-h2 {
        height: 28vh;
        min-height: 200px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-by-scene {
    padding: 90px 0;
}

.sf-com-teaser-by-scene .by-scene-card {
    background-color: #FFFFFF;
    font-weight: 200;
    margin: 0 0 70px 0;
    position: relative;
    transition: all linear 0.3s;
}

.sf-com-teaser-by-scene .by-scene-card::after {
    content: " ";
    display: block;
    position: absolute;
    height: 6px;
    width: 0;
    background-color: #F4FF81;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -3px;
    transition: all ease-out 0.15s;
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-heading {
    border-top: 2px solid #A4C6DA;
    padding: 30px 20px;
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-heading .title {
    font-size: 24px;
    font-weight: 400;
    min-height: 3em;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-heading .title.dark-blue {
    min-height: 1.5em;
    margin: 8px 0;
    font-weight: 400;
    color: #003466;
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-heading .intro {
    line-height: 1.8;
    height: 1.8em;
    overflow: hidden;
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-image {
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    height: 300px;
    position: relative;
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-image.type-middle {
    height: 170px;
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-image::before {
    content: " ";
    display: block;
    position: absolute;
    z-index: 10;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.25) 30%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.25) 80%, rgba(0, 0, 0, 0.3) 100%);
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-image .title {
    position: absolute;
    font-size: 24px;
    color: #FFFFFF;
    left: 0;
    bottom: 0;
    padding: 25px 20px;
    z-index: 20;
    line-height: 1.1;
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-image+.scene-card-heading {
    background-color: #eff2f7;
    border-top: none;
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-image+.scene-card-heading .title {
    min-height: 0;
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-image:hover,
.sf-com-teaser-by-scene .by-scene-card .scene-card-image:focus,
.sf-com-teaser-by-scene .by-scene-card .scene-card-image:active {
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-image:hover .title,
.sf-com-teaser-by-scene .by-scene-card .scene-card-image:focus .title,
.sf-com-teaser-by-scene .by-scene-card .scene-card-image:active .title {
    text-decoration: underline;
}

.sf-com-teaser-by-scene .by-scene-card .fold-links-list {
    width: 100%;
}

.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content {
    margin-bottom: 0;
    list-style: none;
    width: 100%;
    padding: 0;
}

.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item {
    border-bottom: 1px solid #ebebeb;
}

.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item .link {
    color: #454545;
    display: block;
    padding: 15px 20px;
    position: relative;
}

.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item .link .icon {
    right: 0px;
    top: 50%;
    margin-top: -13px;
    position: absolute;
    visibility: hidden;
    border: 1px solid #03407E;
    border-radius: 50%;
    background-color: #03407E;
    color: #FFFFFF;
    line-height: 25px;
    height: 25px;
    width: 25px;
    text-align: center;
}

.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item .link:hover,
.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item .link:focus,
.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item .link:active {
    color: #03407E;
    text-decoration: none;
}

.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item .link:hover .icon,
.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item .link:focus .icon,
.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item .link:active .icon {
    visibility: visible;
    right: 20px;
    transition: right ease-out 0.2s;
}

.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item.fold {
    display: none;
}

.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-more {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: #c7d0db;
    line-height: 1;
    text-decoration: none;
}

.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-more .icon {
    color: #fff;
    text-align: center;
    display: block;
}

.sf-com-teaser-by-scene .by-scene-card:hover,
.sf-com-teaser-by-scene .by-scene-card:focus,
.sf-com-teaser-by-scene .by-scene-card:active {
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
}

.sf-com-teaser-by-scene .by-scene-card:hover::after,
.sf-com-teaser-by-scene .by-scene-card:focus::after,
.sf-com-teaser-by-scene .by-scene-card:active::after {
    background-color: #03407E;
    width: 100%;
}

.sf-com-teaser-by-scene.type-2 .by-scene-card {
    margin-bottom: 0;
}

.sf-com-teaser-by-scene.type-2 .by-scene-card .scene-card-heading {
    border-top: none;
    display: block;
    padding: 10px 20px;
}

.sf-com-teaser-by-scene.type-2 .by-scene-card .scene-card-heading:hover,
.sf-com-teaser-by-scene.type-2 .by-scene-card .scene-card-heading:focus,
.sf-com-teaser-by-scene.type-2 .by-scene-card .scene-card-heading:active {
    text-decoration: none;
}

.sf-com-teaser-by-scene.type-2 .by-scene-card .scene-card-heading .title {
    color: #669ACC;
    min-height: 0;
    font-size: 18px;
    line-height: 2.5;
}

.sf-com-teaser-by-scene.type-2 .by-scene-card .scene-card-heading .title [class^=ti-] {
    margin-right: 5px;
}

.sf-com-teaser-by-scene.type-2 .by-scene-card .scene-card-image {
    height: 200px;
}

.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list {
    font-size: 14px;
}

.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link {
    height: 4em;
    line-height: 1.5;
    padding: 0.5em 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link h1,
.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link h2,
.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link h3,
.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link h4,
.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link h5,
.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link h6,
.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link div,
.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link p,
.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link span,
.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link a,
.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link b,
.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link i,
.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link em {
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
}

.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-more {
    background-color: rgba(0, 0, 0, 0.02);
}

.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-more .icon {
    color: #c7d0db;
}

.sf-com-teaser-by-scene.type-6 .by-scene-card .scene-card-heading {
    padding: 10px 20px;
}

.sf-com-teaser-by-scene.type-6 .by-scene-card .scene-card-heading .link {
    text-decoration: none;
    color: #000000;
    display: block;
    position: relative;
}

.sf-com-teaser-by-scene.type-6 .by-scene-card .scene-card-heading .link .title {
    min-height: 2em;
}

.sf-com-teaser-by-scene.type-6 .by-scene-card .scene-card-heading .link .icon {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.9em;
    border: 1px solid #6899cc;
    border-radius: 50%;
    background-color: #FFFFFF;
    color: #6899cc;
    font-size: 1.2em;
    line-height: 1.8em;
    height: 1.8em;
    width: 1.8em;
    text-align: center;
    transition: right linear 0.3s;
}

.sf-com-teaser-by-scene.type-6 .by-scene-card .scene-card-heading .link:hover,
.sf-com-teaser-by-scene.type-6 .by-scene-card .scene-card-heading .link:focus,
.sf-com-teaser-by-scene.type-6 .by-scene-card .scene-card-heading .link:active {
    color: #6899cc;
}

.sf-com-teaser-by-scene.type-6 .by-scene-card .scene-card-heading .link:hover .icon,
.sf-com-teaser-by-scene.type-6 .by-scene-card .scene-card-heading .link:focus .icon,
.sf-com-teaser-by-scene.type-6 .by-scene-card .scene-card-heading .link:active .icon {
    background-color: #6899cc;
    color: #FFFFFF;
    right: 20px;
    transition: right linear 0.3s;
}

.sf-com-teaser-by-scene.type-6 .by-scene-card .fold-links-list .row {
    margin-right: 0px;
    margin-left: 0px;
}

.sf-com-teaser-by-scene.type-6 .by-scene-card .fold-links-list .row .col-md-6 {
    padding-right: 0;
    padding-left: 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-by-scene {
        padding: 40px 20px;
    }
    .sf-com-teaser-by-scene .by-scene-card {
        margin: 0 0 20px 0;
    }
    .sf-com-teaser-by-scene .by-scene-card .scene-card-heading .title {
        font-size: 16px;
    }
    .sf-com-teaser-by-scene .by-scene-card .scene-card-heading .link .title {
        font-size: 16px;
    }
    .sf-com-teaser-by-scene .by-scene-card .scene-card-image {
        height: 125px;
    }
    .sf-com-teaser-by-scene .by-scene-card .fold-links-list {
        font-size: 14px;
    }
    .sf-com-teaser-by-scene.type-2 {
        padding: 40px 20px 0;
    }
    .sf-com-teaser-by-scene.type-2 .basic-list .slick-list .slick-track {
        padding-bottom: 20px;
    }
    .sf-com-teaser-by-scene.type-5 .by-scene-card .scene-card-heading {
        padding: 10px 20px;
    }
    .sf-com-teaser-by-scene.type-5 .by-scene-card .scene-card-heading .title {
        min-height: 2em;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-user-attention {
    padding: 25px 0 65px;
}

.sf-com-teaser-user-attention .content>.row>[class^=col-] {
    margin-bottom: 30px;
}

.sf-com-teaser-user-attention .user-attention-card {
    color: #454545;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
}

.sf-com-teaser-user-attention .user-attention-card:hover,
.sf-com-teaser-user-attention .user-attention-card:focus,
.sf-com-teaser-user-attention .user-attention-card:active {
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.05);
    text-decoration: none;
}

.sf-com-teaser-user-attention .user-attention-card .user-attention-image {
    height: 300px;
}

.sf-com-teaser-user-attention .user-attention-card .white-common-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
    width: 100%;
    background: #FFFFFF;
    padding: 25px 40px;
}

.sf-com-teaser-user-attention .user-attention-card .white-common-content .title {
    font-size: 24px;
    line-height: 1.8;
    font-weight: 400;
    margin-bottom: 10px;
}

.sf-com-teaser-user-attention .user-attention-card .white-common-content .intro {
    font-size: 18px;
    font-weight: 200;
    line-height: 1.5;
    max-height: 4.5em;
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-user-attention {
        padding: 40px 20px;
    }
    .sf-com-teaser-user-attention .user-attention-card .user-attention-image {
        height: 200px;
    }
    .sf-com-teaser-user-attention .user-attention-card .white-common-content {
        padding: 20px;
    }
    .sf-com-teaser-user-attention .user-attention-card .white-common-content .title {
        font-size: 16px;
    }
    .sf-com-teaser-user-attention .user-attention-card .white-common-content .intro {
        font-size: 14px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-company-type {
    padding: 25px 0 45px;
}

.sf-com-teaser-company-type .content .row {
    flex-grow: 1;
    min-width: 100%;
    flex-direction: row;
}

.sf-com-teaser-company-type .company-type-card {
    position: relative;
}

.sf-com-teaser-company-type .company-type-card .poster {
    width: 100%;
    min-width: 290px;
}

.sf-com-teaser-company-type .company-type-card .poster .des {
    z-index: 11;
    height: 28vh;
    min-height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 20px;
}

.sf-com-teaser-company-type .company-type-card .poster .des a {
    text-decoration: none;
}

.sf-com-teaser-company-type .company-type-card .poster .des a img {
    width: 11vh;
    margin: 2vh auto 0px auto;
    display: block;
}

.sf-com-teaser-company-type .company-type-card .poster .des a .tc-title {
    color: #FFFFFF;
    font-size: 24px;
    display: block;
    margin: 5px auto;
    text-align: center;
    font-weight: 400;
}

.sf-com-teaser-company-type .company-type-card .poster .des a .icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: 1px solid #03407E;
    border-radius: 50%;
    background-color: #03407E;
    color: #FFFFFF;
    width: 32px;
    height: 32px;
    text-align: center;
    margin: 15px auto;
}

.sf-com-teaser-company-type .company-type-card .poster .des a .icon span {
    font-size: 16px;
    font-weight: 600;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-company-type {
        padding: 40px 20px;
    }
    .sf-com-teaser-company-type .content {
        padding: 0;
    }
    .sf-com-teaser-company-type .content .poster {
        height: 250px;
        width: 100%;
        min-width: 290px;
    }
    .sf-com-teaser-company-type .content .poster .des {
        height: 250px;
    }
    .sf-com-teaser-company-type .content .poster .des a img {
        height: 70px;
        width: auto;
        margin: 0px auto 0px auto;
        display: block;
    }
    .sf-com-teaser-company-type .company-type-card .poster .des a .tc-title {
        font-size: 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-19 {
    padding: 90px 0;
}

.sf-com-teaser-type-19 .content .info-card {
    background-color: #FAFAFA;
    box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.15);
    position: relative;
}

.sf-com-teaser-type-19 .content .info-card::after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(to right, #689bca 0%, #689bca 50%, #6fab2a 50.1%, #6fab2a 100%);
}

.sf-com-teaser-type-19 .content .info-card .card-body {
    padding: 50px 10%;
    line-height: 1.7;
    font-size: 18px;
    font-weight: 200;
}

.sf-com-teaser-type-19 .content .info-card .card-body p {
    margin: 0;
}

.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn {
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 0 10%;
    font-size: 18px;
    font-weight: 200;
    height: auto;
    line-height: 4;
}

.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn span {
    color: #689bca;
    white-space: nowrap;
}

.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn em {
    background-color: #689bca;
    position: static;
    margin-left: 1.5em;
    transform-origin: left center;
    width: 400px;
}

.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:hover span,
.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:focus span,
.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:active span {
    color: #6fab2a;
}

.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:hover em,
.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:focus em,
.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:active em {
    background-color: #6fab2a;
}

.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:hover::before,
.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:hover::after,
.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:focus::before,
.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:focus::after,
.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:active::before,
.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:active::after {
    background: rgba(111, 171, 42, 0.1);
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-19 {
        padding: 40px 20px;
    }
    .sf-com-teaser-type-19 .content .info-card .card-body {
        font-size: 14px;
        line-height: 1.7;
        padding: 20px 20px;
    }
    .sf-com-teaser-type-19 .content .info-card .card-body img {
        height: auto !important;
        max-width: 100%;
    }
    .sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn {
        font-size: 14px;
        padding: 0 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-23 {
    background-color: #eaf1fc;
    padding: 90px 0;
}

.sf-com-teaser-type-23 .content .cube-list {
    background-color: #FFFFFF;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
    color: #669ACC;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    z-index: 30;
}

.sf-com-teaser-type-23 .content .cube-list .list-item {
    width: 50%;
    flex-shrink: 0;
    padding: 30px 20px;
    text-align: center;
}

.sf-com-teaser-type-23 .content .cube-list .list-item:first-child,
.sf-com-teaser-type-23 .content .cube-list .list-item:last-child {
    background-color: #eff2f7;
}

.sf-com-teaser-type-23 .content .cube-list .list-item .icon {
    margin-top: 30px;
}

.sf-com-teaser-type-23 .content .cube-list .list-item .icon img {
    display: block;
    max-height: 80px;
    margin: 0 auto;
}

.sf-com-teaser-type-23 .content .cube-list .list-item .title {
    font-family: sans-serif;
    font-size: 52px;
    font-weight: 600;
    line-height: 1;
    margin: 30px 0 10px 0;
    text-align: center;
}

.sf-com-teaser-type-23 .content .cube-list .list-item .sub-title {
    font-size: 24px;
    font-weight: 400;
}

.sf-com-teaser-type-23 .content .com-box {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
}

.sf-com-teaser-type-23 .content .intro-card {
    background-color: #FFFFFF;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 10;
    padding: 40px 50px;
}

.sf-com-teaser-type-23 .content .intro-card .card-heading {
    padding: 15px 0;
}

.sf-com-teaser-type-23 .content .intro-card .card-heading .title {
    font-size: 24px;
    font-weight: 400;
    margin: 0;
}

.sf-com-teaser-type-23 .content .intro-card .card-body {
    font-weight: 200;
    line-height: 2;
}

.sf-com-teaser-type-23 .content .intro-card .card-body p {
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-23 {
        padding: 40px 20px;
    }
    .sf-com-teaser-type-23 .content .cube-list .list-item {
        width: 100%;
    }
    .sf-com-teaser-type-23 .content .cube-list .list-item:nth-child(2n - 1) {
        background-color: #eff2f7;
    }
    .sf-com-teaser-type-23 .content .cube-list .list-item:nth-child(2n) {
        background-color: #FFFFFF;
    }
    .sf-com-teaser-type-23 .content .cube-list .list-item .icon {
        margin-top: 10px;
    }
    .sf-com-teaser-type-23 .content .cube-list .list-item .icon img {
        max-height: 60px;
    }
    .sf-com-teaser-type-23 .content .cube-list .list-item .title {
        font-size: 36px;
    }
    .sf-com-teaser-type-23 .content .cube-list .list-item .sub-title {
        font-size: 18px;
    }
    .sf-com-teaser-type-23 .content .intro-card {
        padding: 20px;
    }
    .sf-com-teaser-type-23 .content .intro-card .card-heading {
        padding: 5px 0;
    }
    .sf-com-teaser-type-23 .content .intro-card .card-heading .title {
        font-size: 18px;
        font-weight: 400;
    }
    .sf-com-teaser-type-23 .content .intro-card .card-body {
        font-size: 14px;
        line-height: 1.7;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-26 {
    padding: 90px 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-26 {
        padding: 40px 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-27 {
    padding: 90px 0;
}

.sf-com-teaser-type-27 .more {
    margin: 25px 0;
    text-align: center;
    font-size: 18px;
}

.sf-com-teaser-type-27 .more a {
    padding: 0 5px;
    color: #03407E;
    text-decoration: underline;
}

.sf-com-teaser-type-27 .more a:hover {
    color: #3A70B7;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-27 {
        padding: 40px 20px;
    }
    .sf-com-teaser-type-27 .row .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sf-com-teaser-type-27 .more {
        margin: 15px 0 0;
        text-align: center;
        font-size: 16px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-28 {
    padding: 90px 0;
}

.sf-com-teaser-type-28 .sf-title-block {
    margin-top: 10px;
    color: #ffffff;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-28 {
        padding: 40px 20px;
    }
    .sf-com-teaser-type-28 .row .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-29 {
    padding: 90px 0;
}

.sf-com-teaser-type-29 .sf-title-block {
    margin-top: 10px;
}

.sf-com-teaser-type-29 .mobile-image {
    height: 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-29 {
        padding: 40px 20px;
        background-image: none !important;
    }
    .sf-com-teaser-type-29 .row .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sf-com-teaser-type-29 .row .col-md-4 .mobile-image {
        margin: 20px auto 10px;
        width: 100%;
        height: 200px;
        background-position: left center;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-30 {
    padding: 90px 0;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-32 {
    padding: 90px 0;
}

.sf-com-teaser-type-32 .content .teaser-list {
    position: relative;
    z-index: 10;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-32 {
        padding: 40px 20px;
    }
    .sf-com-teaser-type-32 .content .row .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-31 {
    padding: 90px 0;
}

.sf-com-teaser-type-31 .content {
    position: relative;
    z-index: 10;
}

.sf-com-teaser-type-31 .content .sf-com-social-icons {
    margin: 70px 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-31 {
        padding: 40px 20px;
    }
    .sf-com-teaser-type-31 .content .sf-com-social-icons {
        margin: 40px 0;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-34 {
    padding: 90px 0;
}

.sf-com-teaser-type-34 .content {
    position: relative;
    z-index: 90;
}

.sf-com-teaser-type-34 .content .point-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    position: relative;
    z-index: 10;
}

.sf-com-teaser-type-34 .content .point-list .list-item {
    border-right: 1px solid #669ACC;
    position: relative;
    overflow: hidden;
    flex-grow: 1;
}

.sf-com-teaser-type-34 .content .point-list .list-item:last-child {
    border-right: none;
}

.sf-com-teaser-type-34 .content .point-list .list-item .card-front {
    overflow: auto;
    width: 100%;
    transition: all linear 0.3s;
}

.sf-com-teaser-type-34 .content .point-list .list-item .card-front .icon,
.sf-com-teaser-type-34 .content .point-list .list-item .card-front .title {
    margin: 60px 0;
}

.sf-com-teaser-type-34 .content .point-list .list-item .card-front .icon img {
    display: block;
    height: 70px;
    margin: 0 auto;
}

.sf-com-teaser-type-34 .content .point-list .list-item .card-front .title {
    font-weight: 400;
    font-size: 24px;
    text-align: center;
}

.sf-com-teaser-type-34 .content .point-list .list-item .card-back {
    background-color: #003466;
    color: #FFFFFF;
    padding: 15px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 100%;
    opacity: 0;
    overflow: hidden;
    transition: all linear 0.3s;
}

.sf-com-teaser-type-34 .content .point-list .list-item .card-back .card-heading {
    padding: 20px 0;
    text-align: center;
}

.sf-com-teaser-type-34 .content .point-list .list-item .card-back .card-heading .title {
    margin: 0;
    font-size: 22px;
    font-weight: 200;
}

.sf-com-teaser-type-34 .content .point-list .list-item .card-back .card-body {
    font-weight: 200;
    font-size: 14px;
    line-height: 1.6;
}

.sf-com-teaser-type-34 .content .point-list .list-item .card-back .card-body p {
    margin: 0;
}

.sf-com-teaser-type-34 .content .point-list .list-item:hover,
.sf-com-teaser-type-34 .content .point-list .list-item:focus,
.sf-com-teaser-type-34 .content .point-list .list-item:active {
    overflow: visible;
}

.sf-com-teaser-type-34 .content .point-list .list-item:hover .card-front,
.sf-com-teaser-type-34 .content .point-list .list-item:focus .card-front,
.sf-com-teaser-type-34 .content .point-list .list-item:active .card-front {
    opacity: 0;
}

.sf-com-teaser-type-34 .content .point-list .list-item:hover .card-back,
.sf-com-teaser-type-34 .content .point-list .list-item:focus .card-back,
.sf-com-teaser-type-34 .content .point-list .list-item:active .card-back {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
    top: 0;
    opacity: 1;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-34 {
        padding: 40px 20px;
    }
    .sf-com-teaser-type-34 .content .point-list {
        flex-direction: column;
    }
    .sf-com-teaser-type-34 .content .point-list .list-item {
        border-right: none;
        border-bottom: 1px solid #669ACC;
        margin: 0;
        display: flex;
        flex-direction: row;
        padding: 15px 0;
    }
    .sf-com-teaser-type-34 .content .point-list .list-item:last-child {
        border-bottom: none;
    }
    .sf-com-teaser-type-34 .content .point-list .list-item .card-front {
        width: auto;
        flex-shrink: 0;
    }
    .sf-com-teaser-type-34 .content .point-list .list-item .card-front .icon,
    .sf-com-teaser-type-34 .content .point-list .list-item .card-front .title {
        margin: 0;
    }
    .sf-com-teaser-type-34 .content .point-list .list-item .card-front .icon img {
        height: auto;
        width: 50px;
    }
    .sf-com-teaser-type-34 .content .point-list .list-item .card-front .title {
        display: none;
    }
    .sf-com-teaser-type-34 .content .point-list .list-item .card-back {
        background-color: transparent;
        color: #454545;
        height: auto;
        position: static;
        padding: 0 0 0 20px;
        opacity: 1;
        flex-grow: 1;
    }
    .sf-com-teaser-type-34 .content .point-list .list-item .card-back .card-heading {
        padding: 0 0 10px 0;
        text-align: left;
    }
    .sf-com-teaser-type-34 .content .point-list .list-item .card-back .card-heading .title {
        font-size: 14px;
        font-weight: 400;
    }
    .sf-com-teaser-type-34 .content .point-list .list-item .card-back .card-body {
        font-size: 14px;
    }
    .sf-com-teaser-type-34 .content .point-list .list-item:hover .card-front,
    .sf-com-teaser-type-34 .content .point-list .list-item:hover .card-back,
    .sf-com-teaser-type-34 .content .point-list .list-item:focus .card-front,
    .sf-com-teaser-type-34 .content .point-list .list-item:focus .card-back,
    .sf-com-teaser-type-34 .content .point-list .list-item:active .card-front,
    .sf-com-teaser-type-34 .content .point-list .list-item:active .card-back {
        box-shadow: none;
        opacity: 1;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-39 {
    padding: 90px 0;
}

.sf-com-teaser-type-39 .slick-list {
    overflow: hidden;
    height: 100%;
}

.sf-com-teaser-type-39 .slick-list .slick-track {
    overflow: hidden;
    height: 100%;
}

.sf-com-teaser-type-39 .slick-list .slick-track .slick-slide {
    float: left;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints {
    background-color: #EFEFEF;
    display: flex;
    width: 50%;
    position: relative;
    z-index: 20;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-grow: 1;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item {
    background-color: #EFEFEF;
    border-bottom: 1px solid #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-grow: 1;
    width: 100%;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item:last-child {
    border-bottom: none;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item:not([data-point-index]) {
    flex-grow: 0;
    flex-shrink: 1;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item.active .link {
    color: #FFFFFF;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item.active .link::after {
    height: 100%;
    top: 0;
    transition: all linear 0.5s;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 1;
    color: #454545;
    height: 100%;
    max-width: 100%;
    padding: 15px 30px;
    position: relative;
    text-decoration: none;
    transition: all linear 0.3s;
    width: 100%;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link .image {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: flex-start;
    height: 100%;
    max-height: 100px;
    width: 25%;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link .image img {
    display: block;
    height: 100px;
    width: 100%;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link .des {
    color: #454545;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 20px;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link .des .title {
    font-size: 22px;
    font-weight: 400;
    margin: 0;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link .des .time {
    font-size: 14px;
    margin: 20px 0 0 0;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link::after {
    background-color: #03407E;
    content: " ";
    display: block;
    width: 10px;
    position: absolute;
    height: 0;
    top: 50%;
    left: -5px;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link:hover,
.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link:focus,
.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link:active {
    background-color: #E1E1E1;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item:last-child .sf-cross-btn {
    width: 100%;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros {
    width: 50%;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list {
    position: relative;
    height: 100%;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item {
    position: relative;
    height: 400px;
    height: 100%;
    background: #000000;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .intro {
    position: absolute;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 70px 35px 35px 35px;
    pointer-events: none;
    z-index: 20;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .intro .title {
    color: #FFFFFF;
    font-size: 26px;
    font-weight: 200;
    margin: 0;
    padding: 0;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .intro .detail {
    color: #FFFFFF;
    margin: 25px 0 0 0;
    padding: 0;
    line-height: 1.6;
    font-size: 16px;
    font-weight: 200;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .sf-com-video-play-button {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 20;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .video-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .video-wrapper .video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    font-size: 6em;
    line-height: 1.15em;
    height: 1.3em;
    width: 1.3em;
    border: 0.06666em solid rgba(255, 255, 255, 0);
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 0.65em;
    margin-left: -0.65em;
    margin-top: -0.65em;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .video-wrapper .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    color: rgba(43, 51, 63, 0.6);
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .video-wrapper .video-js .vjs-poster {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media screen and (min-width: 1024px) and (max-width: 1410px) {
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link .des .title {
        font-size: 1em;
    }
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-39 {
        padding: 40px 20px;
    }
    .sf-com-teaser-type-39 .slick-list .slick-track {
        background-color: #FFFFFF;
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper {
        flex-direction: column;
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints,
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros {
        width: 100%;
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints {
        margin-bottom: 10px;
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link {
        font-size: 14px;
        font-weight: 200;
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link::after {
        left: 0;
        width: 4px;
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link .image {
        display: none;
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link .des {
        padding: 0;
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link .des .title {
        font-size: 16px;
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link .des .time {
        margin-top: 10px;
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list {
        box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item {
        min-height: 0;
        height: auto;
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .sf-com-motional-image {
        display: none;
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .intro {
        background: #FFFFFF;
        position: static;
        padding: 20px;
        display: none;
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .intro .title {
        color: #454545;
        font-size: 16px;
        margin-bottom: 1em;
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .intro .detail {
        color: #454545;
        font-size: 14px;
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .video-wrapper {
        margin-top: 0 !important;
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .video-wrapper .video-js {
        height: 200px;
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .video-wrapper .video-js .vjs-big-play-button {
        top: 50%;
        left: 50%;
        font-size: 6em;
        line-height: 1.15em;
        height: 1.3em;
        width: 1.3em;
        border: 0.06666em solid rgba(255, 255, 255, 0);
        background-color: rgba(255, 255, 255, 0.7);
        border-radius: 0.65em;
        margin-left: -0.65em;
        margin-top: -0.65em;
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .video-wrapper .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        color: rgba(43, 51, 63, 0.6);
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .video-wrapper .video-js .vjs-poster {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .sf-com-video-play-button {
        display: none;
    }
}

html[data-useragent*='Trident'] .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item {
    flex-direction: column;
    width: 100%;
}

html[data-useragent*='Trident'] .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link {
    width: 100%;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-38 {
    padding: 90px 0;
}

.sf-com-teaser-type-38 .content .teaser-list {
    padding-top: 5px;
    position: relative;
}

.sf-com-teaser-type-38 .content .teaser-list::before {
    background-color: rgba(255, 255, 255, 0.75);
    content: " ";
    display: block;
    height: 2px;
    top: 5px;
    left: 0;
    right: 0;
}

.sf-com-teaser-type-38.type-1 {
    padding: 40px 20px 10px;
}

.sf-com-teaser-type-38.type-1 .content .teaser-list::before {
    background-color: rgba(210, 210, 210, 0.75);
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-38 {
        padding: 40px 20px;
    }
    .sf-com-teaser-type-38 .content .teaser-list::before {
        display: none;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-37 {
    padding: 90px 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-37 {
        padding: 40px 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-41 {
    padding: 90px 0;
    background-color: #f5f8ff;
}

.sf-com-teaser-type-41 .content {
    position: relative;
    z-index: 10;
}

.sf-com-teaser-type-41 .content .info-card {
    color: #454545;
    background-color: #FFFFFF;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.03);
    margin-bottom: 30px;
    transition: all linear 0.3s;
    text-decoration: none;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sf-com-teaser-type-41 .content .info-card:hover,
.sf-com-teaser-type-41 .content .info-card:focus,
.sf-com-teaser-type-41 .content .info-card:active {
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
}

.sf-com-teaser-type-41 .content .info-card:hover .card-icon,
.sf-com-teaser-type-41 .content .info-card:focus .card-icon,
.sf-com-teaser-type-41 .content .info-card:active .card-icon {
    max-width: 100%;
}

.sf-com-teaser-type-41 .content .info-card:hover .card-icon img,
.sf-com-teaser-type-41 .content .info-card:focus .card-icon img,
.sf-com-teaser-type-41 .content .info-card:active .card-icon img {
    filter: grayscale(0);
}

.sf-com-teaser-type-41 .content .info-card:hover .bar,
.sf-com-teaser-type-41 .content .info-card:focus .bar,
.sf-com-teaser-type-41 .content .info-card:active .bar {
    height: 60px;
}

.sf-com-teaser-type-41 .content .info-card:hover .bar::before,
.sf-com-teaser-type-41 .content .info-card:focus .bar::before,
.sf-com-teaser-type-41 .content .info-card:active .bar::before {
    width: 50px;
}

.sf-com-teaser-type-41 .content .info-card .card-icon img {
    display: block;
    max-height: 60px;
    max-width: 100%;
    filter: grayscale(1);
    transition: all linear 0.5s;
}

.sf-com-teaser-type-41 .content .info-card .bar {
    height: 40px;
    position: relative;
    transition: all linear 0.2s;
    width: 100%;
}

.sf-com-teaser-type-41 .content .info-card .bar::before {
    content: " ";
    display: block;
    height: 4px;
    width: 0;
    background-color: #03407E;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: -2px auto auto auto;
    transition: all linear 0.3s;
}

.sf-com-teaser-type-41 .content .info-card .card-heading {
    font-size: 22px;
    overflow: hidden;
    position: relative;
}

.sf-com-teaser-type-41 .content .info-card .card-heading .title {
    color: #454545;
    line-height: 1.8;
    margin: 0;
    font-size: 1em;
    font-weight: 400;
}

.sf-com-teaser-type-41.type-3 {
    background-color: transparent;
    padding: 10px 0 90px 0;
}

.sf-com-teaser-type-41.type-3 .content {
    border-left: 1px solid #EAEAEA;
    border-top: 1px solid #EAEAEA;
    position: relative;
}

.sf-com-teaser-type-41.type-3 .content::before,
.sf-com-teaser-type-41.type-3 .content::after {
    content: " ";
    display: block;
    position: absolute;
}

.sf-com-teaser-type-41.type-3 .content::before {
    height: 1px;
    background-color: #EAEAEA;
    bottom: 0;
    left: 0;
    right: 0;
}

.sf-com-teaser-type-41.type-3 .content::after {
    width: 1px;
    background-color: #EAEAEA;
    right: 0;
    top: 0;
    bottom: 0;
}

.sf-com-teaser-type-41.type-3 .content .info-card {
    box-shadow: none;
    margin-bottom: 0;
    box-sizing: border-box;
    border-right: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    height: 150px;
    padding: 20px 30px 10px 30px;
}

.sf-com-teaser-type-41.type-3 .content .info-card .card-icon {
    max-width: 100%;
}

.sf-com-teaser-type-41.type-3 .content .info-card .bar {
    height: 10px;
}

.sf-com-teaser-type-41.type-3 .content .info-card .card-heading .title {
    font-size: 0.75em;
    font-weight: 200;
}

.sf-com-teaser-type-41.type-3 .content .info-card:hover .bar,
.sf-com-teaser-type-41.type-3 .content .info-card:focus .bar,
.sf-com-teaser-type-41.type-3 .content .info-card:active .bar {
    height: 25px;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-41 {
        padding: 40px 20px;
    }
    .sf-com-teaser-type-41 .content .info-card {
        height: 100px;
        margin-bottom: 15px;
    }
    .sf-com-teaser-type-41 .content .info-card .card-heading {
        font-size: 14px;
        font-weight: 400;
    }
    .sf-com-teaser-type-41 .content .info-card .card-icon img {
        max-height: 25px;
    }
    .sf-com-teaser-type-41 .content .info-card .bar {
        height: 6px;
    }
    .sf-com-teaser-type-41 .content .info-card .bar::before {
        height: 2px;
        margin-top: 0;
    }
    .sf-com-teaser-type-41 .content .info-card:hover .bar,
    .sf-com-teaser-type-41 .content .info-card:focus .bar,
    .sf-com-teaser-type-41 .content .info-card:active .bar {
        height: 20px;
    }
    .sf-com-teaser-type-41.type-3 {
        padding: 0 20px 40px 20px;
    }
    .sf-com-teaser-type-41.type-3 .content .info-card {
        height: 70px;
        padding: 10px 10px 5px 10px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-45 {
    padding: 90px 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-45 {
        padding: 40px 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-46 {
    padding: 90px 0;
}

.sf-com-teaser-type-46 .content .row>div:nth-child(2n) .sf-com-card-basic::after {
    background-color: #043564;
}

.sf-com-teaser-type-46 .content .row>div:nth-child(2n - 1) .sf-com-card-basic::after {
    background-color: #03407E;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-46 {
        padding: 40px 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-47 {
    padding: 90px 0;
}

.sf-com-teaser-type-47 .content .info-card {
    background-color: #f5f8ff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.03);
    margin-bottom: 40px;
    transition: all linear 0.3s;
    padding: 30px 20px;
}

.sf-com-teaser-type-47 .content .info-card:hover,
.sf-com-teaser-type-47 .content .info-card:focus,
.sf-com-teaser-type-47 .content .info-card:active {
    background-color: #FFFFFF;
}

.sf-com-teaser-type-47 .content .info-card .card-icon {
    margin-bottom: 20px;
    position: relative;
    height: 40px;
}

.sf-com-teaser-type-47 .content .info-card .card-icon::before {
    background-image: url(../images/file.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    content: " ";
    display: block;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 0;
    top: 0;
}

.sf-com-teaser-type-47 .content .info-card .card-icon.ppt::before,
.sf-com-teaser-type-47 .content .info-card .card-icon.pptx::before {
    background-image: url(../images/ppt.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.doc::before,
.sf-com-teaser-type-47 .content .info-card .card-icon.docx::before {
    background-image: url(../images/doc.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.xls::before,
.sf-com-teaser-type-47 .content .info-card .card-icon.xlsx::before {
    background-image: url(../images/xls.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.wps::before {
    background-image: url(../images/wps.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.pdf::before {
    background-image: url(../images/pdf.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.txt::before {
    background-image: url(../images/txt.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.ai::before {
    background-image: url(../images/ai.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.psd::before {
    background-image: url(../images/psd.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.gif::before {
    background-image: url(../images/gif.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.jpeg::before,
.sf-com-teaser-type-47 .content .info-card .card-icon.jpg::before {
    background-image: url(../images/jpg.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.png::before {
    background-image: url(../images/png.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.rar::before {
    background-image: url(../images/rar.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.zip::before {
    background-image: url(../images/zip.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon img {
    display: block;
    height: 40px;
}

.sf-com-teaser-type-47 .content .info-card .card-heading {
    font-size: 18px;
    height: 5.4em;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.sf-com-teaser-type-47 .content .info-card .card-heading::before {
    content: " ";
    display: block;
    height: 3px;
    width: 5em;
    background-color: #043564;
    position: absolute;
    bottom: 0;
    left: 0;
}

.sf-com-teaser-type-47 .content .info-card .card-heading .title {
    line-height: 1.8;
    margin: 0;
    font-size: 1em;
    font-weight: 400;
}

.sf-com-teaser-type-47 .content .info-card .card-body {
    font-weight: 200;
    height: 3.6em;
    margin-bottom: 20px;
    overflow: hidden;
    line-height: 1.8;
}

.sf-com-teaser-type-47 .content .info-card .card-body p {
    margin: 0;
}

.sf-com-teaser-type-47 .content .info-card .card-footer .link {
    color: #669ACC;
    font-weight: 200;
}

.sf-com-teaser-type-47 .content .info-card.type-2 .card-heading::before {
    background-color: #03407E;
}

.sf-com-teaser-type-47 .content .info-card.type-2 .card-footer .link {
    color: #03407E;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-47 {
        padding: 40px 20px;
    }
    .sf-com-teaser-type-47 .content .info-card {
        margin-bottom: 15px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-48 {
    padding: 90px 0;
}

.sf-com-teaser-type-48 .sf-com-carousel-type-23 {
    padding: 0;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs {
    padding: 0;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs {
    width: 100%;
    margin: 0;
    padding-bottom: 50px;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab {
    width: auto;
    flex-grow: 1;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab .link {
    border: none;
    background-color: #d6d8e4;
    font-weight: 200;
    font-size: 16px;
    padding: 1em;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab .link .main {
    color: #666666;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab .link.active {
    background-color: #669ACC;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab .link.active::before {
    content: " ";
    display: block;
    border: 10px solid #669ACC;
    border-color: transparent;
    border-top-color: #669ACC;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab .link.active::after {
    display: none;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab .link.active .main {
    color: #FFFFFF;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs .tab-contents .tab-box .row>div:nth-child(2n) .sf-com-card-basic::after {
    background-color: #043564;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs .tab-contents .tab-box .row>div:nth-child(2n - 1) .sf-com-card-basic::after {
    background-color: #03407E;
}

.sf-com-teaser-type-48 .sf-com-card-basic .sf-com-motional-image {
    height: 260px;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-48 {
        padding: 40px 20px;
    }
    .sf-com-teaser-type-48 .sf-com-carousel-type-23 {
        padding: 0;
    }
    .sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs {
        margin-bottom: 20px;
        padding-bottom: 0;
    }
    .sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab {
        width: 100%;
    }
    .sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab .link {
        padding: 0;
    }
    .sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab .link.active .main::after {
        border-color: #FFFFFF;
    }
    .sf-com-teaser-type-48 .sf-com-card-basic .sf-com-motional-image {
        height: 200px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-50 {
    padding: 90px 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-50 {
        padding: 40px 20px;
    }
    .sf-com-teaser-type-50 .sf-com-card-basic.type-3 .content {
        flex-direction: column;
    }
    .sf-com-teaser-type-50 .sf-com-card-basic.type-3 .content .sf-com-motional-image {
        height: 200px;
        width: 100%;
    }
    .sf-com-teaser-type-50 .sf-com-card-basic.type-3 .content .basic-card {
        padding: 0;
    }
    .sf-com-teaser-type-50 .sf-com-card-basic.type-3 .content .basic-card .card-heading {
        font-size: 1.2em;
    }
    .sf-com-teaser-type-50 .sf-com-card-basic.type-3 .content .basic-card .card-footer .sf-go-button .icon {
        width: 2.5em;
        height: 2.5em;
    }
    .sf-com-teaser-type-50 .sf-com-card-basic.type-3 .content .basic-card .card-footer .sf-go-button .icon span {
        font-size: 1.2em;
    }
    .sf-com-teaser-type-50.type-2 {
        padding: 40px 0;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-53 {
    padding: 90px 0;
}

.sf-com-teaser-type-53.sf-block-background .content .sf-title-block .title {
    color: #FFFFFF;
}

.sf-com-teaser-type-53 .content {
    position: relative;
    z-index: 10;
}

.sf-com-teaser-type-53 .content .sf-title-block .title {
    color: #000000;
}

.sf-com-teaser-type-53 .content .tab-list .tab {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}

.sf-com-teaser-type-53 .content .tab-list .tab .icon {
    background-color: #d6d9e5;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 150px;
    width: 150px;
    transition: all linear 0.3s;
}

.sf-com-teaser-type-53 .content .tab-list .tab .icon img {
    display: block;
    max-height: 70px;
    max-width: 70px;
}

.sf-com-teaser-type-53 .content .tab-list .tab .title {
    color: #454545;
    display: block;
    font-size: 24px;
    font-weight: 200;
    margin-top: 20px;
    transition: all linear 0.3s;
}

.sf-com-teaser-type-53 .content .tab-list .tab.active,
.sf-com-teaser-type-53 .content .tab-list .tab:hover,
.sf-com-teaser-type-53 .content .tab-list .tab:focus,
.sf-com-teaser-type-53 .content .tab-list .tab:active {
    text-decoration: none;
}

.sf-com-teaser-type-53 .content .tab-list .tab.active .icon,
.sf-com-teaser-type-53 .content .tab-list .tab:hover .icon,
.sf-com-teaser-type-53 .content .tab-list .tab:focus .icon,
.sf-com-teaser-type-53 .content .tab-list .tab:active .icon {
    background-color: #003466;
}

.sf-com-teaser-type-53 .content .tab-list .tab.active .title,
.sf-com-teaser-type-53 .content .tab-list .tab:hover .title,
.sf-com-teaser-type-53 .content .tab-list .tab:focus .title,
.sf-com-teaser-type-53 .content .tab-list .tab:active .title {
    color: #003466;
}

.sf-com-teaser-type-53 .content .tab-content .content-list {
    position: relative;
    overflow: hidden;
}

.sf-com-teaser-type-53 .content .tab-content .content-list .list-item {
    display: none;
}

.sf-com-teaser-type-53 .content .tab-content .content-list .list-item.active {
    display: block;
}

.sf-com-teaser-type-53.type-2 {
    color: #FFFFFF;
}

.sf-com-teaser-type-53.type-2 .content .tab-list .tab .icon {
    background-color: transparent;
}

.sf-com-teaser-type-53.type-2 .content .tab-list .tab .icon img {
    filter: brightness(0) invert(1);
}

.sf-com-teaser-type-53.type-2 .content .tab-list .tab .title {
    color: #FFFFFF;
}

.sf-com-teaser-type-53.type-2 .content .tab-list .tab:hover .icon,
.sf-com-teaser-type-53.type-2 .content .tab-list .tab:focus .icon,
.sf-com-teaser-type-53.type-2 .content .tab-list .tab:active .icon {
    background-color: #003466;
}

.sf-com-teaser-type-53.type-2 .content .tab-list .tab:hover .title,
.sf-com-teaser-type-53.type-2 .content .tab-list .tab:focus .title,
.sf-com-teaser-type-53.type-2 .content .tab-list .tab:active .title {
    color: #003466;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-53 {
        padding: 40px 20px;
    }
    .sf-com-teaser-type-53 .content .tab-list .tab .icon {
        height: 100px;
        width: 100px;
    }
    .sf-com-teaser-type-53 .content .tab-list .tab .icon img {
        max-width: 55px;
        max-height: 55px;
    }
    .sf-com-teaser-type-53 .content .tab-list .tab .title {
        font-size: 22px;
        margin-top: 10px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-54 {
    padding: 90px 0;
}

.sf-com-teaser-type-54 .sf-com-poster-wall .content .poster {
    min-height: 200px;
    min-width: 320px;
    width: 24.5%;
}

.sf-com-teaser-type-54 .sf-com-poster-wall .content .poster .detail {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.sf-com-teaser-type-54 .sf-com-poster-wall .content .poster.ps-h2 {
    height: 43vh;
}

.sf-com-teaser-type-54 .sf-com-poster-wall .content .poster.ps-w-1-2 {
    width: 49.6%;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-54 {
        padding: 40px 20px;
    }
    .sf-com-teaser-type-54 .sf-com-poster-wall .content {
        padding: 0;
    }
    .sf-com-teaser-type-54 .sf-com-poster-wall .content .poster {
        display: flex;
        min-height: 180px;
        min-width: 165px;
        width: 49.2%;
    }
    .sf-com-teaser-type-54 .sf-com-poster-wall .content .poster .title {
        font-size: 16px;
        line-height: 20px;
    }
    .sf-com-teaser-type-54 .sf-com-poster-wall .content .poster .detail {
        font-size: 14px;
        line-height: 18px;
        height: 2.5em;
        padding: 0 1em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .sf-com-teaser-type-54 .sf-com-poster-wall .content .poster.ps-h2 {
        height: 180px;
    }
    .sf-com-teaser-type-54 .sf-com-poster-wall .content .poster.ps-w-1-2 {
        min-width: 320px;
        width: 100%;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-55 {
    padding: 90px 0;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2 .content .card-icon {
    width: 25%;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2 .content .card-icon img {
    width: auto;
    height: auto;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2 .content .card-content {
    align-items: unset;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2 .content .card-content .card-body .email {
    padding-left: 0;
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2 .content .card-content .card-body .phone {
    color: #03407E;
    padding-left: 0;
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2.first {
    height: 100%;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2.first .content {
    height: 100%;
    flex-wrap: nowrap;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2.first .content .card-icon {
    width: 45%;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2.first .content .card-icon img {
    width: 90%;
    max-width: 258px;
    height: auto;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2.first .content .card-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-shrink: 1;
    width: 100%;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2.first .content .card-content .card-heading .title {
    font-size: 22px;
    margin-bottom: 10px;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2:hover .content .card-content .card-body .phone,
.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2:focus .content .card-content .card-body .phone,
.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2:active .content .card-content .card-body .phone {
    color: #ffffff;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2+.type-2 {
    margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-55 {
        padding: 40px 20px;
    }
    .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2 .content .card-icon {
        width: 25%;
        display: flex;
        padding: 0;
    }
    .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2 .content .card-icon img {
        width: auto;
        height: auto;
    }
    .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2 .content .card-content {
        align-items: unset;
        width: 74%;
        padding: 20px 10px;
    }
    .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2 .content .card-content .card-heading {
        padding-bottom: 5px;
    }
    .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2 .content .card-content .card-body .email {
        font-size: 18px;
        line-height: 24px;
    }
    .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2 .content .card-content .card-body .phone {
        font-size: 18px;
        line-height: 24px;
    }
    .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2.first {
        height: auto;
    }
    .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2.first .content {
        height: 100%;
    }
    .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2.first .content .card-icon {
        width: 45%;
    }
    .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2.first .content .card-icon img {
        padding: 5% 0;
        width: 80%;
        max-width: 258px;
        height: auto;
    }
    .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2.first .content .card-content {
        width: 54%;
    }
    .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2.first .content .card-content .card-heading .title {
        font-size: 16px;
        margin-bottom: 0;
        line-height: 1.5;
    }
    .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2:hover .content .card-content .card-body .phone,
    .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2:focus .content .card-content .card-body .phone,
    .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2:active .content .card-content .card-body .phone {
        color: #ffffff;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-58 {
    padding: 90px 0;
}

.sf-com-teaser-type-58 .content .sf-title-block {
    margin-bottom: 60px;
}

.sf-com-teaser-type-58 .content .row .col-md-3 {
    padding-right: 0px;
    padding-left: 0px;
}

.sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar {
    text-align: center;
    position: relative;
}

.sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .progress {
    position: absolute;
    top: 25%;
    width: 17%;
    height: 2px;
    background: url(../images/dashed.png);
}

.sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .progress.left {
    left: 0;
}

.sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .progress.right {
    right: 0;
}

.sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .detail .flow-number {
    color: #DEDEDE;
    font-size: 88px;
    font-weight: 600;
}

.sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .detail .flow-detail {
    color: #1d4a75;
    font-size: 22px;
    font-weight: 200;
    position: relative;
    top: -85px;
}

.sf-com-teaser-type-58 .content .row .col-md-3:first-child .progess-bar .progress.left {
    display: none;
}

.sf-com-teaser-type-58 .content .row .col-md-3:last-child .progess-bar .progress.right {
    display: none;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-58 {
        padding: 40px 20px;
    }
    .sf-com-teaser-type-58 .content .sf-title-block {
        margin-bottom: 20px;
    }
    .sf-com-teaser-type-58 .content .sf-title-block .sub-title {
        font-weight: 400;
    }
    .sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar {
        height: 120px;
        text-align: left;
    }
    .sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .progress {
        position: absolute;
        top: 70%;
        width: 2px;
        height: 30%;
        background: url(../images/dash-v.png);
    }
    .sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .progress.left {
        display: none;
    }
    .sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .progress.right {
        right: unset;
        left: 42px;
    }
    .sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .ball {
        display: inline-block;
        width: 84px;
        text-align: left;
    }
    .sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .ball img {
        width: 100%;
        height: 100%;
    }
    .sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .detail {
        display: inline-block;
        vertical-align: top;
        padding: 8px 20px;
    }
    .sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .detail .flow-number {
        font-size: 38px;
        display: block;
        line-height: 42px;
    }
    .sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .detail .flow-detail {
        font-size: 20px;
        font-weight: 200;
        position: unset;
        top: unset;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-60 {
    padding: 90px 0;
}

.sf-com-teaser-type-60 .be-partner {
    padding: 0 20px;
}

.sf-com-teaser-type-60 .be-partner .sf-title-block {
    margin: 35px 0;
}

.sf-com-teaser-type-60 .be-partner .sf-title-block .title {
    text-align: left;
}

.sf-com-teaser-type-60 .be-partner .be-partner-content .intro {
    font-size: 16px;
    font-weight: 200;
    line-height: 1.6;
}

.sf-com-teaser-type-60 .be-partner .links {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    text-align: right;
    margin: 40px 0;
}

.sf-com-teaser-type-60 .be-partner .links .link {
    color: #669acc;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font-weight: 200;
    text-align: right;
    text-decoration: none;
}

.sf-com-teaser-type-60 .be-partner .links .link .icon {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    color: #669acc;
    display: block;
    font-size: 1.6em;
    height: 50px;
    margin-left: 0.5em;
    width: 50px;
    text-align: center;
    line-height: 50px;
    border: 2px solid #669acc;
    transition: all linear 0.3s;
}

.sf-com-teaser-type-60 .be-partner .links .link:hover,
.sf-com-teaser-type-60 .be-partner .links .link:active {
    color: #03407E;
}

.sf-com-teaser-type-60 .be-partner .links .link:hover .icon,
.sf-com-teaser-type-60 .be-partner .links .link:active .icon {
    background-color: #03407E;
    color: #FFFFFF;
    border: 2px solid #03407E;
    transition: all linear 0.3s;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-60 {
        padding: 20px;
    }
    .sf-com-teaser-type-60 .be-partner {
        padding: 0;
    }
    .sf-com-teaser-type-60 .be-partner .sf-title-block {
        margin: 20px 0 10px;
    }
    .sf-com-teaser-type-60 .be-partner .sf-title-block .title {
        text-align: center;
    }
    .sf-com-teaser-type-60 .be-partner .be-partner-content .intro {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .sf-com-teaser-type-60 .be-partner .links {
        margin: 0 0 20px 0;
    }
    .sf-com-teaser-type-60 .be-partner .links .link .icon {
        font-size: 1em;
        height: 35px;
        width: 35px;
        line-height: 35px;
    }
    .sf-com-teaser-type-60 .sf-com-teaser-type-43.small-content .content {
        max-width: 330px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-61 .content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    position: relative;
    z-index: 10;
}

.sf-com-teaser-type-61 .left-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 30%;
}

.sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene {
    max-width: 400px;
}

.sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .sf-title-block {
    margin-bottom: 10px;
}

.sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .sf-title-block .title {
    text-align: left;
}

.sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .intro {
    font-weight: 200;
    font-size: 1em;
    margin-bottom: 40px;
    position: relative;
    z-index: 10;
}

.sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .by-scene-card {
    color: #454545;
    font-size: 22px;
}

.sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item {
    border-bottom: 2px solid #EAF1FD;
}

.sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .by-scene-card .scene-card-image.mobile-show {
    display: none;
}

.sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .by-scene-card::after {
    width: 100%;
    background-color: #6899cc;
    height: 3px;
}

.sf-com-teaser-type-61 .right-content {
    height: 100%;
    width: 100%;
    position: relative;
}

.sf-com-teaser-type-61 .right-content::before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    width: 40%;
    height: 100%;
    background: -webkit-linear-gradient(to right, #e9f0fc, rgba(233, 240, 252, 0));
    background: -o-linear-gradient(to right, #e9f0fc, rgba(233, 240, 252, 0));
    background: -moz-linear-gradient(to right, #e9f0fc, rgba(233, 240, 252, 0));
    background: linear-gradient(to right, #e9f0fc, rgba(233, 240, 252, 0));
}

.sf-com-teaser-type-61.type-2 .content {
    justify-content: flex-end;
}

.sf-com-teaser-type-61.type-2 .left-content {
    justify-content: flex-end;
}

.sf-com-teaser-type-61.type-2 .left-content .sf-com-teaser-by-scene .sf-title-block .title {
    text-align: right;
}

.sf-com-teaser-type-61.type-2 .left-content .sf-com-teaser-by-scene .intro {
    text-align: right;
}

.sf-com-teaser-type-61.type-2 .right-content::before {
    left: unset;
    right: 0;
    background: -webkit-linear-gradient(to left, #eef1f6, rgba(238, 241, 246, 0));
    background: -o-linear-gradient(to left, #eef1f6, rgba(238, 241, 246, 0));
    background: -moz-linear-gradient(to left, #eef1f6, rgba(238, 241, 246, 0));
    background: linear-gradient(to left, #eef1f6, rgba(238, 241, 246, 0));
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-61 .content .row {
        margin-right: 0;
        margin-left: 0;
    }
    .sf-com-teaser-type-61 .content .row .col-md-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sf-com-teaser-type-61 .content .row .col-md-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sf-com-teaser-type-61 .left-content {
        width: 100%;
    }
    .sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene {
        padding: 40px 20px;
        width: 100%;
    }
    .sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .sf-title-block {
        margin-bottom: 10px;
    }
    .sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .sf-title-block .title {
        text-align: center;
    }
    .sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .intro {
        text-align: center;
        margin-bottom: 20px;
        font-size: 14px;
    }
    .sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .by-scene-card {
        font-size: 14px;
        width: 100%;
        min-width: 100%;
    }
    .sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .by-scene-card .scene-card-image.mobile-show {
        display: block;
    }
    .sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .by-scene-card::after {
        width: 0;
    }
    .sf-com-teaser-type-61 .right-content {
        display: none;
    }
    .sf-com-teaser-type-61.type-2 .left-content .sf-com-teaser-by-scene .sf-title-block .title {
        text-align: center;
    }
    .sf-com-teaser-type-61.type-2 .left-content .sf-com-teaser-by-scene .intro {
        text-align: center;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-65 {
    padding: 90px 0;
}

.sf-com-teaser-type-65 .be-partner {
    padding: 0 20px;
}

.sf-com-teaser-type-65 .be-partner .sf-title-block {
    margin: 35px 0;
}

.sf-com-teaser-type-65 .be-partner .sf-title-block .title {
    text-align: left;
}

.sf-com-teaser-type-65 .be-partner .be-partner-content .intro {
    font-size: 16px;
    font-weight: 200;
    line-height: 1.6;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-65 {
        padding: 20px;
    }
    .sf-com-teaser-type-65 .be-partner {
        padding: 0;
    }
    .sf-com-teaser-type-65 .be-partner .sf-title-block {
        margin: 20px 0 10px;
    }
    .sf-com-teaser-type-65 .be-partner .sf-title-block .title {
        text-align: center;
    }
    .sf-com-teaser-type-65 .be-partner .be-partner-content .intro {
        font-size: 14px;
        margin-bottom: 30px;
    }
    .sf-com-teaser-type-65 .sf-com-product-card .card-body {
        margin-bottom: 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-66 {
    padding: 90px 0;
}

.sf-com-teaser-type-66 .sf-com-teaser-type-43-a {
    padding: 0;
}

.sf-com-teaser-type-66 .content {
    z-index: 10;
    position: relative;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs {
    padding: 30px 0;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .tab-tabs .tab .link {
    padding: 25px 15px;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box {
    margin: 0 100px;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-heading .sub-title {
    font-size: 1.2em;
    font-weight: 200;
    display: inline-block;
    margin: 1em 0 1.5em 0;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi {
    font-size: 18px;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .nav-list {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .nav-list .list-item {
    background-color: #f5f9ff;
    border: 1px solid #b4cee6;
    border-bottom: none;
    align-items: center;
    width: 100%;
    transition: all linear 0.3s;
    padding: 18px 20px;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2 {
    width: 100%;
    cursor: pointer;
    background-color: #e4e6ee;
    display: inline-block;
    font-size: 16px;
    height: 3.8em;
    line-height: 3.8em;
    text-align: center;
    position: relative;
    z-index: 0;
    text-decoration: none;
    color: #7099c0;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2 span {
    color: #003466;
    display: block;
    font-weight: 200;
    text-transform: uppercase;
    transition: color 0.3s ease;
    text-decoration: none;
    position: relative;
    z-index: 1;
    width: 40%;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2 em {
    position: absolute;
    height: 1px;
    background: #669ACC;
    width: 55%;
    right: 5%;
    top: 50%;
    transition: all 0.3s ease;
    z-index: 1;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:before,
.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:after {
    content: '';
    background: #003466;
    height: 50%;
    width: 0;
    position: absolute;
    transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:before {
    top: 0;
    left: 0;
    right: auto;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:after {
    bottom: 0;
    right: 0;
    left: auto;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:hover {
    text-decoration: none;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:hover:before {
    width: 100%;
    right: 0;
    left: auto;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:hover:after {
    width: 100%;
    left: 0;
    right: auto;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:hover span {
    color: #FFFFFF;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:hover em {
    background: #FFFFFF;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .tcc-image {
    margin-top: 1em;
    width: 100%;
    height: 100%;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .tcc-image.mobile-show {
    height: 180px;
    width: 100%;
    display: none;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-66 {
        padding: 40px 20px;
    }
    .sf-com-teaser-type-66 .content .sf-com-slick-tabs {
        padding: 0 0 20px 0;
    }
    .sf-com-teaser-type-66 .content .sf-com-slick-tabs .tab-tabs {
        flex-direction: row;
    }
    .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box {
        margin: 0;
    }
    .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-heading .sub-title {
        font-size: 0.8em;
        line-height: 1.6;
        margin: 20px 0;
    }
    .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi {
        font-size: 16px;
    }
    .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .nav-list .list-item {
        padding: 12px 18px;
    }
    .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2 {
        width: 100%;
        cursor: pointer;
        background-color: #e4e6ee;
        display: inline-block;
        font-size: 16px;
        height: 3.8em;
        line-height: 3.8em;
        text-align: center;
        position: relative;
        z-index: 0;
        text-decoration: none;
        color: #7099c0;
    }
    .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2 span {
        color: #003466;
        display: block;
        font-weight: 200;
        text-transform: uppercase;
        transition: color 0.3s ease;
        text-decoration: none;
        position: relative;
        z-index: 1;
        width: 40%;
    }
    .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2 em {
        position: absolute;
        height: 1px;
        background: #669ACC;
        width: 55%;
        right: 5%;
        top: 50%;
        transition: all 0.3s ease;
        z-index: 1;
    }
    .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:before,
    .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:after {
        content: '';
        background: #003466;
        height: 50%;
        width: 0;
        position: absolute;
        transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }
    .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:before {
        top: 0;
        left: 0;
        right: auto;
    }
    .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:after {
        bottom: 0;
        right: 0;
        left: auto;
    }
    .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:hover {
        text-decoration: none;
    }
    .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:hover:before {
        width: 100%;
        right: 0;
        left: auto;
    }
    .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:hover:after {
        width: 100%;
        left: 0;
        right: auto;
    }
    .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:hover span {
        color: #FFFFFF;
    }
    .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:hover em {
        background: #FFFFFF;
    }
    .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .tcc-image.pc-show {
        display: none;
    }
    .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .tcc-image.mobile-show {
        margin-top: 0;
        display: block;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-68 {
    padding: 90px 0;
}

.sf-com-teaser-type-68.type-2 .sf-title-block {
    margin-top: 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-68 {
        padding: 40px 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-75 {
    padding: 90px 0;
}

.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 {
    padding: 0;
}

.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list {
    padding-bottom: 30px;
}

.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab {
    margin-bottom: 20px;
    padding: 0;
    position: relative;
}

.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab .icon img {
    opacity: 1;
    transition: all linear 0.5s;
}

.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab .title {
    opacity: 0;
    margin: 0;
    position: absolute;
    transition: all linear 0.3s;
}

.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab.active .icon img,
.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab:hover .icon img,
.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab:focus .icon img,
.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab:active .icon img {
    opacity: 0;
}

.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab.active .title,
.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab:hover .title,
.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab:focus .title,
.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab:active .title {
    color: #FFFFFF;
    opacity: 1;
    top: 50%;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    text-align: center;
    width: 100%;
}

.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab.active::after {
    content: " ";
    display: block;
    border: 1em solid #003466;
    border-top-width: 1.5em;
    border-bottom-width: 0;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    position: absolute;
    bottom: -1em;
    left: 50%;
    margin-left: -1em;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-75 {
        padding: 40px 20px;
    }
    .sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab.active::after {
        display: none;
    }
    .sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab .icon {
        height: 80px;
        width: 80px;
    }
    .sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab .icon img {
        max-width: 40px;
        max-height: 40px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-80 {
    color: #FFFFFF;
    margin-bottom: 200px;
    padding: 90px 0 260px 0;
}

.sf-com-teaser-type-80 .content {
    position: relative;
    z-index: 10;
}

.sf-com-teaser-type-80 .content .sf-title-block {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.sf-com-teaser-type-80 .content .dashboard-wrapper {
    margin-top: 60px;
    position: relative;
    overflow: visible;
    z-index: 10;
}

.sf-com-teaser-type-80 .content .dashboard-wrapper .sf-com-dashboard-data {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-80 .content .dashboard-wrapper {
        margin: 0 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-81 {
    padding: 90px 0;
}

.sf-com-teaser-type-81 .content .cube-list {
    background-color: #FFFFFF;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
    color: #669ACC;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    z-index: 30;
}

.sf-com-teaser-type-81 .content .cube-list .list-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%;
    flex-shrink: 0;
    padding: 60px 20px;
    text-align: center;
}

.sf-com-teaser-type-81 .content .cube-list .list-item:first-child {
    border-right: 1px solid #edf0f5;
    border-bottom: 1px solid #edf0f5;
}

.sf-com-teaser-type-81 .content .cube-list .list-item:last-child {
    border-top: 1px solid #edf0f5;
    border-left: 1px solid #edf0f5;
    margin-left: -1px;
    margin-top: -1px;
}

.sf-com-teaser-type-81 .content .cube-list .list-item .icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 40%;
}

.sf-com-teaser-type-81 .content .cube-list .list-item .icon img {
    display: block;
    max-height: 90px;
    margin: 0 auto;
}

.sf-com-teaser-type-81 .content .cube-list .list-item .titles {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 60%;
    text-align: left;
}

.sf-com-teaser-type-81 .content .cube-list .list-item .title {
    font-family: sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0.7em;
}

.sf-com-teaser-type-81 .content .cube-list .list-item .sub-title {
    font-size: 16px;
    font-weight: 200;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-type-81 {
        padding: 40px 0;
    }
    .sf-com-teaser-type-81 .content .cube-list .list-item {
        border-bottom: 1px solid #edf0f5;
        width: 100%;
        padding: 40px 20px;
    }
    .sf-com-teaser-type-81 .content .cube-list .list-item:first-child {
        border-right: none;
    }
    .sf-com-teaser-type-81 .content .cube-list .list-item:last-child {
        border-bottom: none;
        border-left: none;
    }
    .sf-com-teaser-type-81 .content .cube-list .list-item .icon img {
        max-height: 60px;
    }
    .sf-com-teaser-type-81 .content .cube-list .list-item .title {
        font-size: 18px;
    }
    .sf-com-teaser-type-81 .content .cube-list .list-item .sub-title {
        font-size: 14px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-type-84 {
    padding: 0 0 0 0;
    position: relative;
    z-index: 30;
}

.sf-com-teaser-type-84 .content {
    position: relative;
    z-index: 10;
}

.sf-com-teaser-type-84 .content .sf-com-card-article {
    bottom: -100px;
    position: relative;
    z-index: 30;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-card-link-group {
    background-color: #FAFAFA;
    margin-bottom: 20px;
    transition: all linear 0.3s;
}

.sf-com-card-link-group .content .card-heading {
    padding: 20px 15px 0 30%;
}

.sf-com-card-link-group .content .card-heading .title {
    font-size: 24px;
    font-weight: 200;
}

.sf-com-card-link-group .content .card-body {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.sf-com-card-link-group .content .card-body .card-icon {
    padding: 0 20px 20px 20px;
    width: 30%;
}

.sf-com-card-link-group .content .card-body .card-icon img {
    display: block;
    max-width: 100%;
}

.sf-com-card-link-group .content .card-body .links {
    font-weight: 200;
    margin-bottom: 10px;
    padding-right: 20%;
    width: 70%;
}

.sf-com-card-link-group .content .card-body .links .link {
    color: #454545;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #EEEEEE;
    height: 3em;
    overflow: hidden;
    position: relative;
    transition: all linear 0.3s;
}

.sf-com-card-link-group .content .card-body .links .link .icon {
    background-color: #03407E;
    color: #FFFFFF;
    border-radius: 50%;
    display: block;
    height: 2em;
    width: 2em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    position: absolute;
    right: -4em;
    top: 50%;
    margin-top: -1em;
    transition: all linear 0.3s;
}

.sf-com-card-link-group .content .card-body .links .link:last-child {
    border-bottom: none;
}

.sf-com-card-link-group .content .card-body .links .link:hover,
.sf-com-card-link-group .content .card-body .links .link:focus,
.sf-com-card-link-group .content .card-body .links .link:active {
    color: #03407E;
    text-decoration: none;
}

.sf-com-card-link-group .content .card-body .links .link:hover .icon,
.sf-com-card-link-group .content .card-body .links .link:focus .icon,
.sf-com-card-link-group .content .card-body .links .link:active .icon {
    right: 0;
}

.sf-com-card-link-group .content .card-body .links .link:nth-of-type(4) {
    border-bottom-width: 0;
}

.sf-com-card-link-group .content .card-body .links .link:nth-of-type(n+5) {
    border-bottom-width: 0;
    height: 0;
    opacity: 0;
}

.sf-com-card-link-group .content .card-body .links.active .link:nth-of-type(4) {
    border-bottom-width: 1px;
}

.sf-com-card-link-group .content .card-body .links.active .link:nth-of-type(n+5) {
    border-bottom-width: 1px;
    height: 3em;
    opacity: 1;
}

.sf-com-card-link-group .card-footer {
    background-color: #c7d0db;
    height: 1.5em;
}

.sf-com-card-link-group .card-footer .expand {
    color: #FFFFFF;
    display: block;
    height: 1.5em;
    font-weight: 600;
    text-align: center;
}

.sf-com-card-link-group .card-footer .expand:hover,
.sf-com-card-link-group .card-footer .expand:focus,
.sf-com-card-link-group .card-footer .expand:active {
    text-decoration: none;
}

.sf-com-card-link-group:hover,
.sf-com-card-link-group:focus,
.sf-com-card-link-group:active {
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2);
}

.sf-com-card-link-group.type-2 {
    position: relative;
}

.sf-com-card-link-group.type-2 .content .card-body .links .link p {
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sf-com-card-link-group.type-2 .card-footer {
    height: unset;
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2 {
    width: 100%;
    cursor: pointer;
    background-color: #e4e6ee;
    display: inline-block;
    font-size: 16px;
    height: 3.8em;
    line-height: 3.8em;
    text-align: center;
    position: relative;
    z-index: 0;
    text-decoration: none;
    color: #7099c0;
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2 span {
    color: #003466;
    display: block;
    font-weight: 200;
    text-transform: uppercase;
    transition: color 0.3s ease;
    text-decoration: none;
    position: relative;
    z-index: 1;
    width: 40%;
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2 em {
    position: absolute;
    height: 1px;
    background: #669ACC;
    width: 55%;
    right: 5%;
    top: 50%;
    transition: all 0.3s ease;
    z-index: 1;
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2:before,
.sf-com-card-link-group.type-2 .sf-cross-btn-2:after {
    content: '';
    background: #003466;
    height: 50%;
    width: 0;
    position: absolute;
    transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2:before {
    top: 0;
    left: 0;
    right: auto;
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2:after {
    bottom: 0;
    right: 0;
    left: auto;
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2:hover {
    text-decoration: none;
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2:hover:before {
    width: 100%;
    right: 0;
    left: auto;
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2:hover:after {
    width: 100%;
    left: 0;
    right: auto;
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2:hover span {
    color: #FFFFFF;
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2:hover em {
    background: #FFFFFF;
}

.sf-com-card-link-group.type-2::after {
    content: " ";
    display: block;
    position: absolute;
    height: 6px;
    width: 0;
    background-color: #F4FF81;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -3px;
    transition: all ease-out 0.15s;
}

.sf-com-card-link-group.type-2:hover,
.sf-com-card-link-group.type-2:focus,
.sf-com-card-link-group.type-2:active {
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
}

.sf-com-card-link-group.type-2:hover::after,
.sf-com-card-link-group.type-2:focus::after,
.sf-com-card-link-group.type-2:active::after {
    background-color: #03407E;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .sf-com-card-link-group .content .card-heading {
        padding-left: 35%;
    }
    .sf-com-card-link-group .content .card-heading .title {
        font-size: 16px;
        font-weight: 400;
    }
    .sf-com-card-link-group .content .card-body {
        font-size: 14px;
    }
    .sf-com-card-link-group .content .card-body .card-icon {
        width: 35%;
    }
    .sf-com-card-link-group .content .card-body .links {
        padding-right: 20px;
        width: 65%;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-card-info-link {
    display: block;
    margin-bottom: 20px;
    position: relative;
    padding-top: 20px;
}

.sf-com-card-info-link::after {
    content: " ";
    display: block;
    position: absolute;
    height: 10px;
    width: 0;
    background-color: #F4FF81;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -5px;
    transition: all ease-out 0.15s;
}

.sf-com-card-info-link .content {
    background-color: #000000;
    height: 300px;
    overflow: hidden;
    position: relative;
}

.sf-com-card-info-link .content::after {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 100%;
    transition: all linear 0.3s;
}

.sf-com-card-info-link .content .sf-com-motional-image {
    transition: opacity linear 0.3s;
}

.sf-com-card-info-link .content .intro {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 100%);
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 40px 30px 30px 30px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 10;
}

.sf-com-card-info-link .content .intro .sub {
    font-size: 16px;
    font-weight: 200;
    margin: 0 0 5px 0;
}

.sf-com-card-info-link .content .intro .main {
    font-size: 18px;
    font-weight: 200;
    margin: 0;
}

.sf-com-card-info-link .content .intro .sf-go-button {
    font-size: 18px;
}

.sf-com-card-info-link .content .intro .sf-go-button .icon {
    width: 3.2em;
    height: 3.2em;
}

.sf-com-card-info-link:hover::after,
.sf-com-card-info-link:focus::after,
.sf-com-card-info-link:active::after {
    background-color: #03407E;
    width: 100%;
}

.sf-com-card-info-link:hover .content::after,
.sf-com-card-info-link:focus .content::after,
.sf-com-card-info-link:active .content::after {
    top: 0;
}

.sf-com-card-info-link:hover .content .sf-com-motional-image,
.sf-com-card-info-link:focus .content .sf-com-motional-image,
.sf-com-card-info-link:active .content .sf-com-motional-image {
    opacity: 0.8;
}

@media screen and (max-width: 1024px) {
    .sf-com-card-info-link {
        margin-bottom: 10px;
        padding-top: 0;
    }
    .sf-com-card-info-link::after {
        display: none;
    }
    .sf-com-card-info-link .content {
        height: 200px;
    }
    .sf-com-card-info-link .content .intro {
        color: #FFFFFF;
        padding: 40px 20px 20px 20px;
    }
    .sf-com-card-info-link .content .intro .title {
        color: #FFFFFF;
    }
    .sf-com-card-info-link .content .intro .title .sub {
        font-size: 14px;
    }
    .sf-com-card-info-link .content .intro .title .main {
        font-size: 16px;
        color: #FFFFFF;
    }
    .sf-com-card-info-link .content .intro .sf-go-button {
        font-size: 14px;
    }
    .sf-com-card-info-link .content .intro .sf-go-button .icon {
        height: 2.8em;
        width: 2.8em;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-image-article .content .article-image {
    height: 100%;
}

.sf-com-image-article .content .article-image img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.sf-com-image-article .content .article-image .sf-com-motional-image img {
    display: none;
}

.sf-com-image-article .content .article-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 30px 70px;
    max-width: 90%;
    min-height: 500px;
}

.sf-com-image-article .content .article-content .title {
    font-size: 36px;
    font-weight: 400;
    margin: 0 0 1em 0;
}

.sf-com-image-article .content .article-content .intro {
    font-weight: 200;
    line-height: 1.8;
    max-width: 100%;
}

.sf-com-image-article .content .article-content .intro p {
    margin: 0 0 1em 0;
}

.sf-com-image-article .content .article-content .intro-links {
    width: 100%;
    padding: 15px 0 30px 0;
}

.sf-com-image-article .content .article-content .intro-links a {
    z-index: 5;
}

.sf-com-image-article .content .article-content .intro-links a:hover,
.sf-com-image-article .content .article-content .intro-links a:focus,
.sf-com-image-article .content .article-content .intro-links a:active {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.sf-com-image-article.type-2 .content .article-content .intro {
    border-top: 4px solid #03407E;
    padding-top: 40px;
}

@media screen and (max-width: 1024px) {
    .sf-com-image-article .content .article-image {
        min-height: 250px;
    }
    .sf-com-image-article .content .article-content {
        background-color: rgba(255, 255, 255, 0.85);
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 40px 30px;
        max-width: 100%;
        min-height: 0;
    }
    .sf-com-image-article .content .article-content .title {
        font-size: 22px;
        font-weight: 200;
        text-align: center;
        margin-bottom: 0.5em;
    }
    .sf-com-image-article .content .article-content .intro {
        font-size: 14px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-block-wrapper {
    padding: 90px 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-block-wrapper {
        padding: 40px 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-card-image-link {
    display: block;
    margin-bottom: 30px;
}

.sf-com-card-image-link .content {
    height: 400px;
    overflow: hidden;
    position: relative;
}

.sf-com-card-image-link .content .sf-com-motional-image {
    z-index: 0;
}

.sf-com-card-image-link .content .sf-com-motional-image::before {
    background-color: rgba(0, 0, 0, 0);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 25%, rgba(0, 0, 0, 0) 60%);
}

.sf-com-card-image-link .content .card-heading {
    color: #FFFFFF;
    padding: 40px 30px;
    position: relative;
    z-index: 10;
}

.sf-com-card-image-link .content .card-heading .title {
    font-size: 24px;
    font-weight: 200;
    margin: 0;
}

.sf-com-card-image-link .content .card-body {
    position: relative;
    z-index: 10;
}

.sf-com-card-image-link .content .card-footer {
    font-weight: 200;
    padding: 1em;
    position: absolute;
    bottom: -5em;
    width: 100%;
    left: 0;
    background-color: transparent;
    color: #FFFFFF;
    transition: all ease-out 0.3s;
    z-index: 10;
}

.sf-com-card-image-link:hover,
.sf-com-card-image-link:focus,
.sf-com-card-image-link:active {
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.sf-com-card-image-link:hover .sf-com-motional-image::before,
.sf-com-card-image-link:focus .sf-com-motional-image::before,
.sf-com-card-image-link:active .sf-com-motional-image::before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0) 100%);
}

.sf-com-card-image-link:hover .card-footer,
.sf-com-card-image-link:focus .card-footer,
.sf-com-card-image-link:active .card-footer {
    bottom: 0;
    background-color: rgba(109, 173, 25, 0.7);
}

.sf-com-card-image-link.type-2 .content {
    height: 320px;
}

.sf-com-card-image-link.type-2 .content .card-heading .title {
    font-size: 18px;
}

.sf-com-card-image-link.type-2 .content .card-body {
    padding: 40px 0;
}

.sf-com-card-image-link.type-2 .content .card-body .logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.sf-com-card-image-link.type-2 .content .card-body .logo img {
    height: 60px;
    max-width: 100%;
}

.sf-com-card-image-link.type-3 .content .sf-com-motional-image {
    z-index: 0;
}

.sf-com-card-image-link.type-3 .content .sf-com-motional-image::before {
    background-color: transparent;
    background: transparent;
}

.sf-com-card-image-link.type-3 .content .card-heading {
    position: absolute;
    bottom: 0;
    padding: 20px;
    background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.1) 100%);
    font-weight: 200;
    transition: all ease-out 0.3s;
    width: 100%;
}

.sf-com-card-image-link.type-3 .content .card-heading .title {
    text-align: center;
    font-size: 22px;
    margin-bottom: 5px;
}

.sf-com-card-image-link.type-3 .content .card-heading .sub-title {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
}

.sf-com-card-image-link.type-3 .content .card-footer {
    padding: 0.8em 20px;
}

.sf-com-card-image-link.type-3 .content .card-footer .icon {
    right: 20px;
    position: absolute;
}

.sf-com-card-image-link.type-3:hover .card-heading,
.sf-com-card-image-link.type-3:focus .card-heading,
.sf-com-card-image-link.type-3:active .card-heading {
    bottom: 48px;
    transition: all ease-out 0.3s;
}

.sf-com-card-image-link.type-3:hover .card-footer,
.sf-com-card-image-link.type-3:focus .card-footer,
.sf-com-card-image-link.type-3:active .card-footer {
    bottom: 0;
    background-color: #669acc;
}

@media screen and (max-width: 1024px) {
    .sf-com-card-image-link {
        margin-bottom: 15px;
    }
    .sf-com-card-image-link .content {
        height: 280px;
    }
    .sf-com-card-image-link .content .card-heading {
        padding: 30px 20px;
    }
    .sf-com-card-image-link .content .card-heading .title {
        font-size: 20px;
    }
    .sf-com-card-image-link .content .card-footer {
        font-size: 14px;
    }
    .sf-com-card-image-link.type-2 .content {
        height: 260px;
    }
    .sf-com-card-image-link.type-3 .content {
        height: 400px;
    }
    .sf-com-card-image-link.type-3 .content .card-heading {
        bottom: 48px;
    }
    .sf-com-card-image-link.type-3 .content .card-footer {
        padding: 1em 20px;
        bottom: 0;
        background-color: #669acc;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-card-guide-link {
    display: block;
    color: #454545;
    margin-bottom: 15px;
    text-decoration: none;
}

.sf-com-card-guide-link .content {
    background-color: #f7f8fb;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    transition: all linear 0.3s;
    position: relative;
}

.sf-com-card-guide-link .content .sf-com-motional-image {
    height: auto;
    width: 25%;
    flex-shrink: 0;
}

.sf-com-card-guide-link .content .card-icon {
    flex-shrink: 0;
}

.sf-com-card-guide-link .content .card-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-shrink: 1;
    padding: 20px;
}

.sf-com-card-guide-link .content .card-content .card-heading {
    width: 100%;
}

.sf-com-card-guide-link .content .card-content .card-heading .title {
    margin: 0;
    font-size: 22px;
    font-weight: 400;
}

.sf-com-card-guide-link .content .card-content .card-body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-shrink: 1;
    width: 100%;
    font-size: 16px;
    font-weight: 200;
    line-height: 1.7;
    margin-top: 5px;
    height: 3.4em;
    overflow: hidden;
}

.sf-com-card-guide-link .content .card-content .card-body p {
    margin: 0;
}

.sf-com-card-guide-link .content .card-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sf-com-card-guide-link .content .card-link .sf-go-button {
    font-size: 14px;
    padding-right: 20px;
}

.sf-com-card-guide-link .content .card-link .sf-go-button .icon {
    border-color: #669ACC;
    color: #669ACC;
    margin: 0;
}

.sf-com-card-guide-link:hover,
.sf-com-card-guide-link:focus,
.sf-com-card-guide-link:active {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.4);
    text-decoration: none;
}

.sf-com-card-guide-link:hover .content,
.sf-com-card-guide-link:focus .content,
.sf-com-card-guide-link:active .content {
    background-color: #003466;
    color: #FFFFFF;
}

.sf-com-card-guide-link:hover .content .sf-go-button .icon,
.sf-com-card-guide-link:focus .content .sf-go-button .icon,
.sf-com-card-guide-link:active .content .sf-go-button .icon {
    background-color: #03407E;
    border-color: #03407E;
    color: #FFFFFF;
}

.sf-com-card-guide-link.type-2 {
    z-index: 2;
}

.sf-com-card-guide-link.type-2 .content {
    z-index: 2;
}

.sf-com-card-guide-link.type-2 .content .card-icon {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sf-com-card-guide-link.type-2 .content .card-icon img {
    width: 90px;
    height: 90px;
    margin: 0 auto;
}

.sf-com-card-guide-link.type-2 .content .card-content .card-heading .title {
    margin-top: 22px;
    line-height: 26px;
}

.sf-com-card-guide-link.type-2 .content .card-content .card-heading .sub-title {
    margin-top: 5px;
    margin-bottom: 20px;
    line-height: 26px;
    font-size: 17px;
    font-weight: 400;
}

.sf-com-card-guide-link.type-2 .content .card-body {
    font-size: 18px;
}

.sf-com-card-guide-link.type-2 .content .card-body .email {
    text-decoration: none;
    padding-left: 10px;
    color: #03407E;
}

.sf-com-card-guide-link.type-2 .content .card-body .email.active {
    text-decoration: underline;
}

.sf-com-card-guide-link.type-2 .content .card-body .extra {
    font-size: 12px;
}

.sf-com-card-guide-link.type-2 .content .card-body .extra p {
    margin: 0;
}

.sf-com-card-guide-link.type-2 .content .card-link {
    text-align: right;
    right: 0;
    position: absolute;
    bottom: 15px;
}

.sf-com-card-guide-link.type-2 .content .card-link a {
    text-decoration: none;
}

.sf-com-card-guide-link.type-2:hover .content .card-body .email,
.sf-com-card-guide-link.type-2:focus .content .card-body .email,
.sf-com-card-guide-link.type-2:active .content .card-body .email {
    color: #FFFFFF;
}

@media screen and (max-width: 1024px) {
    .sf-com-card-guide-link .content {
        flex-wrap: wrap;
    }
    .sf-com-card-guide-link .content .sf-com-motional-image {
        height: 260px;
        width: 100%;
    }
    .sf-com-card-guide-link .content .card-content {
        padding: 10px;
        width: 80%;
    }
    .sf-com-card-guide-link .content .card-content .card-heading .title {
        font-size: 14px;
    }
    .sf-com-card-guide-link .content .card-content .card-body {
        height: 1.7em;
    }
    .sf-com-card-guide-link .content .card-link {
        width: 20%;
    }
    .sf-com-card-guide-link .content .card-link .sf-go-button {
        font-size: 14px;
        padding-right: 10px;
    }
    .sf-com-card-guide-link.type-2 .content {
        box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    }
    .sf-com-card-guide-link.type-2 .content .card-icon {
        display: block;
        padding: 20px 20px 0;
        width: 100%;
    }
    .sf-com-card-guide-link.type-2 .content .card-icon img {
        width: 70px;
        height: 70px;
    }
    .sf-com-card-guide-link.type-2 .content .card-content {
        padding: 12px 20px 20px;
    }
    .sf-com-card-guide-link.type-2 .content .card-content .card-heading {
        padding-bottom: 10px;
    }
    .sf-com-card-guide-link.type-2 .content .card-content .card-heading .title {
        margin-top: 0;
        font-size: 16px;
        line-height: 20px;
    }
    .sf-com-card-guide-link.type-2 .content .card-content .card-heading .sub-title {
        font-size: 14px;
    }
    .sf-com-card-guide-link.type-2 .content .card-body {
        font-size: 14px;
        height: unset;
        margin-top: 0px;
    }
    .sf-com-card-guide-link.type-2 .content .card-body .email {
        padding-left: 0px;
    }
    .sf-com-card-guide-link.type-2 .content .card-link {
        position: relative;
        bottom: unset;
    }
    .sf-com-card-guide-link.type-2 .content .card-link a {
        text-decoration: none;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-card-basic {
    background-color: #FFFFFF;
    color: #454545;
    display: block;
    position: relative;
    text-decoration: none;
    transition: all linear 0.3s;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.sf-com-card-basic::after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
}

.sf-com-card-basic:hover,
.sf-com-card-basic:focus,
.sf-com-card-basic:active {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
    color: #454545;
    text-decoration: none;
}

.sf-com-card-basic .sf-com-motional-image {
    height: 300px;
}

.sf-com-card-basic .basic-card {
    flex-shrink: 1;
    font-size: 16px;
}

.sf-com-card-basic .basic-card .card-heading,
.sf-com-card-basic .basic-card .card-body,
.sf-com-card-basic .basic-card .card-footer {
    padding: 1.5em;
}

.sf-com-card-basic .basic-card .card-heading .title {
    font-weight: 400;
    font-size: 22px;
    margin: 0;
}

.sf-com-card-basic .basic-card .card-body {
    line-height: 1.7;
    font-weight: 200;
}

.sf-com-card-basic .basic-card .card-body p {
    margin: 0;
}

.sf-com-card-basic .basic-card .card-heading+.card-body {
    padding-top: 0;
}

.sf-com-card-basic .basic-card .card-heading+.card-footer,
.sf-com-card-basic .basic-card .card-body+.card-footer {
    padding-top: 0;
}

.sf-com-card-basic.type-2 {
    padding-bottom: 0;
}

.sf-com-card-basic.type-2>.content {
    position: relative;
}

.sf-com-card-basic.type-2>.content .sf-com-motional-image {
    height: 380px;
}

.sf-com-card-basic.type-2>.content .basic-card {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 75%, rgba(0, 0, 0, 0) 100%);
    color: #FFFFFF;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 20;
}

.sf-com-card-basic.type-3 {
    padding-bottom: 0;
}

.sf-com-card-basic.type-3 .content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.sf-com-card-basic.type-3 .content .sf-com-motional-image {
    width: 30%;
    height: auto;
    flex-shrink: 0;
}

.sf-com-card-basic.type-3 .content .basic-card {
    padding: 20px 30px;
}

.sf-com-card-basic.type-3 .content .basic-card .card-heading .title {
    font-weight: 400;
}

.sf-com-card-basic.type-3 .content .basic-card .card-footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.sf-com-card-basic.type-3 .content .basic-card .card-footer .sf-go-button {
    color: #454545;
    transition: all linear 0.3s;
}

.sf-com-card-basic.type-3 .content .basic-card .card-footer .sf-go-button .icon {
    background-color: #03407E;
    color: #FFFFFF;
    border: none;
    width: 3.5em;
    height: 3.5em;
    transition: all linear 0.3s;
}

.sf-com-card-basic.type-3 .content .basic-card .card-footer .sf-go-button:hover,
.sf-com-card-basic.type-3 .content .basic-card .card-footer .sf-go-button:focus,
.sf-com-card-basic.type-3 .content .basic-card .card-footer .sf-go-button:active {
    color: #03407E;
}

.sf-com-card-basic.type-3 .content .basic-card .card-footer .sf-go-button:hover .icon,
.sf-com-card-basic.type-3 .content .basic-card .card-footer .sf-go-button:focus .icon,
.sf-com-card-basic.type-3 .content .basic-card .card-footer .sf-go-button:active .icon {
    margin-left: 1.6em;
}

.sf-com-card-basic.type-3.type-3-1 .content .sf-com-video-box {
    flex-shrink: 0;
    width: 50%;
}

.sf-com-card-basic.type-3.type-3-1 .content .sf-com-video-box .sf-com-motional-image {
    border: 4px solid #FFFFFF;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35);
    width: 100%;
}

.sf-com-card-basic.type-3.type-3-1 .content .basic-card .card-footer .sf-go-button {
    color: #03407E;
    background: rgba(0, 128, 0, 0.1);
    border-radius: 40px;
    padding: 0 0 0 15px;
    border: 1px solid rgba(13, 157, 13, 0.35);
}

.sf-com-card-basic.type-3.type-3-1 .content .basic-card .card-footer .sf-go-button .icon {
    width: 2.5em;
    height: 2.5em;
}

.sf-com-card-basic.type-4 .content .sf-com-motional-image {
    background-color: #000000;
    font-size: 3em;
    position: relative;
}

.sf-com-card-basic.type-4 .content .sf-com-motional-image::after {
    content: " ";
    display: block;
    height: 0;
    width: 0;
    border: 1em solid rgba(255, 255, 255, 0.85);
    border-left-width: 0.866em;
    border-top-width: 0.5em;
    border-top-color: transparent;
    border-bottom-width: 0.5em;
    border-bottom-color: transparent;
    border-right-width: 0;
    border-right-color: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.5em;
    margin-left: -0.2em;
    transition: all linear 0.5s;
}

.sf-com-card-basic.type-4:hover .sf-com-motional-image .image-replacer,
.sf-com-card-basic.type-4:focus .sf-com-motional-image .image-replacer,
.sf-com-card-basic.type-4:active .sf-com-motional-image .image-replacer {
    opacity: 0.5;
}

.sf-com-card-basic.type-4:hover .sf-com-motional-image::after,
.sf-com-card-basic.type-4:focus .sf-com-motional-image::after,
.sf-com-card-basic.type-4:active .sf-com-motional-image::after {
    border-left-color: #22AC16;
    transform: rotate(360deg);
}

.sf-com-card-basic.type-5 {
    color: #454545;
    display: block;
    border-radius: 5px;
    margin-bottom: 50px;
    overflow: hidden;
    text-decoration: none;
}

.sf-com-card-basic.type-5 .content .basic-card .card-heading {
    padding: 3em 1.5em;
}

.sf-com-card-basic.type-5 .content .basic-card .card-heading .title {
    color: #000000;
    font-size: 1.5em;
    font-weight: 400;
    position: relative;
    padding-bottom: 1.2em;
}

.sf-com-card-basic.type-5 .content .basic-card .card-heading .title::before,
.sf-com-card-basic.type-5 .content .basic-card .card-heading .title::after {
    background-color: #f1f1f1;
    content: " ";
    display: block;
    height: 4px;
    width: 4em;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all linear 0.3s;
}

.sf-com-card-basic.type-5 .content .basic-card .card-heading .title::after {
    z-index: 5;
    background-color: #03407E;
    width: 0;
}

.sf-com-card-basic.type-5 .content .basic-card .card-body {
    padding-bottom: 3em;
}

.sf-com-card-basic.type-5:hover .content .card-heading .title::before,
.sf-com-card-basic.type-5:active .content .card-heading .title::before {
    width: 0;
}

.sf-com-card-basic.type-5:hover .content .card-heading .title::after,
.sf-com-card-basic.type-5:active .content .card-heading .title::after {
    width: 4em;
}

.sf-com-card-basic.type-6 {
    border-bottom: 6px solid #c7d0db;
}

.sf-com-card-basic.type-6 .content .basic-card .card-heading {
    padding: 3em 1.5em;
}

.sf-com-card-basic.type-6 .content .basic-card .card-heading .title {
    color: #000000;
    font-size: 1.5em;
    font-weight: 400;
    position: relative;
    padding-bottom: 0.8em;
}

.sf-com-card-basic.type-6 .content .basic-card .card-heading .title::after {
    background-color: #03407E;
    content: " ";
    display: block;
    height: 4px;
    width: 2em;
    position: absolute;
    bottom: 0;
    left: 0;
}

.sf-com-card-basic.type-6 .content .basic-card .card-body {
    padding-bottom: 3em;
}

.sf-com-card-basic.type-7 {
    padding-bottom: 0;
    margin-bottom: 30px;
}

.sf-com-card-basic.type-7 .content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.sf-com-card-basic.type-7 .content .sf-com-motional-image {
    width: 50%;
    height: auto;
    flex-shrink: 0;
}

.sf-com-card-basic.type-7 .content .basic-card {
    padding: 20px 30px;
}

.sf-com-card-basic.type-7 .content .basic-card .card-heading .title {
    font-weight: 400;
}

.sf-com-card-basic.type-7 .content .basic-card .card-body p {
    height: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.sf-com-card-basic.type-7 .content .basic-card .card-footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.sf-com-card-basic.type-7 .content .basic-card .card-footer .sf-go-button {
    color: #669ACC;
    transition: all linear 0.3s;
}

.sf-com-card-basic.type-7 .content .basic-card .card-footer .sf-go-button .icon {
    background-color: #FFFFFF;
    color: #669ACC;
    border: 2px solid #669ACC;
    width: 3.5em;
    height: 3.5em;
    transition: all linear 0.3s;
}

.sf-com-card-basic.type-7 .content .basic-card .card-footer .sf-go-button:hover .icon,
.sf-com-card-basic.type-7 .content .basic-card .card-footer .sf-go-button:focus .icon,
.sf-com-card-basic.type-7 .content .basic-card .card-footer .sf-go-button:active .icon {
    background-color: #669ACC;
    color: #FFFFFF;
    margin-left: 1.6em;
}

.sf-com-card-basic.type-8 {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.sf-com-card-basic.type-8::after {
    content: " ";
    display: block;
    position: absolute;
    height: 8px;
    width: 0;
    background-color: #F4FF81;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -6px;
    transition: all ease-out 0.15s;
}

.sf-com-card-basic.type-8 .content {
    position: relative;
}

.sf-com-card-basic.type-8 .content .tag {
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    top: 15px;
    left: 20px;
    line-height: 1;
    padding: 5px 10px;
    z-index: 10;
}

.sf-com-card-basic.type-8 .content .tag::before {
    content: " ";
    display: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: -1em;
    top: 50%;
    margin-top: -5px;
}

.sf-com-card-basic.type-8 .content .tag.tag-1 {
    background-color: #03407E;
}

.sf-com-card-basic.type-8 .content .tag.tag-1::before {
    background-color: #198B44;
}

.sf-com-card-basic.type-8 .content .tag.tag-2 {
    background-color: #E6A121;
}

.sf-com-card-basic.type-8 .content .tag.tag-2::before {
    background-color: #E6A121;
}

.sf-com-card-basic.type-8 .content .sf-com-motional-image {
    height: 200px;
}

.sf-com-card-basic.type-8 .content .basic-card .card-heading {
    padding: 3em 1.5em;
}

.sf-com-card-basic.type-8 .content .basic-card .card-heading .title {
    color: #000000;
    font-size: 1.5em;
    font-weight: 400;
    position: relative;
    padding-bottom: 0.8em;
}

.sf-com-card-basic.type-8 .content .basic-card .card-heading .title::after {
    background-color: #03407E;
    content: " ";
    display: block;
    height: 4px;
    width: 2em;
    position: absolute;
    bottom: 0;
    left: 0;
}

.sf-com-card-basic.type-8 .content .basic-card .card-body {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    color: #454545;
}

.sf-com-card-basic.type-8 .content .basic-card .card-body a:hover,
.sf-com-card-basic.type-8 .content .basic-card .card-body a:focus,
.sf-com-card-basic.type-8 .content .basic-card .card-body a:active {
    text-decoration: none;
}

.sf-com-card-basic.type-8 .content .basic-card .card-body .date {
    border-radius: 5px;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 2.5;
    text-align: center;
    width: 70px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: auto;
    overflow: hidden;
}

.sf-com-card-basic.type-8 .content .basic-card .card-body .date .dm {
    background-color: #03407E;
    color: #FFFFFF;
    font-weight: 600;
}

.sf-com-card-basic.type-8 .content .basic-card .card-body .date .year {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    color: #999999;
    font-weight: 600;
}

.sf-com-card-basic.type-8 .content .basic-card .card-body .intro {
    display: block;
    color: #454545;
    padding-left: 20px;
}

.sf-com-card-basic.type-8 .content .basic-card .card-body .intro .title,
.sf-com-card-basic.type-8 .content .basic-card .card-body .intro h1,
.sf-com-card-basic.type-8 .content .basic-card .card-body .intro h2,
.sf-com-card-basic.type-8 .content .basic-card .card-body .intro h3,
.sf-com-card-basic.type-8 .content .basic-card .card-body .intro h4,
.sf-com-card-basic.type-8 .content .basic-card .card-body .intro h5,
.sf-com-card-basic.type-8 .content .basic-card .card-body .intro h6 {
    font-size: 1em;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.sf-com-card-basic.type-8 .content .basic-card .card-body .intro .detail {
    color: #888888;
    font-size: 0.9em;
    margin-top: 10px;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .link {
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 40px;
    background-color: #669ACC;
    color: #FFFFFF;
    display: flex;
    padding-left: 1em;
    padding-right: 1em;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 600;
    height: 45px;
    line-height: 1;
    min-width: 12em;
    text-decoration: none;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .link:hover,
.sf-com-card-basic.type-8 .content .basic-card .card-footer .link:focus,
.sf-com-card-basic.type-8 .content .basic-card .card-footer .link:active {
    text-decoration: none;
    background-color: #669ACC;
    color: #FFFFFF;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .link.type-2 {
    background-color: #C0C0C0;
    color: #454545;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container {
    color: #FFFFFF;
    margin-left: 20px;
    position: relative;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container .share-btn {
    border: 1px solid rgba(0, 0, 0, 0.06);
    color: #03407E;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    line-height: 1;
    transition: all linear 0.3s;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container .share-btn:hover,
.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container .share-btn:focus,
.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container .share-btn:active {
    text-decoration: none;
    background-color: #03407E;
    color: #FFFFFF;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container .share-box {
    min-width: 200px;
    left: auto;
    right: 0;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container .share-box::before,
.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container .share-box::after {
    left: auto;
    right: 20px;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container .share-box .sf-com-teaser-social-share {
    margin: 0;
    padding: 0;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container .share-box .sf-com-teaser-social-share .sf-com-social-icons .content .icon-list .list-item .link {
    border-radius: 50%;
    height: auto;
    padding: 3px;
    min-width: 10px;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container:hover {
    cursor: pointer;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container:hover .share-box {
    display: block;
}

.sf-com-card-basic.type-8:hover::after,
.sf-com-card-basic.type-8:focus::after,
.sf-com-card-basic.type-8:active::after {
    background-color: #03407E;
    width: 100%;
}

.sf-com-card-basic.type-9:hover,
.sf-com-card-basic.type-9:focus,
.sf-com-card-basic.type-9:active {
    box-shadow: none;
}

.sf-com-card-basic.type-9 .basic-card .card-footer {
    display: flex;
    justify-content: flex-start;
}

.sf-com-card-basic.type-9 .basic-card .card-footer .sf-go-button {
    color: #03407E;
    background: rgba(0, 128, 0, 0.1);
    border-radius: 20px;
    padding: 0 0 0 15px;
    border: 1px solid rgba(13, 157, 13, 0.35);
}

@media screen and (max-width: 1024px) {
    .sf-com-card-basic .content .sf-com-motional-image {
        height: 200px;
    }
    .sf-com-card-basic .content .basic-card {
        font-size: 14px;
    }
    .sf-com-card-basic .content .basic-card .card-heading .title {
        font-size: 20px;
    }
    .sf-com-card-basic.type-2>.content .sf-com-motional-image {
        height: 240px;
    }
    .sf-com-card-basic.type-3.type-3-1 .content .sf-com-video-box {
        flex-shrink: 0;
        width: 100%;
    }
    .sf-com-card-basic.type-3.type-3-1 .content .sf-com-video-box .sf-com-motional-image {
        width: 100%;
    }
    .sf-com-card-basic.type-5 {
        margin-bottom: 20px;
    }
    .sf-com-card-basic.type-5 .content .basic-card .card-heading {
        padding: 2em 1.5em;
    }
    .sf-com-card-basic.type-5 .content .basic-card .card-body {
        padding-bottom: 2em;
    }
    .sf-com-card-basic.type-7 {
        margin-bottom: 20px;
    }
    .sf-com-card-basic.type-7 .content {
        flex-direction: column;
    }
    .sf-com-card-basic.type-7 .content .sf-com-motional-image {
        height: 200px;
        width: 100%;
    }
    .sf-com-card-basic.type-7 .content .basic-card {
        padding: 0;
    }
    .sf-com-card-basic.type-7 .content .basic-card .card-heading {
        font-size: 1.2em;
    }
    .sf-com-card-basic.type-7 .content .basic-card .card-body p {
        height: auto;
        overflow: unset;
        text-overflow: unset;
        display: unset;
        -webkit-line-clamp: unset;
        -webkit-box-orient: unset;
    }
    .sf-com-card-basic.type-7 .content .basic-card .card-footer .sf-go-button .icon {
        width: 2.5em;
        height: 2.5em;
    }
    .sf-com-card-basic.type-7 .content .basic-card .card-footer .sf-go-button .icon span {
        font-size: 1.2em;
    }
    .sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container:hover .share-box,
    .sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container:focus .share-box,
    .sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container:active .share-box {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
        display: block;
        position: absolute;
        top: 30px;
    }
    .sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container .share-box {
        display: none;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-card-list {
    padding: 90px 0;
}

.sf-com-card-list>.sf-container>.content,
.sf-com-card-list>.content {
    position: relative;
    z-index: 10;
}

.sf-com-card-list .auto-fit-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.sf-com-card-list .auto-fit-list .list-item {
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    flex-basis: 0;
    flex-grow: 1;
}

.sf-com-card-list .auto-fit-list .list-item:first-child {
    margin-left: 0;
}

.sf-com-card-list .auto-fit-list .list-item:last-child {
    margin-right: 0;
}

.sf-com-card-list.color-series .content .row>div:nth-child(2n) .sf-com-card-basic::after,
.sf-com-card-list.color-series .content .row>div:nth-child(2n) .sf-com-teaser-type-43::after {
    background-color: #043564;
}

.sf-com-card-list.color-series .content .row>div:nth-child(2n - 1) .sf-com-card-basic::after,
.sf-com-card-list.color-series .content .row>div:nth-child(2n - 1) .sf-com-teaser-type-43::after {
    background-color: #03407E;
}

.sf-com-card-list.video-center-list .sf-com-card-basic {
    margin-bottom: 60px;
    min-height: 95%;
}

.sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .sf-com-motional-image {
    height: 260px;
}

.sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-heading,
.sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-body,
.sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-footer {
    padding: 1em;
}

.sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-heading+.card-body {
    padding-top: 0;
}

.sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-heading .title {
    font-size: 24px;
    font-weight: 400;
}

.sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-body {
    font-size: 18px;
    overflow: hidden;
}

.sf-com-card-list.video-center-list .vc-load-more {
    padding: 25px 0;
    background: #ffffff;
    text-align: center;
}

.sf-com-card-list.video-center-list .vc-load-more .link {
    text-decoration: none;
    color: #03407E;
    font-size: 18px;
}

.sf-com-card-list.video-center-list .vc-load-more .link:hover {
    color: #043564;
}

@media screen and (max-width: 1024px) {
    .sf-com-card-list {
        padding: 40px 20px;
    }
    .sf-com-card-list .auto-fit-list {
        flex-direction: column;
        justify-content: flex-start;
    }
    .sf-com-card-list .auto-fit-list .list-item {
        margin: 0 0 0 0;
    }
    .sf-com-card-list.video-center-list .sf-com-card-basic {
        margin-bottom: 30px;
    }
    .sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .sf-com-motional-image {
        height: 190px;
    }
    .sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-heading,
    .sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-body,
    .sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-footer {
        padding: 1em;
    }
    .sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-heading+.card-body {
        padding-top: 0;
    }
    .sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-heading .title {
        font-size: 24px;
        font-weight: 400;
    }
    .sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-body {
        font-size: 18px;
    }
    .sf-com-card-list.video-center-list.video-center-list .sf-com-card-basic {
        margin-bottom: 60px;
    }
    .sf-com-card-list.video-center-list.video-center-list .sf-com-card-basic.type-4 .content .sf-com-motional-image {
        height: 260px;
    }
    .sf-com-card-list.video-center-list.video-center-list .sf-com-card-basic.type-4 .content .card-heading,
    .sf-com-card-list.video-center-list.video-center-list .sf-com-card-basic.type-4 .content .card-body,
    .sf-com-card-list.video-center-list.video-center-list .sf-com-card-basic.type-4 .content .card-footer {
        padding: 1em;
    }
    .sf-com-card-list.video-center-list.video-center-list .sf-com-card-basic.type-4 .content .card-heading+.card-body {
        padding-top: 0;
    }
    .sf-com-card-list.video-center-list.video-center-list .sf-com-card-basic.type-4 .content .card-heading .title {
        font-size: 24px;
        font-weight: 400;
    }
    .sf-com-card-list.video-center-list.video-center-list .sf-com-card-basic.type-4 .content .card-body {
        font-size: 18px;
    }
    .sf-com-card-list.video-center-list.video-center-list .vc-load-more {
        padding: 20px 0;
    }
    .sf-com-card-list.video-center-list.video-center-list .vc-load-more .link {
        font-size: 16px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-card-feature {
    background-color: #FFFFFF;
    margin-bottom: 15px;
}

.sf-com-card-feature .content .sf-com-motional-image {
    height: 300px;
}

.sf-com-card-feature .content .com-card .card-heading {
    background-color: #eff2f7;
    font-size: 22px;
    padding: 25px 40px;
}

.sf-com-card-feature .content .com-card .card-heading .title {
    font-size: 1em;
    font-weight: 400;
    margin: 0;
}

.sf-com-card-feature .content .com-card .card-body {
    font-weight: 200;
    line-height: 1.7;
    padding: 20px 40px 50px 40px;
}

.sf-com-card-feature .content .com-card .card-body .intro {
    height: auto;
    overflow: hidden;
}

.sf-com-card-feature .content .com-card .card-body p {
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-card-feature .content .sf-com-motional-image {
        height: 200px;
    }
    .sf-com-card-feature .content .com-card .card-heading {
        font-size: 16px;
        padding: 15px 20px;
    }
    .sf-com-card-feature .content .com-card .card-body {
        font-size: 14px;
        padding: 15px 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-card-billboard {
    color: #454545;
    display: block;
    text-decoration: none;
    margin-bottom: 20px;
}

.sf-com-card-billboard:hover,
.sf-com-card-billboard:focus,
.sf-com-card-billboard:active {
    text-decoration: none;
}

.sf-com-card-billboard .content {
    color: #FFFFFF;
    height: 800px;
    overflow: hidden;
    position: relative;
    transition: all linear 0.3s;
}

.sf-com-card-billboard .content .sf-com-motional-image.effect-background::before {
    transition-duration: 0.9s;
}

.sf-com-card-billboard .content .com-card {
    height: 100%;
    position: relative;
    z-index: 10;
}

.sf-com-card-billboard .content .com-card .card-heading,
.sf-com-card-billboard .content .com-card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 30px 60px;
    transition: all linear 0.6s;
}

.sf-com-card-billboard .content .com-card .card-heading {
    flex-shrink: 0;
    height: 100%;
}

.sf-com-card-billboard .content .com-card .card-heading .card-icon img {
    display: block;
    height: 70px;
    transition: all linear 1.2s;
}

.sf-com-card-billboard .content .com-card .card-heading .card-title {
    font-size: 36px;
    padding: 1em 0 2em 0;
    position: relative;
}

.sf-com-card-billboard .content .com-card .card-heading .card-title::after {
    background-color: #03407E;
    content: " ";
    display: block;
    position: absolute;
    height: 6px;
    width: 50%;
    left: 0;
    bottom: 0;
}

.sf-com-card-billboard .content .com-card .card-heading .card-title .title {
    font-size: 1em;
    font-weight: 400;
    margin: 0;
}

.sf-com-card-billboard .content .com-card .card-heading .card-title .sub-title {
    font-size: 0.6em;
    font-weight: 200;
    margin: 0.5em 0 0 0;
}

.sf-com-card-billboard .content .com-card .card-body {
    justify-content: flex-start;
    opacity: 0;
}

.sf-com-card-billboard .content .com-card .card-body .intro-heading {
    font-size: 22px;
}

.sf-com-card-billboard .content .com-card .card-body .intro-heading .title {
    font-size: 1em;
    font-weight: 400;
    margin: 0;
}

.sf-com-card-billboard .content .com-card .card-body .intro-body {
    font-weight: 200;
    line-height: 1.5;
    margin-top: 1em;
}

.sf-com-card-billboard .content .com-card .card-body .intro-body p {
    margin: 0;
}

.sf-com-card-billboard .content:hover,
.sf-com-card-billboard .content:focus,
.sf-com-card-billboard .content:active {
    color: #454545;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.25);
    text-decoration: none;
}

.sf-com-card-billboard .content:hover .sf-com-motional-image.effect-background::before,
.sf-com-card-billboard .content:focus .sf-com-motional-image.effect-background::before,
.sf-com-card-billboard .content:active .sf-com-motional-image.effect-background::before {
    background-color: rgba(255, 255, 255, 0.85);
}

.sf-com-card-billboard .content:hover .com-card .card-heading,
.sf-com-card-billboard .content:hover .com-card .card-body,
.sf-com-card-billboard .content:focus .com-card .card-heading,
.sf-com-card-billboard .content:focus .com-card .card-body,
.sf-com-card-billboard .content:active .com-card .card-heading,
.sf-com-card-billboard .content:active .com-card .card-body {
    color: #454545;
    height: 50%;
}

.sf-com-card-billboard .content:hover .com-card .card-heading,
.sf-com-card-billboard .content:focus .com-card .card-heading,
.sf-com-card-billboard .content:active .com-card .card-heading {
    color: #000000;
}

.sf-com-card-billboard .content:hover .com-card .card-heading .card-icon img,
.sf-com-card-billboard .content:focus .com-card .card-heading .card-icon img,
.sf-com-card-billboard .content:active .com-card .card-heading .card-icon img {
    filter: none;
}

.sf-com-card-billboard .content:hover .com-card .card-body,
.sf-com-card-billboard .content:focus .com-card .card-body,
.sf-com-card-billboard .content:active .com-card .card-body {
    opacity: 1;
}

@media screen and (max-width: 1024px) {
    .sf-com-card-billboard .content {
        height: 450px;
    }
    .sf-com-card-billboard .content .com-card .card-heading,
    .sf-com-card-billboard .content .com-card .card-body {
        padding: 20px 30px;
    }
    .sf-com-card-billboard .content .com-card .card-heading .card-icon img {
        height: 40px;
    }
    .sf-com-card-billboard .content .com-card .card-heading .card-title {
        font-size: 24px;
        padding: 0.7em 0 1.2em 0;
    }
    .sf-com-card-billboard .content .com-card .card-body .intro-heading {
        font-size: 18px;
    }
    .sf-com-card-billboard .content .com-card .card-body .intro-body {
        font-size: 14px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-card-intro {
    padding: 90px 0;
}

.sf-com-card-intro .content {
    position: relative;
    padding: 40px 0;
}

.sf-com-card-intro .content .sf-com-video-box {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
}

.sf-com-card-intro .content .sf-com-video-box .content {
    height: 100%;
}

.sf-com-card-intro .content .com-card {
    background-color: #FFFFFF;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
    position: relative;
    padding: 70px;
    width: 55%;
    z-index: 20;
}

.sf-com-card-intro .content .com-card::after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(to right, #6fab2a 0%, #6fab2a 50%, #689bca 50.1%, #689bca 100%);
}

.sf-com-card-intro .content .com-card .card-heading .card-icon {
    margin-bottom: 40px;
}

.sf-com-card-intro .content .com-card .card-heading .card-icon img {
    display: block;
    height: 45px;
}

.sf-com-card-intro .content .com-card .card-body {
    font-weight: 200;
    line-height: 1.7;
}

.sf-com-card-intro .content .com-card .card-body p {
    margin: 0;
}

.sf-com-card-intro.type-2 .content .sf-com-video-box {
    display: block;
    font-size: 40px;
    left: 0;
    right: auto;
    z-index: 20;
}

.sf-com-card-intro.type-2 .content .com-card {
    margin-left: 50%;
    width: 50%;
    z-index: 10;
}

.sf-com-card-intro.type-2 .content .com-card::after {
    display: none;
}

@media screen and (max-width: 1024px) {
    .sf-com-card-intro {
        padding: 40px 20px;
    }
    .sf-com-card-intro .content {
        padding: 0;
    }
    .sf-com-card-intro .content .sf-com-video-box,
    .sf-com-card-intro .content .com-card {
        min-height: 200px;
        position: relative;
        width: 100%;
    }
    .sf-com-card-intro .content .com-card {
        padding: 30px 20px;
    }
    .sf-com-card-intro .content .com-card .card-heading .card-icon {
        margin-bottom: 20px;
    }
    .sf-com-card-intro.type-2 .content .com-card {
        margin: 0;
        width: 100%;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-card-slogan {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    display: block;
    margin-bottom: 20px;
}

.sf-com-card-slogan .content {
    padding: 20px;
    position: relative;
}

.sf-com-card-slogan .content .sf-com-motional-image::before {
    background-color: rgba(11, 45, 87, 0.85);
}

.sf-com-card-slogan .content .com-card {
    height: 260px;
    position: relative;
    z-index: 30;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sf-com-card-slogan .content .com-card .card-heading {
    font-size: 32px;
}

.sf-com-card-slogan .content .com-card .card-heading .title,
.sf-com-card-slogan .content .com-card .card-heading .sub-title {
    margin: 0;
    text-align: center;
}

.sf-com-card-slogan .content .com-card .card-heading .title {
    font-size: 1em;
    font-weight: 200;
}

.sf-com-card-slogan .content .com-card .card-heading .sub-title {
    font-size: 0.81em;
    font-weight: 200;
    margin-bottom: 15px;
}

.sf-com-card-slogan:hover,
.sf-com-card-slogan:focus,
.sf-com-card-slogan:active {
    color: #FFFFFF;
    text-decoration: none;
}

@media screen and (max-width: 1024px) {
    .sf-com-card-slogan .content .com-card {
        height: 140px;
    }
    .sf-com-card-slogan .content .com-card .card-heading {
        font-size: 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-card-ad {
    background-color: #FFFFFF;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
    color: #454545;
    display: block;
    margin-bottom: 20px;
    text-decoration: none;
}

.sf-com-card-ad:hover,
.sf-com-card-ad:focus,
.sf-com-card-ad:active {
    text-decoration: none;
}

.sf-com-card-ad .content {
    height: 600px;
    max-height: 65vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sf-com-card-ad .content .com-card {
    width: 100%;
}

.sf-com-card-ad .content .com-card .card-heading .card-icon {
    padding: 0 0 80px 0;
    position: relative;
}

.sf-com-card-ad .content .com-card .card-heading .card-icon::after {
    background-color: #03407E;
    content: " ";
    display: block;
    height: 6px;
    width: 30%;
    left: 50%;
    bottom: 0;
    margin-left: -15%;
    position: absolute;
}

.sf-com-card-ad .content .com-card .card-heading .card-icon img {
    display: block;
    max-height: 190px;
    max-width: 90%;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    .sf-com-card-ad .content {
        height: 300px;
    }
    .sf-com-card-ad .content .com-card .card-heading .card-icon {
        padding-bottom: 40px;
    }
    .sf-com-card-ad .content .com-card .card-heading .card-icon::after {
        height: 3px;
    }
    .sf-com-card-ad .content .com-card .card-heading .card-icon img {
        height: 120px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-card-number {
    color: #454545;
    display: block;
    text-decoration: none;
    margin-bottom: 20px;
}

.sf-com-card-number:hover,
.sf-com-card-number:focus,
.sf-com-card-number:active {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
    color: #454545;
    text-decoration: none;
}

.sf-com-card-number:hover .content .sf-com-motional-image::before,
.sf-com-card-number:focus .content .sf-com-motional-image::before,
.sf-com-card-number:active .content .sf-com-motional-image::before {
    background-color: rgba(0, 0, 0, 0);
}

.sf-com-card-number .content {
    height: 300px;
    position: relative;
}

.sf-com-card-number .content .com-card {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 10;
}

.sf-com-card-number .content .com-card .card-heading {
    font-size: 22px;
    background-color: #d6d9e5;
    height: 45%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 35px 35px 35px 10px;
}

.sf-com-card-number .content .com-card .card-heading .number {
    color: #669ACC;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    vertical-align: bottom;
    transform: scaleX(0.6);
}

.sf-com-card-number .content .com-card .card-heading .number .n,
.sf-com-card-number .content .com-card .card-heading .number .u {
    display: inline;
    line-height: 1;
}

.sf-com-card-number .content .com-card .card-heading .number .n {
    font-size: 3.5em;
    font-weight: 600;
    margin-right: 20px;
}

.sf-com-card-number .content .com-card .card-heading .number .u {
    font-size: 2em;
    margin-bottom: 0.2em;
}

.sf-com-card-number .content .com-card .card-heading .type {
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .sf-com-card-number .content {
        height: 200px;
    }
    .sf-com-card-number .content .com-card .card-heading {
        font-size: 18px;
        padding: 15px 15px 15px 5px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-card-info {
    background-color: #FFFFFF;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
    color: #454545;
    display: block;
    margin-bottom: 20px;
    text-decoration: none;
}

.sf-com-card-info .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 420px;
}

.sf-com-card-info .content .com-card {
    max-width: 100%;
}

.sf-com-card-info .content .com-card .card-heading,
.sf-com-card-info .content .com-card .card-body,
.sf-com-card-info .content .com-card .card-footer {
    padding: 20px 30px;
}

.sf-com-card-info .content .com-card .card-heading {
    text-align: center;
    position: relative;
}

.sf-com-card-info .content .com-card .card-heading::after {
    background-color: #03407E;
    content: " ";
    display: block;
    height: 6px;
    width: 2em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all linear 0.3s;
}

.sf-com-card-info .content .com-card .card-heading .title {
    font-size: 22px;
    font-weight: 400;
    margin: 0;
}

.sf-com-card-info .content .com-card .card-heading .number {
    color: #669ACC;
    font-size: 46px;
    font-weight: 600;
}

.sf-com-card-info .content .com-card .card-body {
    line-height: 2;
    font-weight: 200;
}

.sf-com-card-info .content .com-card .card-body p {
    margin: 0;
}

.sf-com-card-info:hover,
.sf-com-card-info:focus,
.sf-com-card-info:active {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
    color: #454545;
    text-decoration: none;
}

.sf-com-card-info:hover .content .com-card .card-heading::after,
.sf-com-card-info:focus .content .com-card .card-heading::after,
.sf-com-card-info:active .content .com-card .card-heading::after {
    width: 60%;
}

@media screen and (max-width: 1024px) {
    .sf-com-card-info .content {
        height: 320px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-card-expo {
    background-color: #FFFFFF;
    border-bottom: 6px solid #d6d9e5;
    margin-bottom: 20px;
}

.sf-com-card-expo .content {
    position: relative;
}

.sf-com-card-expo .content .sf-com-motional-image::before {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.25) 30%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.25) 80%, rgba(0, 0, 0, 0.3) 100%);
}

.sf-com-card-expo .content .card-heading {
    color: #FFFFFF;
    font-size: 36px;
    position: relative;
    padding: 30px 40px;
    padding-top: 60%;
}

.sf-com-card-expo .content .card-heading .title {
    font-size: 1em;
    font-weight: 200;
    line-height: 2;
    margin: 0;
    position: absolute;
    left: 40px;
    bottom: 30px;
    z-index: 30;
}

.sf-com-card-expo .content .card-body {
    padding: 40px;
}

.sf-com-card-expo .content .card-body .text-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sf-com-card-expo .content .card-body .text-list ul li {
    font-weight: 200;
    line-height: 2;
}

@media screen and (max-width: 1024px) {
    .sf-com-card-expo .content .card-heading {
        font-size: 24px;
    }
    .sf-com-card-expo .content .card-heading .title {
        left: 20px;
        bottom: 30px;
    }
    .sf-com-card-expo .content .card-body {
        padding: 30px 20px;
        font-size: 14px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-card-article {
    height: 100%;
}

.sf-com-card-article .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
}

.sf-com-card-article .content .icon {
    padding-bottom: 30px;
}

.sf-com-card-article .content .icon img {
    display: block;
    height: 45px;
}

.sf-com-card-article .content p {
    font-weight: 200;
    line-height: 1.8;
    margin-bottom: 30px;
}

.sf-com-card-article.type-2 {
    background-color: #FFFFFF;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}

.sf-com-card-article.type-2 .content {
    padding: 50px 10%;
}

.sf-com-card-article.type-2 .content .icon {
    margin-bottom: 40px;
    padding-bottom: 40px;
    position: relative;
}

.sf-com-card-article.type-2 .content .icon::after {
    background-color: #03407E;
    content: " ";
    display: block;
    height: 4px;
    width: 4em;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all linear 0.3s;
}

.sf-com-card-article.type-2 .content .icon img {
    max-height: 60px;
    height: auto;
}

.sf-com-card-article.type-2 .content .icon:hover::after,
.sf-com-card-article.type-2 .content .icon:focus::after,
.sf-com-card-article.type-2 .content .icon:active::after {
    width: 100%;
}

.sf-com-card-article.type-2 .content p {
    margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
    .sf-com-card-article {
        margin: 0 20px;
    }
    .sf-com-card-article.type-2 .content {
        padding: 30px 20px;
    }
    .sf-com-card-article.type-2 .content .icon {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .sf-com-card-article.type-2 .content .icon img {
        max-height: 40px;
    }
    .sf-com-card-article.type-2 .content p {
        margin-bottom: 15px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-card-navi {
    color: #454545;
    display: block;
    margin-bottom: 30px;
}

.sf-com-card-navi .content {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
}

.sf-com-card-navi .content .card-heading,
.sf-com-card-navi .content .card-body,
.sf-com-card-navi .content .card-footer {
    width: 100%;
}

.sf-com-card-navi .content .card-heading {
    font-size: 18px;
    padding: 10px 0;
}

.sf-com-card-navi .content .card-heading .title {
    font-size: 1em;
    margin: 0;
}

.sf-com-card-navi .content .card-body {
    height: 160px;
}

.sf-com-card-navi .content .card-footer {
    font-size: 14px;
    padding: 10px 0;
}

.sf-com-card-navi .content .card-footer p {
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-card-navi {
        margin-bottom: 15px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-info-board .content {
    font-size: 18px;
}

.sf-com-info-board .content .com-info-wrapper {
    padding: 70px 20px 200px 20px;
}

.sf-com-info-board .content .com-info-wrapper .info-list {
    text-align: center;
    width: 100%;
}

.sf-com-info-board .content .com-info-wrapper .info-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.sf-com-info-board .content .com-info-wrapper .info-list ul li {
    line-height: 1.7;
}

.sf-com-info-board .content .com-card-wrapper {
    position: relative;
}

.sf-com-info-board .content .com-card {
    background-color: #FFFFFF;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    top: -120px;
    z-index: 20;
}

.sf-com-info-board .content .com-card .card-heading,
.sf-com-info-board .content .com-card .card-body {
    max-width: 880px;
    margin: 0 auto;
    width: 70%;
}

.sf-com-info-board .content .com-card .card-heading {
    border-bottom: 2px solid #03407E;
    font-size: 22px;
    text-align: center;
    padding: 1.5em 0;
}

.sf-com-info-board .content .com-card .card-heading .title {
    margin: 0;
    font-size: 1em;
    font-weight: 400;
}

.sf-com-info-board .content .com-card .card-body {
    font-size: 16px;
    font-weight: 200;
    padding: 2em 0;
}

.sf-com-info-board .content .com-card .card-body .corp-list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sf-com-info-board .content .com-card .card-body .corp-list ul li {
    line-height: 1.7;
    padding-left: 30px;
    position: relative;
    width: 50%;
}

.sf-com-info-board .content .com-card .card-body .corp-list ul li::before {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0.35em;
    left: 0;
    background-image: url(../images/icon.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.sf-com-info-board .content .com-card .card-body .corp-list ul.center-layout {
    justify-content: center;
}

.sf-com-info-board .content .com-card .card-body .corp-list ul.center-layout li {
    width: 70%;
}

@media screen and (max-width: 1024px) {
    .sf-com-info-board .content {
        font-size: 16px;
    }
    .sf-com-info-board .content .com-card-wrapper {
        padding: 0 20px;
    }
    .sf-com-info-board .content .com-card .card-heading,
    .sf-com-info-board .content .com-card .card-body {
        width: 80%;
    }
    .sf-com-info-board .content .com-card .card-body {
        font-size: 14px;
    }
    .sf-com-info-board .content .com-card .card-body .corp-list ul li {
        width: 100%;
    }
    .sf-com-info-board .content .com-card .card-body .corp-list ul.center-layout li {
        width: 100%;
    }
}

.pin-top {
    position: relative;
}

.pin-bottom {
    position: relative;
}

.pinned {
    position: fixed !important;
    z-index: 500;
}

html,
body,
#p1,
#p0,
#p3 {
    height: 100%;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-map-image {
    background: linear-gradient(to bottom, #546d84 0%, #546d84 15%, #6786a2 60%, #6786a2 100%);
    color: #FFFFFF;
    padding-bottom: 50px;
    padding-top: 150px;
}

.sf-com-map-image .content .map-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

.sf-com-map-image .content .map-wrapper .map-image,
.sf-com-map-image .content .map-wrapper .map-image-static {
    width: 100%;
    position: relative;
}

.sf-com-map-image .content .map-wrapper .map-image img,
.sf-com-map-image .content .map-wrapper .map-image-static img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.sf-com-map-image .content .map-wrapper .map-image .location,
.sf-com-map-image .content .map-wrapper .map-image-static .location {
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    position: absolute;
    padding-left: 1em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.sf-com-map-image .content .map-wrapper .map-image .location::before,
.sf-com-map-image .content .map-wrapper .map-image-static .location::before {
    content: " ";
    display: block;
    height: 8px;
    width: 8px;
    background-color: #03407E;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7);
    transition: all linear 0.3s;
}

.sf-com-map-image .content .map-wrapper .map-image .location:hover,
.sf-com-map-image .content .map-wrapper .map-image .location:focus,
.sf-com-map-image .content .map-wrapper .map-image .location:active,
.sf-com-map-image .content .map-wrapper .map-image-static .location:hover,
.sf-com-map-image .content .map-wrapper .map-image-static .location:focus,
.sf-com-map-image .content .map-wrapper .map-image-static .location:active {
    z-index: 90;
    text-decoration: none;
}

.sf-com-map-image .content .map-wrapper .map-image .location:hover::before,
.sf-com-map-image .content .map-wrapper .map-image .location:focus::before,
.sf-com-map-image .content .map-wrapper .map-image .location:active::before,
.sf-com-map-image .content .map-wrapper .map-image-static .location:hover::before,
.sf-com-map-image .content .map-wrapper .map-image-static .location:focus::before,
.sf-com-map-image .content .map-wrapper .map-image-static .location:active::before {
    background-color: #EC570E;
    box-shadow: 0 0 0 8px rgba(255, 215, 0, 0.4);
}

.sf-com-map-image .content .map-wrapper .map-image .location:hover .info-box,
.sf-com-map-image .content .map-wrapper .map-image .location:focus .info-box,
.sf-com-map-image .content .map-wrapper .map-image .location:active .info-box,
.sf-com-map-image .content .map-wrapper .map-image-static .location:hover .info-box,
.sf-com-map-image .content .map-wrapper .map-image-static .location:focus .info-box,
.sf-com-map-image .content .map-wrapper .map-image-static .location:active .info-box {
    height: auto;
    opacity: 1;
    overflow: visible;
}

.sf-com-map-image .content .map-wrapper .map-image .location:hover .info-box::after,
.sf-com-map-image .content .map-wrapper .map-image .location:focus .info-box::after,
.sf-com-map-image .content .map-wrapper .map-image .location:active .info-box::after,
.sf-com-map-image .content .map-wrapper .map-image-static .location:hover .info-box::after,
.sf-com-map-image .content .map-wrapper .map-image-static .location:focus .info-box::after,
.sf-com-map-image .content .map-wrapper .map-image-static .location:active .info-box::after {
    content: " ";
    display: block;
    height: 0;
    width: 0;
    border: 10px solid #03407E;
    border-bottom-width: 0;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    left: 93px;
    bottom: -10px;
}

.sf-com-map-image .content .map-wrapper .map-image .location .info-box,
.sf-com-map-image .content .map-wrapper .map-image-static .location .info-box {
    background-color: #03407E;
    color: #FFFFFF;
    font-size: 16px;
    position: absolute;
    left: 0;
    bottom: 140%;
    margin-left: -100px;
    width: 260px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 15px 15px;
    transition: all linear 0.2s;
}

.sf-com-map-image .content .map-wrapper .map-image .location .info-box .info-heading,
.sf-com-map-image .content .map-wrapper .map-image .location .info-box .info-body,
.sf-com-map-image .content .map-wrapper .map-image-static .location .info-box .info-heading,
.sf-com-map-image .content .map-wrapper .map-image-static .location .info-box .info-body {
    padding: 3px 0;
}

.sf-com-map-image .content .map-wrapper .map-image .location .info-box .info-heading,
.sf-com-map-image .content .map-wrapper .map-image-static .location .info-box .info-heading {
    background-color: transparent;
}

.sf-com-map-image .content .map-wrapper .map-image .location .info-box .info-body,
.sf-com-map-image .content .map-wrapper .map-image-static .location .info-box .info-body {
    color: rgba(255, 255, 255, 0.8);
}

.sf-com-map-image .content .map-wrapper .map-image .location .info-box .info-body p,
.sf-com-map-image .content .map-wrapper .map-image-static .location .info-box .info-body p {
    margin: 0;
}

.sf-com-map-image .content .map-wrapper .map-image .location .coordinates,
.sf-com-map-image .content .map-wrapper .map-image-static .location .coordinates {
    display: none;
}

.sf-com-map-image .content .map-wrapper .map-image-static {
    display: none;
}

@media screen and (max-width: 1024px) {
    .sf-com-map-image {
        height: auto;
    }
    .sf-com-map-image .content .map-wrapper .map-image {
        display: none;
    }
    .sf-com-map-image .content .map-wrapper .map-image-static {
        display: flex;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-simple-auto-scroll {
    background: linear-gradient(to bottom, #edf0f5 0%, #edf0f5 54%, #FFFFFF 54%, #FFFFFF 100%);
    padding: 90px 0;
}

.sf-com-simple-auto-scroll .content {
    position: relative;
}

.sf-com-simple-auto-scroll .content .nav {
    font-size: 10px;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.6);
    width: 60px;
    height: 60px;
    position: absolute;
    transition: all linear 0.3s;
    z-index: 20;
}

.sf-com-simple-auto-scroll .content .nav::before {
    content: " ";
    display: block;
    height: 1.5em;
    width: 1.5em;
    border: 2px solid rgba(0, 0, 0, 0.8);
    border-right: none;
    border-top: none;
    position: absolute;
    transition: all linear 0.3s;
}

.sf-com-simple-auto-scroll .content .nav.prev {
    left: 0;
}

.sf-com-simple-auto-scroll .content .nav.prev::before {
    transform: rotate(45deg);
    top: 50%;
    left: 50%;
    margin-top: -0.6em;
}

.sf-com-simple-auto-scroll .content .nav.next {
    right: 0;
}

.sf-com-simple-auto-scroll .content .nav.next::before {
    transform: rotate(-135deg);
    top: 50%;
    right: 50%;
    margin-top: -0.6em;
}

.sf-com-simple-auto-scroll .content .image-wrapper {
    overflow: hidden;
}

.sf-com-simple-auto-scroll .content .image-wrapper img {
    display: block;
}

@media screen and (max-width: 1024px) {
    .sf-com-simple-auto-scroll {
        padding: 40px 0;
    }
    .sf-com-simple-auto-scroll .content .image-wrapper img {
        max-height: 70vh;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-social-icons .content .icon-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.sf-com-social-icons .content .icon-list .list-item .link {
    background-color: #689bca;
    border-radius: 50%;
    height: 4em;
    width: 4em;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20%;
    position: relative;
    transition: all linear 0.3s;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover.print,
.sf-com-social-icons .content .icon-list .list-item .link:focus.print,
.sf-com-social-icons .content .icon-list .list-item .link:active.print {
    background-color: #78ba31;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover.mail,
.sf-com-social-icons .content .icon-list .list-item .link:focus.mail,
.sf-com-social-icons .content .icon-list .list-item .link:active.mail {
    background-color: #f4a536;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover.facebook,
.sf-com-social-icons .content .icon-list .list-item .link:focus.facebook,
.sf-com-social-icons .content .icon-list .list-item .link:active.facebook {
    background-color: #3a5a97;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover.twitter,
.sf-com-social-icons .content .icon-list .list-item .link:focus.twitter,
.sf-com-social-icons .content .icon-list .list-item .link:active.twitter {
    background-color: #59adeb;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover.linkedin,
.sf-com-social-icons .content .icon-list .list-item .link:focus.linkedin,
.sf-com-social-icons .content .icon-list .list-item .link:active.linkedin {
    background-color: #127bb5;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover.googleplus,
.sf-com-social-icons .content .icon-list .list-item .link:focus.googleplus,
.sf-com-social-icons .content .icon-list .list-item .link:active.googleplus {
    background-color: #cf4e44;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover.wechat,
.sf-com-social-icons .content .icon-list .list-item .link:focus.wechat,
.sf-com-social-icons .content .icon-list .list-item .link:active.wechat {
    background-color: #21aa3d;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover.wechatmoments,
.sf-com-social-icons .content .icon-list .list-item .link:focus.wechatmoments,
.sf-com-social-icons .content .icon-list .list-item .link:active.wechatmoments {
    background-color: #21aa3d;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover.weibo,
.sf-com-social-icons .content .icon-list .list-item .link:focus.weibo,
.sf-com-social-icons .content .icon-list .list-item .link:active.weibo {
    background-color: #d65652;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover.toutiao,
.sf-com-social-icons .content .icon-list .list-item .link:focus.toutiao,
.sf-com-social-icons .content .icon-list .list-item .link:active.toutiao {
    background-color: #d62119;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover .popover,
.sf-com-social-icons .content .icon-list .list-item .link:focus .popover,
.sf-com-social-icons .content .icon-list .list-item .link:active .popover {
    background-color: rgba(255, 255, 255, 0.6);
    border: 6px solid rgba(255, 255, 255, 0.85);
    width: 160px;
}

.sf-com-social-icons .content .icon-list .list-item .link img {
    display: block;
    width: 100%;
}

.sf-com-social-icons .content .icon-list .list-item .link .popover {
    position: absolute;
    height: 160px;
    overflow: hidden;
    width: 0;
    top: 110%;
    z-index: 20;
    transition: all linear 0.1s;
}

.sf-com-social-icons .content .icon-list .list-item .link .popover img {
    display: block;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1024px) {
    .sf-com-social-icons .content .icon-list .list-item {
        margin-bottom: 30px;
        width: 33.33%;
        text-align: center;
    }
    .sf-com-social-icons .content .icon-list .list-item .link {
        height: 5em;
        width: 5em;
        padding: 15px;
        margin: 0 auto;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-video-box .content {
    position: relative;
    min-height: 400px;
}

.sf-com-video-box .content .sf-com-motional-image,
.sf-com-video-box .content .video-wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
}

.sf-com-video-box .content .sf-com-motional-image {
    font-size: 36px;
    z-index: 10;
}

.sf-com-video-box .content .video-wrapper {
    z-index: 5;
}

.sf-com-video-box .content .video-wrapper .video_details-dimensions.vjs-fluid {
    height: 100%;
    padding-top: 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-video-box .content {
        min-height: 200px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-guide-menu {
    background-color: #F7F7F7;
    font-size: 18px;
    margin-bottom: 90px;
}

.sf-com-guide-menu .content .menu-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sf-com-guide-menu .content .menu-list .list-item .link {
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 1em;
    position: relative;
}

.sf-com-guide-menu .content .menu-list .list-item .link::after {
    content: " ";
    display: block;
    height: 1px;
    background-color: #e2e2e2;
    width: 90%;
    position: absolute;
    left: 5%;
    bottom: 0;
    transition: all linear 0.3s;
}

.sf-com-guide-menu .content .menu-list .list-item .link.active {
    background-color: #03407E;
    color: #FFFFFF;
}

.sf-com-guide-menu .content .menu-list .list-item .link.active::after {
    display: none;
}

.sf-com-guide-menu .content .menu-list .list-item .link.active .icon {
    filter: invert(1) brightness(1);
}

.sf-com-guide-menu .content .menu-list .list-item .link:hover,
.sf-com-guide-menu .content .menu-list .list-item .link:focus,
.sf-com-guide-menu .content .menu-list .list-item .link:active {
    text-decoration: none;
}

.sf-com-guide-menu .content .menu-list .list-item .link:hover::after {
    background-color: #03407E;
}

.sf-com-guide-menu .content .menu-list .list-item .link .icon {
    display: block;
    width: 1.2em;
    margin: 0 1em;
    transition: all linear 0.3s;
}

.sf-com-guide-menu .content .menu-list .list-item .link .indicator.pop {
    font-size: 14px;
    height: 20px;
    min-width: 20px;
    padding: 0 5px;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
    background-color: #FFFFFF;
    color: #03407E;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 15px;
}

.sf-com-guide-menu .content .menu-list .list-item:last-child .link::after {
    display: none;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-panel .content .panel-heading {
    border-bottom: 1px solid #E2E2E2;
    font-size: 24px;
    padding: 15px 0;
}

.sf-com-panel .content .panel-heading .title {
    font-size: 1em;
    line-height: 1.5;
    margin: 0;
}

.sf-com-panel .content .panel-body {
    padding: 30px 15px;
}

.user-info-temp {
    font-size: 18px;
    line-height: 1.5;
    margin: 100px auto;
    max-width: 100%;
}

.user-info-temp .row {
    margin-bottom: 15px;
}

.user-info-temp .row .title {
    display: inline-block;
    text-align: right;
    width: 100%;
}

.user-info-temp .actions {
    margin-top: 40px;
}

.user-info-temp .actions .link {
    background-color: #03407E;
    color: #FFFFFF;
    display: block;
    margin: 0 auto;
    padding: 0.7em 1em;
    text-align: center;
    width: 200px;
}

.user-info-temp .actions .link:hover,
.user-info-temp .actions .link:focus,
.user-info-temp .actions .link:active {
    text-decoration: none;
}

@media screen and (max-width: 1024px) {
    .user-info-temp {
        margin: 50px auto;
    }
    .user-info-temp .row {
        margin-bottom: 15px;
    }
    .user-info-temp .row .title {
        display: inline-block;
        text-align-last: left;
        width: 100%;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-super-timeline {
    background: linear-gradient(to top, #FFFFFF 0%, #FFFFFF 50%, #EAEEF3 50%, #EAEEF3 100%);
    font-size: 10px;
    position: relative;
}

.sf-com-super-timeline .content {
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 50em 0;
}

.sf-com-super-timeline .content .time-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    transition: all linear 0.3s;
}

.sf-com-super-timeline .content .time-list .list-item {
    padding-left: 15em;
    position: relative;
    transition: all linear 0.3s;
}

.sf-com-super-timeline .content .time-list .list-item.active .event-dot .intros {
    transform: scale(1) translateZ(0);
    transform-origin: right;
}

.sf-com-super-timeline .content .time-list .list-item.active .event-dot .date {
    opacity: 1;
}

.sf-com-super-timeline .content .time-list .list-item::before {
    background-color: #132179;
    content: " ";
    display: block;
    height: 0.5em;
    top: 3.75em;
    left: 0;
    width: 15em;
    position: absolute;
}

.sf-com-super-timeline .content .time-list .list-item:first-child {
    padding-left: 25em;
}

.sf-com-super-timeline .content .time-list .list-item:first-child::before {
    width: 25em;
}

.sf-com-super-timeline .content .time-list .list-item:first-child::after {
    content: " ";
    display: block;
    position: absolute;
    height: 1.5em;
    width: 1.5em;
    border-radius: 50%;
    background-color: #132179;
    left: 0;
    top: 50%;
    margin-top: -0.75em;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot {
    box-sizing: border-box;
    border-radius: 50%;
    height: 8em;
    width: 8em;
    position: relative;
    padding: 1em;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot::before {
    border: 0.5em solid #132179;
    border-right-color: transparent;
    border-radius: 50%;
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros {
    border-right: 2px solid #132179;
    position: absolute;
    padding: 2em 4em 2em 0;
    text-align: right;
    width: 30em;
    min-height: 15em;
    transform: scale(0);
    transition: all linear 1s;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .numbers {
    color: #132179;
    font-weight: 200;
    width: 15em;
    white-space: nowrap;
    padding: 5px 0;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .numbers span {
    text-align-last: left;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .numbers .main {
    font-size: 4em;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    line-height: 1;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .numbers .sub {
    display: block;
    font-size: 1.5em;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .numbers .unit {
    font-size: 0.5em;
    margin-left: 1em;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .icon {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .icon::after {
    background-color: #132179;
    content: " ";
    display: block;
    height: 1px;
    width: 4em;
    position: absolute;
    top: 50%;
    left: 100%;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .icon::before {
    background-color: #132179;
    border-radius: 50%;
    content: " ";
    display: block;
    height: 5px;
    width: 5px;
    position: absolute;
    top: 50%;
    right: -4em;
    margin-top: -2px;
    margin-right: -3px;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .icon img {
    display: block;
    height: 8em;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros p {
    margin: 0;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .text-title-1 {
    font-size: 4em;
    margin-top: 10px;
    white-space: nowrap;
    text-indent: -10000%;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .text-title-2 {
    font-size: 2em;
    margin-top: 10px;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .text-type-a {
    font-size: 12px;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .text-type-b {
    color: #132179;
    font-size: 12px;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .date {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 6em;
    width: 6em;
    background-color: #132179;
    color: #FFFFFF;
    border-radius: 50%;
    opacity: 0;
    position: relative;
    transition: all linear 0.3s;
    z-index: 10;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .date .text {
    font-size: 1.8em;
    font-weight: 200;
}

.sf-com-super-timeline .content .time-list .list-item:nth-child(2n) .event-dot::before {
    transform: rotate(48.5deg);
}

.sf-com-super-timeline .content .time-list .list-item:nth-child(2n) .event-dot .numbers {
    bottom: 100%;
    position: absolute;
    border-bottom: 4px solid #132179;
    right: -7.5em;
}

.sf-com-super-timeline .content .time-list .list-item:nth-child(2n) .event-dot .numbers.empty {
    border-bottom: none;
}

.sf-com-super-timeline .content .time-list .list-item:nth-child(2n) .event-dot .numbers.empty::after {
    content: " ";
    display: block;
    position: absolute;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #132179;
    left: 50%;
    margin-left: -3px;
}

.sf-com-super-timeline .content .time-list .list-item:nth-child(2n) .event-dot .intros {
    bottom: 100%;
    right: 50%;
}

.sf-com-super-timeline .content .time-list .list-item:nth-child(2n+1) .event-dot::before {
    transform: rotate(-48.5deg);
}

.sf-com-super-timeline .content .time-list .list-item:nth-child(2n+1) .event-dot .numbers {
    top: 100%;
    position: absolute;
    border-top: 4px solid #132179;
    right: -7.5em;
}

.sf-com-super-timeline .content .time-list .list-item:nth-child(2n+1) .event-dot .numbers.empty {
    border-top: none;
}

.sf-com-super-timeline .content .time-list .list-item:nth-child(2n+1) .event-dot .numbers.empty::after {
    content: " ";
    display: block;
    position: absolute;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #132179;
    top: 0;
    left: 50%;
    margin-left: -3px;
}

.sf-com-super-timeline .content .time-list .list-item:nth-child(2n+1) .event-dot .intros {
    right: 50%;
    top: 100%;
}

.sf-com-super-timeline .content .time-indicator {
    background-color: #D0D4E1;
    border-radius: 1em;
    height: 1.5em;
    width: 10em;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2em;
    margin: 0 auto;
}

.sf-com-super-timeline .content .time-indicator .process {
    transition: all linear 0.3s;
    height: 1.5em;
    width: 1.5em;
    border-radius: 1em;
    background-color: #62a318;
    position: absolute;
    left: 0;
    bottom: 0;
}

.sf-com-super-timeline .content .navi {
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 50%;
    margin-top: -30px;
    height: 60px;
    width: 60px;
    z-index: 20;
}

.sf-com-super-timeline .content .navi::before {
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    content: " ";
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.sf-com-super-timeline .content .navi.prev {
    left: 0;
}

.sf-com-super-timeline .content .navi.prev::before {
    left: 20px;
    transform: rotate(45deg);
}

.sf-com-super-timeline .content .navi.next {
    right: 0;
}

.sf-com-super-timeline .content .navi.next::before {
    right: 20px;
    transform: rotate(-135deg);
}

.sf-com-super-timeline .content .navi:hover::before,
.sf-com-super-timeline .content .navi:active::before {
    border-color: #03407E;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-banner-type-0 {
    overflow: hidden;
}

.sf-com-banner-type-0 .content {
    height: 450px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

.sf-com-banner-type-0 .content::after {
    background-color: rgba(255, 255, 255, 0.2);
    content: " ";
    display: block;
    height: 0;
    width: 100%;
    padding-top: 46%;
    left: -30%;
    position: absolute;
    transition: all ease-out 2s;
    transform: rotate(66deg);
    transition-delay: 0.3s;
    z-index: 1;
    pointer-events: none;
}

.sf-com-banner-type-0 .content .banner-card {
    position: relative;
    z-index: 20;
}

.sf-com-banner-type-0 .content .banner-card .card-heading {
    color: #003466;
    font-size: 46px;
}

.sf-com-banner-type-0 .content .banner-card .card-heading .title {
    font-size: 1em;
    font-weight: 400;
    margin: 0;
}

.sf-com-banner-type-0 .content .banner-card .card-heading .sub-title {
    font-size: 18px;
    font-weight: 200;
    line-height: 1.7;
    margin: 0 0 40px 0;
}

.sf-com-banner-type-0.type-2 .content {
    height: 680px;
    max-height: 65vh;
}

@media screen and (max-width: 1024px) {
    .sf-com-banner-type-0 .content {
        height: 170px;
        padding: 20px;
    }
    .sf-com-banner-type-0 .content .banner-card .card-heading {
        font-size: 32px;
    }
    .sf-com-banner-type-0 .content .banner-card .card-heading .title {
        font-size: 1em;
    }
    .sf-com-banner-type-0 .content .banner-card .card-heading .sub-title {
        font-size: 0.5em;
    }
    .sf-com-banner-type-0.type-2 .content {
        height: 220px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-dashboard-data {
    background-color: #FFFFFF;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
    padding: 90px 8%;
}

.sf-com-dashboard-data .content .chart {
    margin: 0 10%;
    position: relative;
}

.sf-com-dashboard-data .content .chart .figure {
    height: 0;
    margin-bottom: 1.5em;
    position: relative;
    padding-top: 100%;
}

.sf-com-dashboard-data .content .chart .figure .image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
}

.sf-com-dashboard-data .content .chart .figure .number {
    color: #669ACC;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 2em;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.sf-com-dashboard-data .content .chart .figure .number.invi {
    color: transparent;
}

.sf-com-dashboard-data .content .chart .title {
    text-align: center;
    color: #454545;
}

@media screen and (max-width: 1024px) {
    .sf-com-dashboard-data {
        padding: 40px 20px;
    }
    .sf-com-dashboard-data .content .chart {
        margin: 0 0 10px 0;
    }
    .sf-com-dashboard-data .content .chart .figure .number {
        font-size: 1.5em;
    }
    .sf-com-dashboard-data .content .chart .title {
        font-size: 0.8em;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-ajax-loading {
    padding: 50px 20px;
}

.sf-com-ajax-loading .content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sf-com-ajax-loading .content img {
    display: block;
    height: 30px;
    margin-right: 10px;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-comment-type-2 {
    padding: 20px 50px;
}

.sf-com-comment-type-2 .add-comment-container {
    padding: 20px 0;
    border-top: 2px solid #EEEEEE;
}

.sf-com-comment-type-2 .add-comment-container .average-score {
    font-size: 1em;
}

.sf-com-comment-type-2 .add-comment-container .average-score span {
    margin: 0 8px;
}

.sf-com-comment-type-2 .add-comment-container .average-score .stars {
    display: inline-block;
}

.sf-com-comment-type-2 .add-comment-container .add-score {
    margin: 10px 0;
    padding: 10px 0;
}

.sf-com-comment-type-2 .add-comment-container .add-score .stars {
    display: block;
    width: 140px;
    margin: 20px auto 10px auto;
}

.sf-com-comment-type-2 .add-comment-container .add-score .tips {
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    position: relative;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .user-photo {
    width: 10%;
    display: inline-flex;
    display: none;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .user-photo img {
    text-align: left;
    text-align-last: left;
    max-width: 80px;
    max-height: 80px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #EEEEEE;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .user-comment {
    width: 100%;
    vertical-align: top;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .user-comment textarea {
    text-align: left;
    text-align-last: left;
    min-height: 180px;
    width: 100%;
    padding: 20px;
    resize: none;
    border: 1px solid #EEEEEE;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .user-comment textarea::-webkit-input-placeholder {
    color: #dddddd;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .user-comment textarea:-moz-placeholder {
    color: #dddddd;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .user-comment textarea:-ms-input-placeholder {
    color: #dddddd;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .no-login {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    background: rgba(250, 250, 250, 0.3);
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .no-login .login-btn {
    text-align: center;
    display: block;
    margin: 50px 20px 20px;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .no-login .login-btn .links {
    text-decoration: none;
    padding: 12px 40px;
    background: #03407E;
    border-radius: 3px;
    font-size: 1em;
    color: #FFFFFF;
    display: inline-block;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .no-login .tips {
    text-align: center;
    display: block;
    font-size: 14px;
    color: #454545;
}

.sf-com-comment-type-2 .add-comment-container .add-score .btn {
    text-align: right;
    margin: 40px 0;
}

.sf-com-comment-type-2 .add-comment-container .add-score .btn .comment-submit {
    text-decoration: none;
    padding: 12px 40px;
    background: #03407E;
    border-radius: 3px;
    font-size: 1em;
    color: #FFFFFF;
}

.sf-com-comment-type-2 .add-comment-container .add-score .btn .comment-submit.disable {
    background: #dddddd;
    pointer-events: none;
}

.sf-com-comment-type-2 .add-comment-container em.error {
    font-size: 12px;
    font-weight: 200;
    margin: 5px 0 0 0;
    color: red;
}

.sf-com-comment-type-2 .latest-comments-container {
    margin: 10px 0;
    padding: 10px 0;
}

.sf-com-comment-type-2 .latest-comments-container .title {
    width: 100%;
    color: #000;
    font-weight: 400;
    font-size: 1.5em;
    padding: 10px 0 15px 0;
    border-bottom: 2px solid #eeeeee;
}

.sf-com-comment-type-2 .latest-comments-container ul.latest-comments-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-com-comment-type-2 .latest-comments-container ul.latest-comments-list li.list-item {
    padding: 30px 0;
    border-bottom: 1px solid #eeeeee;
}

.sf-com-comment-type-2 .latest-comments-container ul.latest-comments-list li.list-item .user-info {
    margin-bottom: 20px;
    width: 100%;
}

.sf-com-comment-type-2 .latest-comments-container ul.latest-comments-list li.list-item .user-info img {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 15px;
    background: #EEEEEE;
    display: none;
}

.sf-com-comment-type-2 .latest-comments-container ul.latest-comments-list li.list-item .user-info span {
    display: inline-block;
    margin: 0 10px;
}

.sf-com-comment-type-2 .latest-comments-container ul.latest-comments-list li.list-item .user-info .date {
    display: inline-block;
    font-size: 1em;
    color: #CCCCCC;
}

.sf-com-comment-type-2 .latest-comments-container ul.latest-comments-list li.list-item .comments-content {
    padding-left: 48px;
    padding-left: 10px;
}

.sf-com-comment-type-2 .latest-comments-container ul.latest-comments-list li.list-item:last-child {
    border-bottom: 0px solid #eeeeee;
}

@media screen and (max-width: 1024px) {
    .sf-com-comment-type-2 {
        padding: 20px;
    }
    .sf-com-comment-type-2 .add-comment-container .average-score {
        text-align: center;
    }
    .sf-com-comment-type-2 .add-comment-container .add-score .tips {
        text-align: center;
        font-size: 1em;
        margin-bottom: 30px;
    }
    .sf-com-comment-type-2 .add-comment-container .add-score .add-desc {
        text-align: center;
        text-align-last: center;
    }
    .sf-com-comment-type-2 .add-comment-container .add-score .add-desc .user-photo {
        width: 100%;
        display: block;
        margin-bottom: 20px;
        display: none;
    }
    .sf-com-comment-type-2 .add-comment-container .add-score .add-desc .user-photo img {
        text-align: center;
        text-align-last: center;
        width: 80px;
        height: 80px;
    }
    .sf-com-comment-type-2 .add-comment-container .add-score .add-desc .user-comment {
        display: block;
        width: 100%;
        text-align: center;
    }
    .sf-com-comment-type-2 .add-comment-container .add-score .btn {
        text-align: center;
        margin: 20px 0;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-detail-main-title {
    padding: 20px 0;
    border-bottom: 1px solid #D9D9D9;
}

.sf-com-detail-main-title .title {
    font-size: 50px;
    padding: 20px 0;
}

.tags-container .tags-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin: 0;
}

.tags-container .tags-list .list-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0 15px 0 0;
    color: #7E8C9A;
}

.tags-container .tags-list .list-item a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    color: #7E8C9A;
    text-decoration: none;
}

.tags-container .tags-list .list-item .icon {
    color: #7E8C9A;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.tags-container .tags-list .list-item .icon img {
    display: block;
    width: 1.2em;
    height: auto;
    margin-right: 5px;
}

@media screen and (max-width: 1024px) {
    .sf-com-detail-main-title .content {
        padding: 0 20px;
    }
    .sf-com-detail-main-title .title {
        font-size: 36px;
        line-height: 1.5;
    }
    .sf-com-detail-main-title .tags-container .tags-list {
        font-size: 14px;
        justify-content: center;
    }
    .sf-com-detail-main-title .order-m-0 .tags-container .tags-list {
        justify-content: flex-end;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.share-icons {
    text-align: center;
}

.share-icons .share-icons-list {
    margin: 0;
    padding: 0 0 40px 0;
}

.share-icons .share-icons-list .list-item {
    display: inline-flex;
    margin: 2px;
}

.share-icons .share-icons-list .list-item a {
    text-decoration: none;
}

.share-icons .share-icons-list .list-item a img.grey {
    display: block;
}

.share-icons .share-icons-list .list-item a img.colorful {
    display: none;
}

.share-icons .share-icons-list .list-item:hover a img.grey,
.share-icons .share-icons-list .list-item:focus a img.grey,
.share-icons .share-icons-list .list-item:active a img.grey {
    display: none;
}

.share-icons .share-icons-list .list-item:hover a img.colorful,
.share-icons .share-icons-list .list-item:focus a img.colorful,
.share-icons .share-icons-list .list-item:active a img.colorful {
    display: block;
}

.share-box {
    display: none;
    top: 35px;
    background: #FFFFFF;
    left: 0px;
    position: absolute;
    border-radius: 0px;
    padding: 2px 1px 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    z-index: 9;
    min-width: 400px;
}

.share-box .share-icons .share-icons-list {
    padding: 5px 10px;
}

.share-box:before,
.share-box:after {
    content: "";
    position: absolute;
    margin-left: 0px;
    width: 0;
    border-bottom: 8px solid rgba(0, 0, 0, 0.1);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    top: -9px;
    left: 20px;
}

.share-box:after {
    border-bottom: 12px solid #ffffff;
    top: -8px;
}

@media screen and (max-width: 1024px) {
    .share-icons {
        padding-bottom: 25px;
    }
    .share-icons .share-icons-list {
        width: 60%;
        margin: 20px auto 0;
    }
    .share-icons .share-icons-list .list-item a img.grey {
        display: none;
    }
    .share-icons .share-icons-list .list-item a img.colorful {
        display: block;
    }
    .share-box {
        min-width: 210px;
        width: 100%;
        display: block;
        top: unset;
        background: #FFFFFF;
        left: unset;
        position: unset;
        border-radius: 0px;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0);
        z-index: 9;
    }
    .share-box .share-icons {
        padding-bottom: 0px;
    }
    .share-box .share-icons .share-icons-list {
        width: 210px;
        margin: 0 auto;
    }
    .share-box .share-icons .share-icons-list .list-item a img.grey {
        display: block;
        width: 30px;
        height: 30px;
    }
    .share-box .share-icons .share-icons-list .list-item a img.colorful {
        display: none;
        width: 30px;
        height: 30px;
    }
    .share-box .share-icons .share-icons-list .list-item:hover img.grey,
    .share-box .share-icons .share-icons-list .list-item:active img.grey,
    .share-box .share-icons .share-icons-list .list-item:visited img.grey {
        display: none;
    }
    .share-box .share-icons .share-icons-list .list-item:hover img.colorful,
    .share-box .share-icons .share-icons-list .list-item:active img.colorful,
    .share-box .share-icons .share-icons-list .list-item:visited img.colorful {
        display: block;
    }
    .share-box:before,
    .share-box:after {
        display: none;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-detail-news-content {
    padding: 40px 0 100px;
}

.sf-com-detail-news-content .sf-com-detail-document-content {
    padding: 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-detail-news-content .content {
        padding: 0 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-detail-left-content {
    color: #454545;
    padding: 0px 0 40px;
    font-size: 18px;
    line-height: 1.8;
}

.sf-com-detail-left-content img {
    display: block;
    max-width: 100%;
    margin: 60px auto 30px auto;
}

.sf-com-detail-left-content .image-intro {
    color: #000000;
    margin-bottom: 20px;
    text-align: center;
}

.sf-com-detail-left-content img+.image-intro {
    margin-top: -20px;
}

.sf-com-detail-left-content p {
    margin-bottom: 10px;
}

.sf-com-detail-left-content .highlight-title {
    background-color: #eff2f7;
    font-size: 24px;
    margin-top: 40px;
    margin-bottom: 15px;
    padding: 10px 30px;
    position: relative;
}

.sf-com-detail-left-content .highlight-title::before {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border: 5px solid #689bca;
    border-right: none;
    width: 10px;
}

.sf-com-detail-left-content .highlight-list {
    list-style-type: none;
    margin: 0 0 30px 0;
    padding: 0 0 0 45px;
}

.sf-com-detail-left-content .highlight-list .highlight-key {
    padding-left: 0;
}

.sf-com-detail-left-content .highlight-list .highlight-key::before {
    left: -40px;
}

.sf-com-detail-left-content .highlight-key {
    font-size: 18px;
    position: relative;
    padding-left: 40px;
}

.sf-com-detail-left-content .highlight-key::before {
    background-image: url(../images/list-dot-tri.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    content: " ";
    display: block;
    height: 1em;
    width: 1.5em;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.5em;
}

@media screen and (max-width: 1024px) {
    .sf-com-detail-left-content {
        font-size: 16px;
    }
    .sf-com-detail-left-content .highlight-title {
        background-color: transparent;
        font-size: 20px;
        margin-top: 20px;
        margin-bottom: 5px;
        padding: 10px 0;
    }
    .sf-com-detail-left-content .highlight-title::before {
        display: none;
    }
    .sf-com-detail-left-content .highlight-key {
        font-size: 16px;
    }
    .sf-com-detail-left-content .highlight-list {
        padding-left: 15px;
    }
    .sf-com-detail-left-content .highlight-list .highlight-key::before {
        display: none;
    }
    .sf-com-detail-left-content .highlight-list .highlight-key::after {
        background-color: #000000;
        border-radius: 50%;
        content: " ";
        display: block;
        height: 3px;
        width: 3px;
        position: absolute;
        left: -15px;
        top: 50%;
        margin-top: 1px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-detail-related-news {
    margin-bottom: 40px;
}

.sf-com-detail-related-news .related-title {
    width: 100%;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    padding-bottom: 15px;
    border-bottom: 3px solid #03407E;
    border-image: linear-gradient(to right, #003466 120px, #03407E 120px);
    -moz-border-image: linear-gradient(to right, #003466 120px, #03407E 120px);
    -webkit-border-image: linear-gradient(to right, #003466 120px, #03407E 120px);
    -o-border-image: linear-gradient(to right, #003466 120px, #03407E 120px);
    border-image-slice: 1;
}

.sf-com-detail-related-news .related-news-card {
    padding: 20px 5px;
    border-bottom: 1px solid #D9D9D9;
    font-size: 18px;
}

.sf-com-detail-related-news .related-news-card .tags-container {
    margin-top: 30px;
}

.sf-com-detail-related-news .related-news-card .tags-container .tags-list {
    font-size: 14px;
}

.sf-com-detail-related-news .related-news-card .tags-container .tags-list .icon img {
    width: 14px;
}

.sf-com-detail-related-news .related-news-card a {
    color: #454545;
    text-decoration: none;
}

.sf-com-detail-related-news .related-news-card a .title {
    font-weight: 400;
    margin-bottom: 30px;
    line-height: 1.6;
}

.sf-com-detail-related-news .related-news-card a .intro {
    color: #454545;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sf-com-detail-related-news .related-news-card a .intro p {
    margin: 0;
    padding: 0;
}

.sf-com-detail-related-news .related-news-card:hover {
    background: #f8f8f8;
}

.sf-com-detail-related-news .related-news-card:hover a .title {
    color: #76BC21;
}

.sf-com-detail-related-news .related-news-card:last-child {
    border-bottom: none;
}

@media screen and (max-width: 1024px) {
    .sf-com-detail-related-news {
        margin: 0 -20px;
        padding: 20px 0;
    }
    .sf-com-detail-related-news .related-title {
        font-size: 20px;
        padding: 0 20px 15px 20px;
    }
    .sf-com-detail-related-news .related-news-card {
        border-bottom: none;
        padding: 20px;
        font-size: 16px;
    }
    .sf-com-detail-related-news .related-news-card .tags-container {
        margin-top: 10px;
    }
    .sf-com-detail-related-news .related-news-card a .title {
        margin-bottom: 10px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-detail-recommend-news {
    padding: 30px 0;
}

.sf-com-detail-recommend-news .recommend-title {
    width: 100%;
    color: #000;
    font-weight: 400;
    font-size: 24px;
    padding-bottom: 15px;
    border-bottom: 3px solid #03407E;
    border-image: linear-gradient(to right, #003466 120px, #03407E 120px);
    -moz-border-image: linear-gradient(to right, #003466 120px, #03407E 120px);
    -webkit-border-image: linear-gradient(to right, #003466 120px, #03407E 120px);
    -o-border-image: linear-gradient(to right, #003466 120px, #03407E 120px);
    border-image-slice: 1;
}

.sf-com-detail-recommend-news .recommend-news-card {
    padding: 30px 5px 20px 5px;
    border-bottom: 1px solid #D9D9D9;
    font-size: 18px;
}

.sf-com-detail-recommend-news .recommend-news-card a {
    color: #454545;
    text-decoration: none;
}

.sf-com-detail-recommend-news .recommend-news-card a .re-date {
    color: #FFFFFF;
    font-size: 12px;
    margin-bottom: 12px;
}

.sf-com-detail-recommend-news .recommend-news-card a .re-date span {
    background: #03407E;
    padding: 2px 8px;
}

.sf-com-detail-recommend-news .recommend-news-card a .re-title {
    font-weight: 400;
    margin-bottom: 12px;
    line-height: 1.8;
}

.sf-com-detail-recommend-news .recommend-news-card a .re-intro {
    color: #454545;
    margin-bottom: 12px;
    line-height: 1.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sf-com-detail-recommend-news .recommend-news-card a .re-intro p {
    margin: 0;
    padding: 0;
}

.sf-com-detail-recommend-news .recommend-news-card:hover {
    background: #f8f8f8;
}

.sf-com-detail-recommend-news .recommend-news-card:hover a .re-title {
    color: #76BC21;
}

.sf-com-detail-recommend-news .recommend-news-card:last-child {
    border-bottom: none;
}

@media screen and (max-width: 1024px) {
    .sf-com-detail-recommend-news {
        margin: 0 -20px;
        padding: 20px 0;
    }
    .sf-com-detail-recommend-news .recommend-title {
        padding: 0 20px 15px 20px;
    }
    .sf-com-detail-recommend-news .recommend-news-card {
        font-size: 16px;
        padding: 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-detail-related-download {
    padding: 25px 0 90px;
}

.sf-com-detail-related-download .related-title {
    width: 100%;
    color: #000;
    font-weight: 600;
    font-size: 1.8em;
    padding-bottom: 15px;
    border-bottom: 1px solid #D9D9D9;
}

.sf-com-detail-related-download .nextPrev {
    display: inline-flex;
    float: right;
}

.sf-com-detail-related-download .nextPrev a {
    text-decoration: none;
    background: #FFFFFF;
    color: #000000;
    padding: 0px 8px;
    margin: 0 2px;
}

.sf-com-detail-related-download .nextPrev .disable {
    color: #dddddd;
}

.sf-com-detail-related-download .drd-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.sf-com-detail-related-download .drd-list .list-item {
    width: 100%;
    background-color: #FFFFFF;
    transition: background-color 0.5s;
    padding: 4% 3% 3% 3%;
    display: flex;
    border-bottom: 1px solid #eeeeee;
    position: relative;
}

.sf-com-detail-related-download .drd-list .list-item a {
    text-decoration: none;
    width: 100%;
}

.sf-com-detail-related-download .drd-list .list-item a .image-box {
    position: absolute;
    right: 5%;
    display: inline-block;
    min-width: 30px;
    height: 40px;
    text-align: center;
    margin-left: 4%;
    background: url(../images/download-blue.png) no-repeat 0 13px;
}

.sf-com-detail-related-download .drd-list .list-item a .drd-info {
    display: inline-block;
    text-align: left;
    width: 80%;
}

.sf-com-detail-related-download .drd-list .list-item a .drd-info .title {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    transition: color 0.2s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.sf-com-detail-related-download .drd-list .list-item a .drd-info .intro {
    font-weight: 400;
    color: #cfcfcf;
    margin-bottom: 5px;
    transition: color 0.2s;
    font-size: 0.8em;
    padding-left: 30px;
    background: url(../images/other-dl.jpg) no-repeat 0 0px;
    background-size: 16px 16px;
}

.sf-com-detail-related-download .drd-list .list-item a .drd-info .pdf {
    background: url(../images/pdf-dl.jpg) no-repeat 0 0px;
    background-size: 16px 16px;
}

.sf-com-detail-related-download .drd-list .list-item a .drd-info .docx,
.sf-com-detail-related-download .drd-list .list-item a .drd-info .doc {
    background: url(../images/word-dl.jpg) no-repeat 0 0px;
    background-size: 16px 16px;
}

.sf-com-detail-related-download .drd-list .list-item a .drd-info .pptx,
.sf-com-detail-related-download .drd-list .list-item a .drd-info .ppt {
    background: url(../images/ppt-dl.jpg) no-repeat 0 0px;
    background-size: 16px 16px;
}

.sf-com-detail-related-download .drd-list .list-item a .drd-info .xlsx,
.sf-com-detail-related-download .drd-list .list-item a .drd-info .xls {
    background: url(../images/cel-dl.jpg) no-repeat 0 0px;
    background-size: 16px 16px;
}

.sf-com-detail-related-download .drd-list .list-item a .drd-info .zip,
.sf-com-detail-related-download .drd-list .list-item a .drd-info .rar {
    background: url(../images/zip-dl.jpg) no-repeat 0 0px;
    background-size: 16px 16px;
}

.sf-com-detail-related-download .drd-list .list-item a .drd-info .other {
    background: url(../images/other-dl.jpg) no-repeat 0 0px;
    background-size: 16px 16px;
}

.sf-com-detail-related-download .drd-list .list-item:hover {
    background-color: #003466;
    transition: background-color 0.5s;
}

.sf-com-detail-related-download .drd-list .list-item:hover a .drd-info .title {
    color: #FFFFFF;
    transition: color 0.2s;
}

.sf-com-detail-related-download .drd-list .list-item:hover a .drd-info .intro {
    color: #FFFFFF;
    transition: color 0.2s;
}

.sf-com-detail-related-download .drd-list .list-item:hover a .image-box {
    background: url(../images/download-white.png) no-repeat 0 13px;
}

.sf-com-detail-related-download .drd-list .list-item:last-child {
    border-bottom: 0px solid #eeeeee;
}

@media screen and (max-width: 1024px) {
    .sf-com-detail-related-download {
        padding: 40px 20px;
    }
    .sf-com-detail-related-download .drd-list .list-item {
        padding: 20px 0;
        width: 100%;
    }
    .sf-com-detail-related-download .drd-list .list-item .drd-info {
        min-width: 200px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-detail-card-content {
    padding: 40px 0 100px;
    background: #EFF2F7;
}

.sf-com-detail-card-content .row .consulting {
    padding: 15px auto;
    text-align: center;
    background-image: linear-gradient(to right, #3565B0, #669ACC);
    width: 100%;
    position: relative;
    border-radius: 3px;
    margin-bottom: 20px;
}

.sf-com-detail-card-content .row .consulting::after {
    background-color: rgba(109, 173, 25, 0);
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    transition: all linear 0.15s;
    z-index: 1;
}

.sf-com-detail-card-content .row .consulting a {
    text-decoration: none;
    padding: 15px 0;
    display: block;
    position: relative;
    z-index: 6;
}

.sf-com-detail-card-content .row .consulting a .title {
    color: #FFFFFF;
    font-size: 1.5em;
}

.sf-com-detail-card-content .row .consulting a .icon {
    position: relative;
    right: -5px;
    color: #FFFFFF;
    transition: right ease-out 0.2s;
}

.sf-com-detail-card-content .row .consulting:hover::after,
.sf-com-detail-card-content .row .consulting:focus::after,
.sf-com-detail-card-content .row .consulting:active::after {
    border-radius: 3px;
    background-color: #3565B0;
    width: 100%;
    transition: all linear 0.2s;
}

.sf-com-detail-card-content .row .consulting:hover a .icon,
.sf-com-detail-card-content .row .consulting:focus a .icon,
.sf-com-detail-card-content .row .consulting:active a .icon {
    right: -10px;
    transition: right ease-out 0.2s;
}

.sf-com-detail-card-content .row .dcc-content {
    background: #FFFFFF;
    border-radius: 1px;
    box-shadow: 3px 5px 8px 3px rgba(0, 0, 0, 0.06);
    margin-bottom: 20px;
}

.sf-com-detail-card-content .row .dcc-content .dcc-title {
    font-size: 36px;
    font-weight: 400;
    padding: 50px 50px 40px;
    border-bottom: 2px solid #eeeeee;
}

.sf-com-detail-card-content .row .dcc-content .sf-com-detail-left-content {
    padding: 40px 50px 50px 50px;
}

.sf-com-detail-card-content .row .dcc-content .sf-com-detail-related-download {
    padding: 20px;
}

.sf-com-detail-card-content .row .dcc-content .sf-com-detail-related-download .related-title {
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 10px;
}

.sf-com-detail-card-content .row .dcc-content .sf-com-detail-related-download .drd-list .list-item:hover,
.sf-com-detail-card-content .row .dcc-content .sf-com-detail-related-download .drd-list .list-item:focus,
.sf-com-detail-card-content .row .dcc-content .sf-com-detail-related-download .drd-list .list-item:active {
    background-color: #003466;
}

.sf-com-detail-card-content .row .dcc-content .sf-com-detail-related-download .drd-list .list-item:first-child {
    margin-top: 10px;
}

.sf-com-detail-card-content p,
.sf-com-detail-card-content a,
.sf-com-detail-card-content span,
.sf-com-detail-card-content b,
.sf-com-detail-card-content strong,
.sf-com-detail-card-content i,
.sf-com-detail-card-content em {
    max-width: 100% !important;
}

@media screen and (max-width: 1024px) {
    .sf-com-detail-card-content .row {
        margin: 0;
    }
    .sf-com-detail-card-content .row .col-md-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .sf-com-detail-card-content .row .col-md-9 .dcc-content .dcc-title {
        font-size: 1.8em;
        padding: 30px;
        border-bottom: 2px solid #eeeeee;
    }
    .sf-com-detail-card-content .row .col-md-9 .dcc-content .sf-com-detail-left-content {
        padding: 20px 15px 20px 15px;
    }
    .sf-com-detail-card-content .row .col-md-3 {
        padding-left: 0px;
        padding-right: 0px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sf-com-detail-card-content .row .col-md-3 .sf-com-detail-related-download {
        background: #faf9fa;
    }
    .sf-com-detail-card-content .row .col-md-3 .sf-com-detail-related-download .drd-list .list-item {
        padding: 15px;
        border-bottom: 1px solid #ffffff;
        background: #faf9fa;
    }
    .sf-com-detail-card-content .row .col-md-3 .sf-com-detail-related-download .drd-list .list-item:first-child {
        margin-top: 10px;
    }
    .sf-com-detail-card-content .row .col-md-3 .sf-com-detail-related-download .drd-list .list-item:last-child {
        border-bottom: 0px solid #ffffff;
    }
    .sf-com-detail-card-content .row .consulting {
        width: 95%;
        margin: 15px auto;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-service-check {
    padding: 90px 0;
}

.sf-com-teaser-service-check .content {
    position: relative;
    z-index: 10;
}

.sf-com-teaser-service-check .content .com-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.sf-com-teaser-service-check .content .com-heading {
    font-size: 34px;
}

.sf-com-teaser-service-check .content .com-heading .title {
    font-size: 1em;
    font-weight: 400;
    margin: 0;
}

.sf-com-teaser-service-check .content .com-heading .sub-title {
    font-size: 0.65em;
    font-weight: 200;
    display: inline-block;
    margin: 1em 0 1.5em 0;
}

.sf-com-teaser-service-check .content .com-navi {
    font-size: 18px;
}

.sf-com-teaser-service-check .content .com-navi .nav-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-grow: 1;
    list-style-type: none;
    margin: 0;
    padding: 0;
    max-width: 360px;
}

.sf-com-teaser-service-check .content .com-navi .nav-list .list-item {
    background-color: #f5f9ff;
    border-bottom: 1px solid #D8D8D8;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 1;
    width: 100%;
    transition: all linear 0.3s;
}

.sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link {
    color: #454545;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 1;
    line-height: 3.5;
    padding: 0 50px 0 40px;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    transition: all linear 0.3s;
    font-weight: 200;
}

.sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link .icon {
    height: 1em;
    width: 1em;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
    position: absolute;
    right: -60px;
    top: 50%;
    margin-top: -0.5em;
    transition: all linear 0.3s;
}

.sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link .image-icon {
    display: block;
    width: 30px;
    margin-right: 25px;
}

.sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link:hover,
.sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link:focus,
.sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link:active {
    background-color: #003466;
    color: #FFFFFF;
}

.sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link:hover .icon,
.sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link:focus .icon,
.sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link:active .icon {
    right: 20px;
}

.sf-com-teaser-service-check .content .com-navi .nav-list .list-item:last-child {
    border-bottom: none;
}

.sf-com-teaser-service-check .content .com-poster {
    background: #FFFFFF;
    padding: 40px;
}

.sf-com-teaser-service-check .content .com-poster .poster-title {
    font-size: 24px;
}

.sf-com-teaser-service-check .content .com-poster .poster-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.sf-com-teaser-service-check .content .com-poster .poster-list .list-item {
    border-bottom: 2px solid #85afd6;
    padding: 25px 0;
}

.sf-com-teaser-service-check .content .com-poster .poster-list .list-item:last-child {
    border-bottom: none;
}

.sf-com-teaser-service-check .content .com-poster .poster-list .list-item .link {
    color: #454545;
    text-decoration: none;
}

.sf-com-teaser-service-check .content .com-poster .poster-list .list-item .link:hover,
.sf-com-teaser-service-check .content .com-poster .poster-list .list-item .link:focus,
.sf-com-teaser-service-check .content .com-poster .poster-list .list-item .link:active {
    color: #03407E;
}

.sf-com-teaser-service-check .content .com-poster .poster-list .list-item .poster-title {
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 0.6em 0;
}

.sf-com-teaser-service-check .content .com-poster .poster-list .list-item .poster-desc {
    font-size: 18px;
    font-weight: 200;
}

.sf-com-teaser-service-check .content .com-poster .poster-list .list-item .poster-desc p {
    margin: 0;
}

.sf-com-teaser-service-check .content .com-poster .poster-list .poster-msg-title {
    font-size: 16px;
    margin-bottom: 10px;
}

.sf-com-teaser-service-check .content .com-poster .poster-list .poster-msg-desc {
    font-size: 14px;
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-service-check {
        padding: 40px 20px;
    }
    .sf-com-teaser-service-check .content .com-box {
        margin-bottom: 30px;
    }
    .sf-com-teaser-service-check .content .com-heading {
        font-size: 22px;
        text-align: center;
    }
    .sf-com-teaser-service-check .content .com-heading .title {
        font-weight: 200;
    }
    .sf-com-teaser-service-check .content .com-navi {
        font-size: 14px;
    }
    .sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link {
        padding: 0 20px;
    }
    .sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link .image-icon {
        margin-right: 20px;
        width: 20px;
    }
    .sf-com-teaser-service-check .content .com-poster {
        padding: 20px;
    }
    .sf-com-teaser-service-check .content .com-poster .poster-title {
        font-size: 20px;
    }
    .sf-com-teaser-service-check .content .com-poster .poster-list .list-item {
        border-bottom-width: 1px;
        padding: 20px 0;
    }
    .sf-com-teaser-service-check .content .com-poster .poster-list .list-item .poster-title {
        font-size: 22px;
    }
    .sf-com-teaser-service-check .content .com-poster .poster-list .list-item .poster-desc {
        font-size: 14px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-detail-related-image-text {
    padding: 20px;
}

.sf-com-detail-related-image-text .related-title {
    width: 100%;
    color: #000;
    font-weight: 400;
    font-size: 24px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #C0C0C0;
}

.sf-com-detail-related-image-text .drit-list {
    width: 100%;
    margin: 15px 0;
}

.sf-com-detail-related-image-text .drit-list .list-item {
    width: 100%;
    margin: 20px 0;
}

.sf-com-detail-related-image-text .drit-list .list-item a {
    width: 100%;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.sf-com-detail-related-image-text .drit-list .list-item a .img {
    height: 110px;
    width: 47%;
    display: block;
}

.sf-com-detail-related-image-text .drit-list .list-item a .intro {
    display: flex;
    font-size: 18px;
    flex-direction: column;
    width: 48%;
    vertical-align: top;
    padding: 10px 0;
}

.sf-com-detail-related-image-text .drit-list .list-item a .intro p {
    color: #454545;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.sf-com-detail-related-image-text .drit-list .list-item:hover {
    background: #f8f8f8;
}

@media screen and (max-width: 1024px) {
    .sf-com-detail-related-image-text {
        padding: 20px;
    }
    .sf-com-detail-related-image-text .related-title {
        padding: 0 20px 15px 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-detail-related-products-solutions {
    padding: 20px;
}

.sf-com-detail-related-products-solutions .related-title {
    width: 100%;
    color: #000;
    font-weight: 400;
    font-size: 24px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #C0C0C0;
}

.sf-com-detail-related-products-solutions .drps-content {
    width: 100%;
    padding: 20px 0;
}

.sf-com-detail-related-products-solutions .drps-content .drps-list {
    width: 100%;
    list-style: none;
    padding: 0;
}

.sf-com-detail-related-products-solutions .drps-content .drps-list .list-item {
    width: 100%;
    padding: 10px 0;
}

.sf-com-detail-related-products-solutions .drps-content .drps-list .list-item a {
    color: #000000;
    text-decoration: none;
    display: block;
    font-size: 18px;
    padding-left: 20px;
    background: url(../images/dot-black.png) no-repeat 0 -4px;
    background-size: 18px 34px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sf-com-detail-related-products-solutions .drps-content .drps-list .list-item:hover {
    background: #f8f8f8;
}

@media screen and (max-width: 1024px) {
    .sf-com-detail-related-products-solutions {
        padding: 20px;
    }
    .sf-com-detail-related-products-solutions .related-title {
        padding: 0 20px 15px 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-teaser-social-share {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 7px;
    margin: 10px 0;
    padding: 20px;
}

.sf-com-teaser-social-share .sf-com-social-icons .content .icon-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.sf-com-teaser-social-share .sf-com-social-icons .content .icon-list .list-item {
    margin: 0 5px;
}

.sf-com-teaser-social-share .sf-com-social-icons .content .icon-list .list-item .link {
    background-color: #dddddd;
    margin: 0;
}

.sf-com-teaser-social-share.type-2 .sf-com-social-icons .content .icon-list .list-item {
    margin: 5px;
}

.sf-com-teaser-social-share .wechat {
    position: relative;
    color: #fff;
    border-color: #7bc549;
    background: #7bc549;
}

.sf-com-teaser-social-share .wechat .wechat-qrcode {
    display: none;
    border: 1px solid #eee;
    position: absolute;
    z-index: 9;
    top: -205px;
    left: -84px;
    width: 200px;
    height: 192px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 10px #aaa;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms;
}

.sf-com-teaser-social-share .wechat .wechat-qrcode.bottom {
    top: 40px;
    left: -84px;
}

.sf-com-teaser-social-share .wechat .wechat-qrcode.bottom:after {
    display: none;
}

.sf-com-teaser-social-share .wechat .wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777;
}

.sf-com-teaser-social-share .wechat .wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto;
}

.sf-com-teaser-social-share .wechat .wechat-qrcode .qrcode table {
    margin: 0 !important;
}

.sf-com-teaser-social-share .wechat .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 0;
}

.sf-com-teaser-social-share .wechat .wechat-qrcode:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -13px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.sf-com-teaser-social-share .wechat:hover .wechat-qrcode {
    display: block;
}

@media screen and (max-width: 1024px) {
    .sf-com-teaser-social-share .sf-com-social-icons .content .icon-list {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .sf-com-teaser-social-share .sf-com-social-icons .content .icon-list .list-item {
        margin: 0 3px 10px 3px;
        width: auto;
        padding: 0;
    }
    .sf-com-teaser-social-share .sf-com-social-icons .content .icon-list .list-item .link {
        padding: 5px;
    }
    .sf-com-teaser-social-share.type-2 .sf-com-social-icons .content .icon-list .list-item {
        width: auto;
    }
    .sf-com-teaser-social-share.type-2 .sf-com-social-icons .content .icon-list .list-item .link {
        padding: 20%;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-detail-document-content {
    padding: 40px 0 100px;
}

.sf-com-detail-document-content .title h3 {
    margin-bottom: 24px;
}

.sf-com-detail-document-content .document-intro {
    font-size: 18px;
    padding: 20px;
    background: #F0F0F0;
    margin-bottom: 30px;
}

.sf-com-detail-document-content .document-intro .di-list {
    margin: 0 0 10px 0;
    padding: 0;
}

.sf-com-detail-document-content .document-intro .di-list li.list-item {
    display: inline-block;
    font-size: 1em;
    padding: 0 5px;
    border-right: 1px solid #000000;
    line-height: 1em;
}

.sf-com-detail-document-content .document-intro .di-list li.list-item .stars {
    padding-left: 5px;
}

.sf-com-detail-document-content .document-intro .di-list li.list-item .stars #document-half-read-only {
    display: inline-block;
}

.sf-com-detail-document-content .document-intro .di-list li.list-item:last-child {
    border-right: 0px solid #000000;
}

.sf-com-detail-document-content .document-intro .di-list .middle ul {
    margin: 0;
    padding: 0;
}

.sf-com-detail-document-content .document-intro .di-list .middle ul li {
    display: inline-block;
    border-right: 1px solid #000000;
    margin: 0 5px;
    padding: 0 10px 0 5px;
    font-size: 1em;
    line-height: 1em;
}

.sf-com-detail-document-content .document-intro .di-list .middle ul li:last-child {
    margin: 0 5px;
    border-right: 0px solid #000000;
    padding-right: 5px;
}

.sf-com-detail-document-content .document-intro .di-intro {
    padding: 0 5px;
    font-size: 1em;
    color: #999999;
}

.sf-com-detail-document-content .add-score {
    margin-top: 60px;
}

.sf-com-detail-document-content .add-score h3 {
    font-size: 24px;
    margin: 20px 0;
}

.sf-com-detail-document-content .add-score .stars {
    margin-bottom: 30px;
}

.sf-com-detail-document-content .add-score .add-desc {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    position: relative;
}

.sf-com-detail-document-content .add-score .add-desc .user-comment textarea {
    min-height: 180px;
    width: 100%;
    padding: 20px;
    resize: none;
    border: 1px solid #EEEEEE;
}

.sf-com-detail-document-content .add-score .add-desc .no-login {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    background: rgba(250, 250, 250, 0.3);
}

.sf-com-detail-document-content .add-score .add-desc .no-login .login-btn {
    text-align: center;
    display: block;
    margin: 50px 20px 20px;
}

.sf-com-detail-document-content .add-score .add-desc .no-login .login-btn .links {
    text-decoration: none;
    padding: 12px 40px;
    background: #03407E;
    border-radius: 3px;
    font-size: 1em;
    color: #FFFFFF;
    display: inline-block;
}

.sf-com-detail-document-content .add-score .add-desc .no-login .tips {
    text-align: center;
    display: block;
    font-size: 14px;
    color: #454545;
}

.sf-com-detail-document-content .add-score .btn {
    text-align: right;
    margin: 40px 0;
}

.sf-com-detail-document-content .add-score .btn .comment-submit {
    text-decoration: none;
    padding: 12px 40px;
    background: #03407E;
    border-radius: 3px;
    font-size: 1em;
    color: #FFFFFF;
}

.sf-com-detail-document-content .add-score .btn .comment-submit.disable {
    background: #dddddd;
    pointer-events: none;
}

.sf-com-detail-document-content .latest-comments-container {
    margin: 10px 0;
    padding: 10px 0;
}

.sf-com-detail-document-content .latest-comments-container .title {
    width: 100%;
    color: #000;
    font-weight: 400;
    font-size: 1.5em;
    padding: 10px 0 15px 0;
    border-bottom: 2px solid #eeeeee;
}

.sf-com-detail-document-content .latest-comments-container ul.latest-comments-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-com-detail-document-content .latest-comments-container ul.latest-comments-list li.list-item {
    padding: 30px 0;
    border-bottom: 1px solid #eeeeee;
}

.sf-com-detail-document-content .latest-comments-container ul.latest-comments-list li.list-item .user-info {
    margin-bottom: 20px;
    width: 100%;
}

.sf-com-detail-document-content .latest-comments-container ul.latest-comments-list li.list-item .user-info img {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 15px;
    background: #EEEEEE;
    display: none;
}

.sf-com-detail-document-content .latest-comments-container ul.latest-comments-list li.list-item .user-info span {
    display: inline-block;
    margin: 0 10px;
}

.sf-com-detail-document-content .latest-comments-container ul.latest-comments-list li.list-item .user-info .date {
    display: inline-block;
    font-size: 1em;
    color: #CCCCCC;
}

.sf-com-detail-document-content .latest-comments-container ul.latest-comments-list li.list-item .comments-content {
    padding-left: 48px;
    padding-left: 10px;
}

.sf-com-detail-document-content .latest-comments-container ul.latest-comments-list li.list-item:last-child {
    border-bottom: 0px solid #eeeeee;
}

@media screen and (min-width: 765px) {
    .setauto {
        width: 16.66% !important;
    }
}

@media screen and (max-width: 765px) {
    .setauto {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1024px) {
    .sf-com-detail-document-content .title {
        font-size: 20px;
    }
    .sf-com-detail-document-content .title h1,
    .sf-com-detail-document-content .title h2,
    .sf-com-detail-document-content .title h3,
    .sf-com-detail-document-content .title h4,
    .sf-com-detail-document-content .title h5,
    .sf-com-detail-document-content .title h6 {
        font-size: 1em;
        font-weight: 400;
    }
    .sf-com-detail-document-content .document-intro {
        font-size: 16px;
        padding: 15px 10px;
    }
    .sf-com-detail-document-content .document-intro .di-list {
        margin: 0 0 15px 0;
    }
    .sf-com-detail-document-content .document-intro .di-list li.list-item {
        border-right: 0px solid #000000;
        display: block;
        margin-bottom: 10px;
        padding: 0;
    }
    .sf-com-detail-document-content .document-intro .di-list li.list-item:first-child {
        margin-bottom: 20px;
    }
    .sf-com-detail-document-content .document-intro .di-list .middle ul {
        margin: 0;
        padding: 0;
        display: block;
    }
    .sf-com-detail-document-content .document-intro .di-list .middle ul li {
        margin: 0;
        padding: 0 5px;
    }
    .sf-com-detail-document-content .document-intro .di-list .middle ul li:first-child {
        margin-left: 0;
        padding-left: 0;
    }
    .sf-com-detail-document-content .document-intro .di-list .middle ul li:last-child {
        border-right: 0px solid #000000;
    }
    .sf-com-detail-document-content .online-container-wrap .sf-com-qdoc-viewer .content {
        padding: 0;
        margin: 0 -20px;
    }
    .sf-com-detail-document-content .add-score>h1,
    .sf-com-detail-document-content .add-score>h2,
    .sf-com-detail-document-content .add-score>h3,
    .sf-com-detail-document-content .add-score>h4,
    .sf-com-detail-document-content .add-score>h5,
    .sf-com-detail-document-content .add-score>h6 {
        font-size: 24px;
        font-weight: 400;
    }
    .sf-com-detail-document-content .add-score .stars {
        margin-bottom: 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-detail-related-document {
    padding: 20px;
    background: #F0F0F0;
    margin-bottom: 30px;
    position: relative;
    background: #eff2f7;
}

.sf-com-detail-related-document .com-heading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.sf-com-detail-related-document .com-heading .related-title {
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
}

.sf-com-detail-related-document .com-heading .nextPrev {
    display: inline-flex;
    float: right;
}

.sf-com-detail-related-document .com-heading .nextPrev a {
    text-decoration: none;
    background: #FFFFFF;
    color: #000000;
    padding: 0px 8px;
    margin: 0 2px;
}

.sf-com-detail-related-document .com-heading .nextPrev .disable {
    color: #dddddd;
}

.drdc-list {
    font-size: 14px;
    font-weight: 200;
    padding: 0;
    margin: 0;
}

.drdc-list .item {
    padding-bottom: 10px;
}

.drdc-list .item a {
    display: block;
    text-decoration: none;
    color: #000000;
}

.drdc-list .item a .drdc-info .title {
    font-size: 1em;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 25px;
    margin-bottom: 5px;
    background: url(../images/other-dl.jpg) no-repeat 0 4px;
    background-size: 16px 16px;
}

.drdc-list .item a .drdc-info .pdf {
    background: url(../images/pdf-dl.jpg) no-repeat 0 4px;
    background-size: 16px 16px;
}

.drdc-list .item a .drdc-info .docx,
.drdc-list .item a .drdc-info .doc {
    background: url(../images/word-dl.jpg) no-repeat 0 4px;
    background-size: 16px 16px;
}

.drdc-list .item a .drdc-info .pptx,
.drdc-list .item a .drdc-info .ppt {
    background: url(../images/ppt-dl.jpg) no-repeat 0 4px;
    background-size: 16px 16px;
}

.drdc-list .item a .drdc-info .xlsx,
.drdc-list .item a .drdc-info .xls {
    background: url(../images/cel-dl.jpg) no-repeat 0 4px;
    background-size: 16px 16px;
}

.drdc-list .item a .drdc-info .zip,
.drdc-list .item a .drdc-info .rar {
    background: url(../images/zip-dl.jpg) no-repeat 0 4px;
    background-size: 16px 16px;
}

.drdc-list .item a .drdc-info .other {
    background: url(../images/other-dl.jpg) no-repeat 0 4px;
    background-size: 16px 16px;
}

.drdc-list .item a .drdc-info .score-star {
    font-size: 0.9em;
    color: #7E8C9A;
    padding-left: 20px;
}

.drdc-list .item a .drdc-info .score-star .stars .rd-half-read-only {
    display: inline-block;
}

.drdc-list .drdc-hide {
    display: none;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-detail-ranking-document-download {
    padding: 20px;
    background: #F0F0F0;
    margin-bottom: 30px;
    position: relative;
}

.sf-com-detail-ranking-document-download .com-heading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.sf-com-detail-ranking-document-download .related-title {
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
}

.sf-com-detail-ranking-document-download .nextPrev {
    display: inline-flex;
    float: right;
}

.sf-com-detail-ranking-document-download .nextPrev a {
    text-decoration: none;
    background: #FFFFFF;
    color: #000000;
    padding: 0px 8px;
    margin: 0 2px;
}

.sf-com-detail-ranking-document-download .nextPrev .disable {
    color: #dddddd;
}

.sf-com-detail-ranking-document-download .drdc-list {
    list-style-type: none;
    font-weight: 200;
    font-size: 14px;
    vertical-align: top;
    counter-reset: line-number;
}

.sf-com-detail-ranking-document-download .drdc-list .item {
    padding-left: 20px;
    position: relative;
    counter-increment: line-number;
}

.sf-com-detail-ranking-document-download .drdc-list .item .line-number {
    height: 1.5em;
    line-height: 1.5em;
    text-align: left;
    position: absolute;
    top: 3px;
    left: 0;
}

.sf-com-detail-ranking-document-download .drdc-list .item a .drdc-info .count {
    display: inline-flex;
}

.sf-com-detail-ranking-document-download .drdc-list .item a .drdc-info .score-star {
    padding-left: 0;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-detail-video-content .content {
    padding: 40px 0 100px;
}

.sf-com-detail-video-content .left-video-content {
    background: #FFFFFF;
}

.sf-com-detail-video-content .left-video-content .video-wrapper .video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    font-size: 6em;
    line-height: 1.15em;
    height: 1.3em;
    width: 1.3em;
    border: 0.06666em solid rgba(255, 255, 255, 0);
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 0.65em;
    margin-left: -0.65em;
    margin-top: -0.65em;
}

.sf-com-detail-video-content .left-video-content .video-wrapper .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    color: rgba(43, 51, 63, 0.6);
}

.sf-com-detail-video-content .left-video-content .video-wrapper .video-js .vjs-poster {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.sf-com-detail-video-content .left-video-content .title {
    font-size: 32px;
    font-weight: 400;
    line-height: 2em;
    padding: 20px 0;
    border-bottom: 2px dashed #C0C0C0;
    border-image-source: url(/Assets/images/detail-icons/dashed.png);
    border-image-slice: 1;
    border-image-repeat: repeat;
    color: #000000;
    margin: 0 30px;
}

.sf-com-detail-video-content .left-video-content .video-intro {
    padding: 30px;
}

.sf-com-detail-video-content .left-video-content .video-intro .dv-list {
    display: block;
    position: relative;
    min-height: 100px;
}

.sf-com-detail-video-content .left-video-content .video-intro .dv-list a {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 18px;
    height: 70px;
    margin-right: 27px;
    position: absolute;
    top: 0;
    left: 0;
}

.sf-com-detail-video-content .left-video-content .video-intro .dv-list a .btn {
    display: block;
    padding: 20px 60px;
    background: #03407E;
}

.sf-com-detail-video-content .left-video-content .video-intro .dv-list .intro {
    vertical-align: top;
    line-height: 1.5;
    display: inline-flex;
    font-size: 18px;
    width: 100%;
    padding-left: 200px;
}

.sf-com-detail-video-content .left-video-content .video-intro .share-container {
    position: relative;
    width: 200px;
}

.sf-com-detail-video-content .left-video-content .video-intro .share-container .share-btn {
    font-size: 1.2em;
    color: #669acc;
    cursor: pointer;
    padding-left: 30px;
    background: url(../images/share-blue.png) no-repeat 0 5px;
    padding-bottom: 20px;
}

.sf-com-detail-video-content .left-video-content .video-intro .share-container:hover .share-btn {
    color: #003466;
    background: url(../images/share-deepblue.png) no-repeat 0 5px;
}

.sf-com-detail-video-content .left-video-content .video-intro .share-container:hover .share-box {
    display: block;
}

@media screen and (max-width: 1024px) {
    .sf-com-detail-video-content {
        background: #eff2f7;
    }
    .sf-com-detail-video-content .content {
        padding: 0 20px;
    }
    .sf-com-detail-video-content .content .left-video-content {
        margin: 0 -20px;
    }
    .sf-com-detail-video-content .content .left-video-content .title {
        font-size: 24px;
        font-weight: 400;
        line-height: 1.5;
        margin: 0 20px 0 20px;
    }
    .sf-com-detail-video-content .content .left-video-content .video-intro {
        padding: 20px;
    }
    .sf-com-detail-video-content .content .left-video-content .video-intro .dv-list {
        position: unset;
        margin-bottom: 20px;
    }
    .sf-com-detail-video-content .content .left-video-content .video-intro .dv-list a {
        position: unset;
        top: unset;
        left: unset;
        width: 100%;
        display: block;
        font-size: 18px;
        margin: 0 0 20px 0;
    }
    .sf-com-detail-video-content .content .left-video-content .video-intro .dv-list a .btn {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 28px 60px;
    }
    .sf-com-detail-video-content .content .left-video-content .video-intro .dv-list .intro {
        font-size: 17px;
        line-height: 30px;
        display: block;
        width: 100%;
        padding-left: 0px;
        margin-bottom: 20px;
    }
    .sf-com-detail-video-content .content .left-video-content .video-intro .share-container {
        display: block;
        position: unset;
        text-align: center;
        border-top: 1px solid #dddddd;
        padding-top: 20px;
        width: 100%;
    }
    .sf-com-detail-video-content .content .left-video-content .video-intro .share-container .share-btn {
        width: 78px;
        margin: 0 auto;
    }
    .sf-com-detail-video-content .content .sf-com-detail-related-video {
        padding: 40px 0;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-detail-related-video {
    padding: 0;
}

.sf-com-detail-related-video .related-title {
    width: 100%;
    color: #000;
    font-weight: 400;
    font-size: 24px;
    padding: 0 0 15px 0;
    border-bottom: 4px solid #669ACC;
}

.sf-com-detail-related-video .drv-list {
    width: 100%;
    margin: 26px 0;
}

.sf-com-detail-related-video .drv-list .list-item {
    width: 100%;
    margin: 26px 0;
}

.sf-com-detail-related-video .drv-list .list-item a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    background: #f5f8ff;
}

.sf-com-detail-related-video .drv-list .list-item a .img {
    height: 120px;
    width: 50%;
    display: block;
    position: relative;
}

.sf-com-detail-related-video .drv-list .list-item a .img .rv-btn {
    position: absolute;
    top: 43px;
    left: 50%;
    margin-left: -10px;
    z-index: 6;
}

.sf-com-detail-related-video .drv-list .list-item a .img .rv-btn img {
    width: 20px;
    height: 24px;
}

.sf-com-detail-related-video .drv-list .list-item a .intro {
    display: inline-block;
    width: 46%;
    padding: 13px 2% 12px 0;
    vertical-align: top;
}

.sf-com-detail-related-video .drv-list .list-item a .intro p {
    font-size: 16px;
    color: #454545;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.8;
    margin: 0;
}

.sf-com-detail-related-video .drv-list .list-item:hover a {
    background: #FFFFFF;
}

.sf-com-detail-related-video .drv-btn {
    display: none;
}

.sf-com-detail-related-video .drv-btn .rvMore {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 20px 60px;
    background: #FFFFFF;
    color: #03407E;
    display: block;
    font-size: 17px;
}

@media screen and (max-width: 1024px) {
    .sf-com-detail-related-video {
        background-color: #EFF2F7;
        padding: 40px 20px;
    }
    .sf-com-detail-related-video .related-title {
        padding: 15px 0 22px 0;
    }
    .sf-com-detail-related-video .drv-list {
        margin: 26px 0;
    }
    .sf-com-detail-related-video .drv-list .list-item a {
        display: block;
        height: auto;
    }
    .sf-com-detail-related-video .drv-list .list-item a .img {
        height: 193px;
        width: 100%;
        margin-right: unset;
        display: block;
    }
    .sf-com-detail-related-video .drv-list .list-item a .img .rv-btn {
        top: 77px;
        margin-left: -23px;
    }
    .sf-com-detail-related-video .drv-list .list-item a .img .rv-btn img {
        width: 39px;
        height: 47px;
    }
    .sf-com-detail-related-video .drv-list .list-item a .intro {
        display: block;
        width: 100%;
        padding: 20px 15px;
        vertical-align: unset;
        height: auto;
    }
    .sf-com-detail-related-video .drv-list .list-item a .intro p {
        font-size: 16px;
        margin-bottom: 0;
        overflow: unset;
        display: block;
        color: #000000;
    }
    .sf-com-detail-related-video .drv-list .list-item:hover {
        background: #FFFFFF;
    }
    .sf-com-detail-related-video .drv-list .hideRv {
        display: none;
    }
    .sf-com-detail-related-video .drv-btn {
        display: block;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-detail-latest-video {
    padding: 90px 0;
}

.sf-com-detail-latest-video .latest-video-card {
    margin: 5px 0;
}

.sf-com-detail-latest-video .latest-video-card a {
    color: #000000;
    text-decoration: none;
}

.sf-com-detail-latest-video .latest-video-card a .latest-video-image {
    height: 240px;
    position: relative;
}

.sf-com-detail-latest-video .latest-video-card a .latest-video-image .rv-btn {
    position: absolute;
    top: 97px;
    left: 50%;
    margin-left: -20px;
    z-index: 6;
}

.sf-com-detail-latest-video .latest-video-card a .latest-video-image .rv-btn img {
    width: 39px;
    height: 47px;
}

.sf-com-detail-latest-video .latest-video-card a .white-common-content {
    width: 100%;
    background: #FFFFFF;
    padding: 20px 20px;
}

.sf-com-detail-latest-video .latest-video-card a .white-common-content .title {
    font-size: 24px;
    line-height: 1.8;
    font-weight: 400;
    padding: 10px 0 0 0;
}

.sf-com-detail-latest-video .latest-video-card a .white-common-content .title:after {
    background-color: rgba(109, 173, 25, 0);
    content: " ";
    display: block;
    height: 2px;
    width: 0;
    transition: all linear 0.15s;
    z-index: 1;
    margin-top: 5px;
}

.sf-com-detail-latest-video .latest-video-card:hover .white-common-content .title:after {
    border-radius: 3px;
    background-color: #03407E;
    width: 50%;
    transition: all linear 0.2s;
}

@media screen and (max-width: 1024px) {
    .sf-com-detail-latest-video {
        background: #F1F9FE;
        padding: 40px 20px;
    }
    .sf-com-detail-latest-video .row .latest-video-card a .latest-video-image {
        height: 200px;
        position: relative;
    }
    .sf-com-detail-latest-video .row .latest-video-card a .latest-video-image .rv-btn {
        top: 80px;
        margin-left: -23px;
    }
    .sf-com-detail-latest-video .row .latest-video-card a .latest-video-image .rv-btn img {
        width: 39px;
        height: 47px;
    }
    .sf-com-detail-latest-video .row .latest-video-card a .white-common-content {
        width: 100%;
        background: #EAF1FD;
        padding: 20px;
    }
    .sf-com-detail-latest-video .row .latest-video-card a .white-common-content .title {
        font-size: 1.4em;
        line-height: 1.8em;
        font-weight: 400;
        padding: 0;
    }
    .sf-com-detail-latest-video .row .latest-video-card a .white-common-content .title:after {
        background-color: rgba(109, 173, 25, 0);
        content: " ";
        display: block;
        height: 2px;
        width: 0;
        transition: all linear 0.15s;
        z-index: 1;
        margin-top: 5px;
    }
    .sf-com-detail-latest-video .row .latest-video-card:hover .white-common-content .title:after {
        border-radius: 3px;
        background-color: #03407E;
        width: 50%;
        transition: all linear 0.2s;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-cbc-card {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}

.sf-com-cbc-card .cbc-content .cbc-img {
    position: relative;
    height: 220px;
}

.sf-com-cbc-card .cbc-content .cbc-img .tags {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #FFFFFF;
    z-index: 9;
    background: RGBA(0, 0, 0, 0.4);
    padding: 5px 20px 3px;
    font-size: 12px;
}

.sf-com-cbc-card .cbc-content .cbc-info {
    width: 100%;
    background-color: #FFFFFF;
    padding: 30px 40px 30px 40px;
}

.sf-com-cbc-card .cbc-content .cbc-info .title {
    padding: 0;
    font-size: 22px;
    font-weight: 400;
    color: #000000;
    line-height: 1.4;
    height: 2.8em;
    overflow: hidden;
}

.sf-com-cbc-card .cbc-content .cbc-info .intro {
    margin: 16px 0 0 0;
    font-weight: 200;
    font-size: 16px;
    line-height: 1.8em;
    height: 5.4em;
    overflow: hidden;
    color: #000000;
}

.sf-com-cbc-card .sf-cross-btn-2 {
    width: 100%;
    cursor: pointer;
    background-color: #d6d8e5;
    display: inline-block;
    font-size: 16px;
    height: 4em;
    line-height: 4em;
    text-align: center;
    position: relative;
    left: 0;
    bottom: 0;
    z-index: 0;
    text-decoration: none;
    color: #7099c0;
}

.sf-com-cbc-card .sf-cross-btn-2 span {
    color: #003466;
    display: block;
    font-weight: 200;
    text-transform: uppercase;
    transition: color 0.3s ease;
    text-decoration: none;
    position: relative;
    z-index: 1;
    width: 35%;
}

.sf-com-cbc-card .sf-cross-btn-2 em {
    position: absolute;
    height: 1px;
    background: #669ACC;
    width: 60%;
    right: 5%;
    top: 50%;
    transition: all 0.3s ease;
    z-index: 1;
}

.sf-com-cbc-card .sf-cross-btn-2:before,
.sf-com-cbc-card .sf-cross-btn-2:after {
    content: '';
    background: #003466;
    height: 50%;
    width: 0;
    position: absolute;
    transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.sf-com-cbc-card .sf-cross-btn-2:before {
    top: 0;
    left: 0;
    right: auto;
}

.sf-com-cbc-card .sf-cross-btn-2:after {
    bottom: 0;
    right: 0;
    left: auto;
}

.sf-com-cbc-card:hover {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.sf-com-cbc-card:hover .sf-cross-btn-2 {
    text-decoration: none;
}

.sf-com-cbc-card:hover .sf-cross-btn-2:before {
    width: 100%;
    right: 0;
    left: auto;
}

.sf-com-cbc-card:hover .sf-cross-btn-2:after {
    width: 100%;
    left: 0;
    right: auto;
}

.sf-com-cbc-card:hover .sf-cross-btn-2 span {
    color: #FFFFFF;
}

.sf-com-cbc-card:hover .sf-cross-btn-2 em {
    background: #FFFFFF;
}

.sf-com-cbc-card.type-2 .cbc-content .cbc-info {
    background-color: #d6d9e5;
}

.sf-com-cbc-card.type-2 .sf-cross-btn-2 {
    background-color: #FFFFFF;
}

.sf-com-cbc-card.type-3 .cbc-content {
    position: relative;
    background: #000000;
}

.sf-com-cbc-card.type-3 .cbc-content .cbc-img {
    height: 480px;
}

.sf-com-cbc-card.type-3 .cbc-content .cbc-img .sf-com-motional-image {
    transition: opacity linear 0.3s;
}

.sf-com-cbc-card.type-3 .cbc-content .cbc-img .cbc-info {
    padding: 0 35px 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 100%);
    z-index: 7;
}

.sf-com-cbc-card.type-3 .cbc-content .cbc-img .cbc-info .title {
    font-size: 22px;
    color: #FFFFFF;
}

.sf-com-cbc-card.type-3 .cbc-content:hover .cbc-img .sf-com-motional-image {
    opacity: 0.8;
}

.sf-com-cbc-card.no-link .cbc-content .cbc-img {
    height: 180px;
}

.sf-com-cbc-card.no-link .cbc-content .cbc-img .tags {
    bottom: unset;
    right: unset;
    left: 20px;
    top: 10px;
}

.sf-com-cbc-card.no-link .cbc-content .cbc-info {
    padding: 20px;
}

.sf-com-cbc-card.no-link .cbc-content .cbc-info .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.sf-com-cbc-card.no-link .cbc-content .cbc-info .intro {
    margin: 10px 0 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sf-com-cbc-card.no-link .cbc-content:hover,
.sf-com-cbc-card.no-link .cbc-content:focus,
.sf-com-cbc-card.no-link .cbc-content:active {
    box-shadow: 5px 3px 10px 0 rgba(0, 0, 0, 0.1);
    background: rgba(212, 227, 240, 0.8);
}

@media screen and (max-width: 1024px) {
    .sf-com-cbc-card .cbc-content .cbc-img {
        height: 180px;
    }
    .sf-com-cbc-card .cbc-content .cbc-info {
        padding: 20px;
    }
    .sf-com-cbc-card .cbc-content .cbc-info .title {
        font-size: 20px;
        line-height: 1.4em;
    }
    .sf-com-cbc-card .cbc-content .cbc-info .intro {
        margin: 14px 0 0 0;
        font-weight: 200;
        line-height: 2em;
        height: 6em;
        font-size: 14px;
    }
    .sf-com-cbc-card .sf-cross-btn-2 {
        font-size: 14px;
        height: 3em;
        line-height: 3em;
    }
    .sf-com-cbc-card .sf-cross-btn-2 em {
        background: #003466;
    }
    .sf-com-cbc-card .sf-cross-btn-2 span {
        font-weight: 400;
        color: #003466;
    }
    .sf-com-cbc-card.type-3 {
        padding: 0 5px;
    }
    .sf-com-cbc-card.type-3 .cbc-content .cbc-img {
        height: 350px;
    }
    .sf-com-cbc-card.type-3 .cbc-content .cbc-img .sf-com-motional-image {
        transition: opacity linear 0.3s;
    }
    .sf-com-cbc-card.type-3 .cbc-content .cbc-img .cbc-info {
        background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0) 100%);
    }
    .sf-com-cbc-card.type-3 .cbc-content .cbc-img .cbc-info .title {
        font-size: 22px;
        font-weight: 200;
        line-height: 1.4;
    }
    .sf-com-cbc-card.type-3 .cbc-content:hover .cbc-img .sf-com-motional-image {
        opacity: 0.8;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-case-center-content {
    padding: 95px 0 65px;
}

.sf-com-case-center-content.type-2 .sf-title-block {
    margin-bottom: 60px;
}

@media screen and (max-width: 1024px) {
    .sf-com-case-center-content {
        padding: 20px 0 0 0;
    }
    .sf-com-case-center-content .row {
        margin: 0;
    }
    .sf-com-case-center-content .row .sf-com-cbc-card {
        margin-bottom: 15px;
    }
    .sf-com-case-center-content.type-1 .sf-container .content .sf-title-block {
        margin: 20px 0;
    }
    .sf-com-case-center-content.type-2 {
        padding: 10px 0 30px 0;
    }
    .sf-com-case-center-content.type-2 .sf-title-block {
        margin-bottom: 0px;
    }
    .sf-com-case-center-content.type-2 .sf-title-block .title {
        margin-bottom: 20px;
    }
    .sf-com-case-center-content.type-2 .sf-com-cbc-card .cbc-content .cbc-info .title {
        font-size: 16px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-slider-hot-case {
    padding: 80px 0;
}

.sf-com-slider-hot-case .slick-slider {
    position: relative;
}

.sf-com-slider-hot-case .slick-slider .slick-arrow {
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    top: 50%;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    z-index: 90;
}

.sf-com-slider-hot-case .slick-slider .slick-arrow::after {
    font-size: 16px;
    content: " ";
    display: block;
    height: 1em;
    width: 1em;
    border-left: 2px solid #454545;
    border-bottom: 2px solid #454545;
    position: absolute;
    transition: all linear 0.3s;
}

.sf-com-slider-hot-case .slick-slider .slick-arrow.prev {
    left: 0;
}

.sf-com-slider-hot-case .slick-slider .slick-arrow.prev::after {
    transform: rotate(45deg);
    top: 50%;
    margin-top: -0.55em;
    left: 50%;
    margin-left: 0em;
}

.sf-com-slider-hot-case .slick-slider .slick-arrow.next {
    right: 0;
}

.sf-com-slider-hot-case .slick-slider .slick-arrow.next::after {
    transform: rotate(-135deg);
    top: 50%;
    left: 50%;
    margin-top: -0.55em;
    margin-left: -0.7em;
}

.sf-com-slider-hot-case .slick-slider .slick-arrow:hover {
    background-color: #FFFFFF;
}

.sf-com-slider-hot-case .slick-slider .slick-arrow:hover.prev::after {
    margin-left: -0.65em;
}

.sf-com-slider-hot-case .slick-slider .slick-arrow:hover.next::after {
    margin-left: -0.2em;
}

.sf-com-slider-hot-case .basic-list {
    list-style-type: none;
    margin: 0;
    padding: 0 50px;
    overflow: hidden;
}

.sf-com-slider-hot-case .basic-list .list-item {
    float: left;
    padding: 10px 20px;
}

.sf-com-slider-hot-case .basic-list .slick-list {
    overflow: hidden;
}

.sf-com-slider-hot-case .basic-list .slick-list .slick-track {
    overflow: hidden;
}

.sf-com-slider-hot-case .basic-list .slick-list .slick-track .slick-slide {
    float: left;
    overflow: hidden;
}

.sf-com-slider-hot-case .basic-list .slick-list .slick-track .slick-slide:focus,
.sf-com-slider-hot-case .basic-list .slick-list .slick-track .slick-slide:active {
    outline: none;
}

.sf-com-slider-hot-case .sf-com-cbc-card {
    max-width: 463px;
    margin: 0 auto 15px auto;
}

@media screen and (max-width: 1024px) {
    .sf-com-slider-hot-case {
        padding: 20px 20px 40px;
    }
    .sf-com-slider-hot-case .slick-slider .slick-arrow {
        height: 35px;
        width: 35px;
    }
    .sf-com-slider-hot-case .slick-slider .slick-arrow.prev {
        left: 10px;
        top: 25%;
    }
    .sf-com-slider-hot-case .slick-slider .slick-arrow.prev::after {
        margin-left: -0.2em;
    }
    .sf-com-slider-hot-case .slick-slider .slick-arrow.next {
        right: 10px;
        top: 25%;
    }
    .sf-com-slider-hot-case .basic-list {
        padding: 0 0px;
    }
    .sf-com-slider-hot-case .basic-list .list-item {
        padding: 10px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-banner-type-6 .bt-container {
    background-color: #000000;
    position: relative;
    height: 450px;
}

.sf-com-banner-type-6 .bt-container .bt-title {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 12;
    margin-top: -3em;
}

.sf-com-banner-type-6 .bt-container .bt-title .title {
    text-align: center;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #FFFFFF;
}

.sf-com-banner-type-6 .bt-container .bt-title .sub-title {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 20px;
    color: #FFFFFF;
}

.sf-com-banner-type-6 .bt-container .sf-com-motional-image {
    opacity: 1;
}

@media screen and (max-width: 1024px) {
    .sf-com-banner-type-6 .bt-container {
        height: 268px;
    }
    .sf-com-banner-type-6 .bt-container .bt-title {
        padding: 0 10%;
    }
    .sf-com-banner-type-6 .bt-container .bt-title .title {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .sf-com-banner-type-6 .bt-container .bt-title .sub-title {
        line-height: 24px;
        margin-bottom: 20px;
    }
    .sf-com-banner-type-6.type-2 .bt-container {
        height: 200px;
    }
    .sf-com-banner-type-6.type-2 .bt-container .bt-title {
        padding: 0 10%;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-query-card-content {
    padding: 78px 0 125px;
}

.sf-com-query-card-content .form-control {
    border-radius: 0;
}

.sf-com-query-card-content .row {
    max-width: 1320px;
    margin: 0 auto;
}

.sf-com-query-card-content .row .call-back-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.sf-com-query-card-content .row .call-back-container .call-back-form {
    position: absolute;
    top: 150%;
    padding: 5% 5% 20px 5%;
    border: 1px solid #669acc;
    height: 100%;
    margin: 0px auto;
    background: #FFFFFF;
    transition: top linear 0.2s;
    width: 100%;
}

.sf-com-query-card-content .row .call-back-container .call-back-form label {
    color: #a3a3a3;
    font-size: 15px;
    margin: 30px 0 20px;
}

.sf-com-query-card-content .row .call-back-container .call-back-form .form-group {
    margin-bottom: 25px;
}

.sf-com-query-card-content .row .call-back-container .call-back-form .form-group label {
    display: block;
    margin: 0;
}

.sf-com-query-card-content .row .call-back-container .call-back-form .form-group input {
    border: 1px solid #d4d4d4;
    padding: 5px 15px;
    font-size: 16px;
}

.sf-com-query-card-content .row .call-back-container .call-back-form .form-group input::-webkit-input-placeholder,
.sf-com-query-card-content .row .call-back-container .call-back-form .form-group input:-ms-input-placeholder,
.sf-com-query-card-content .row .call-back-container .call-back-form .form-group input:-moz-placeholder,
.sf-com-query-card-content .row .call-back-container .call-back-form .form-group input::-moz-placeholder {
    color: #d4d4d4;
}

.sf-com-query-card-content .row .call-back-container .call-back-form .form-group em.error {
    font-size: 12px;
    line-height: 14px;
    color: red;
    font-weight: 200;
    vertical-align: top;
    white-space: nowrap;
}

.sf-com-query-card-content .row .call-back-container .call-back-form .form-group .block-input {
    width: 100%;
    display: block;
    margin-bottom: 2px;
}

.sf-com-query-card-content .row .call-back-container .call-back-form .cb-btn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    text-align: center;
    margin: 15px 0 25px 0;
}

.sf-com-query-card-content .row .call-back-container .call-back-form .cb-btn input,
.sf-com-query-card-content .row .call-back-container .call-back-form .cb-btn button {
    display: inline-block;
    padding: 10px;
    border-radius: 4px;
    color: #FFFFFF;
    background: #669acc;
    border: 2px solid #669acc;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 0;
    width: 45%;
}

.sf-com-query-card-content .row .call-back-container .call-back-form .cb-btn input:hover,
.sf-com-query-card-content .row .call-back-container .call-back-form .cb-btn input:active,
.sf-com-query-card-content .row .call-back-container .call-back-form .cb-btn input:focus,
.sf-com-query-card-content .row .call-back-container .call-back-form .cb-btn button:hover,
.sf-com-query-card-content .row .call-back-container .call-back-form .cb-btn button:active,
.sf-com-query-card-content .row .call-back-container .call-back-form .cb-btn button:focus {
    color: #669acc;
    background: #FFFFFF;
}

.sf-com-query-card-content .row .call-back-container:hover .sf-com-query-card-basic,
.sf-com-query-card-content .row .call-back-container:active .sf-com-query-card-basic,
.sf-com-query-card-content .row .call-back-container:focus .sf-com-query-card-basic {
    box-shadow: unset;
}

.sf-com-query-card-content .row .call-back-container.active .call-back-form {
    top: 0;
    transition: top linear 0.2s;
}

@media screen and (max-width: 1024px) {
    .sf-com-query-card-content {
        padding: 35px 0 90px;
    }
    .sf-com-query-card-content .row {
        margin: 0;
    }
    .sf-com-query-card-content .row .col-md-4 {
        max-width: 100%;
        flex: unset;
        display: block;
        margin-bottom: 20px;
    }
    .sf-com-query-card-content .row .col-md-4 .call-back-container .call-back-form {
        width: 100%;
        padding-top: 20px;
    }
    .sf-com-query-card-content .row .col-md-4 .call-back-container .call-back-form label {
        margin: 0 0 20px;
    }
    .sf-com-query-card-content .row .col-md-4 .call-back-container .call-back-form .form-group {
        height: 60px;
    }
    .sf-com-query-card-content .row .col-md-4 .call-back-container .call-back-form .form-group input {
        border: 1px solid #d4d4d4;
        padding: 8px 15px;
        font-size: 16px;
        color: #d4d4d4;
    }
    .sf-com-query-card-content .row .col-md-4 .call-back-container .call-back-form .cb-btn input,
    .sf-com-query-card-content .row .col-md-4 .call-back-container .call-back-form .cb-btn button {
        padding: 8px 15%;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-query-card-basic {
    padding: 20px 20px 100px 20px;
    position: relative;
    border: 1px solid #669acc;
    margin: 0 auto;
    height: 100%;
}

.sf-com-query-card-basic .icon {
    text-align: center;
    width: 150px;
    height: 150px;
    margin: 25px auto;
}

.sf-com-query-card-basic .icon img {
    width: 100%;
    height: 100%;
}

.sf-com-query-card-basic .title {
    color: #000000;
    font-size: 40px;
    margin-bottom: 10px;
    font-weight: 400;
    text-align: center;
}

.sf-com-query-card-basic .detail {
    color: #000000;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    font-weight: 200;
}

.sf-com-query-card-basic .detail p {
    margin-bottom: 12px;
}

.sf-com-query-card-basic .detail .phone-num {
    font-size: 36px;
    line-height: 40px;
    color: #669acc;
    font-weight: 400;
    margin: 15px 0 30px 0;
}

.sf-com-query-card-basic a {
    position: absolute;
    bottom: 0;
    left: 0;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 24px;
    width: 100%;
}

.sf-com-query-card-basic a .btn {
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 18px;
    background: #669acc;
}

.sf-com-query-card-basic a .btn .icon-r {
    width: 0px;
    height: 22px;
    display: block;
    overflow: hidden;
    padding-left: 10px;
    transition: width linear 0.15s;
}

.sf-com-query-card-basic a .btn .icon-r .qcb-right {
    background: url(../images/arrow.png) no-repeat 0 7px;
    display: block;
    width: 30px;
    height: 22px;
    background-size: 18px 16px;
    margin-left: 50px;
    transition: margin-left linear 0.15s;
    overflow: hidden;
}

.sf-com-query-card-basic:hover,
.sf-com-query-card-basic:active,
.sf-com-query-card-basic:focus {
    box-shadow: 15px 10px 10px 0 #e2e8ed;
}

.sf-com-query-card-basic:hover .btn .icon-r,
.sf-com-query-card-basic:active .btn .icon-r,
.sf-com-query-card-basic:focus .btn .icon-r {
    width: 45px;
    transition: width linear 0.2s;
}

.sf-com-query-card-basic:hover .btn .icon-r .qcb-right,
.sf-com-query-card-basic:active .btn .icon-r .qcb-right,
.sf-com-query-card-basic:focus .btn .icon-r .qcb-right {
    margin-left: 0px;
    transition: margin-left linear 0.25s;
}

@media screen and (max-width: 1024px) {
    .sf-com-query-card-basic {
        padding: 20px 20px 60px 20px;
    }
    .sf-com-query-card-basic .icon {
        margin-bottom: 20px;
        margin-top: 30px;
        height: 105px;
        width: 105px;
    }
    .sf-com-query-card-basic .title {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .sf-com-query-card-basic .detail {
        font-size: 16px;
    }
    .sf-com-query-card-basic .detail p {
        margin-bottom: 5px;
    }
    .sf-com-query-card-basic .detail .phone-num {
        font-size: 20px;
        line-height: 1.5;
    }
    .sf-com-query-card-basic a {
        font-size: 16px;
    }
    .sf-com-query-card-basic a .btn {
        padding: 15px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-contact-card-basic {
    padding: 20px 20px 40px 20px;
    position: relative;
    background: rgba(222, 240, 255, 0.8);
    z-index: 2;
    min-height: 385px;
    height: 100%;
}

.sf-com-contact-card-basic .icon {
    text-align: center;
    width: 150px;
    height: 150px;
    margin: 38px auto 45px;
}

.sf-com-contact-card-basic .icon img {
    width: 100%;
    height: 100%;
}

.sf-com-contact-card-basic .title {
    color: #000000;
    font-size: 22px;
    line-height: 1.5;
    font-weight: 400;
    text-align: center;
    width: 65%;
    margin: 0 auto 10px auto;
}

.sf-com-contact-card-basic .detail {
    color: #000000;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 200;
}

.sf-com-contact-card-basic .detail .desc {
    text-align: left;
}

.sf-com-contact-card-basic .detail .phone-num {
    font-size: 36px;
    line-height: 1.5;
    color: #03407E;
    font-weight: 600;
    text-align: center;
    margin-top: 15px;
}

.sf-com-contact-card-basic:hover,
.sf-com-contact-card-basic:active,
.sf-com-contact-card-basic:focus {
    box-shadow: 15px 10px 10px 0 rgba(0, 0, 0, 0.1);
    background: rgba(212, 227, 240, 0.8);
}

@media screen and (max-width: 1024px) {
    .sf-com-contact-card-basic {
        margin: 10px auto;
        min-height: 220px;
        height: auto;
    }
    .sf-com-contact-card-basic .icon {
        width: 95px;
        height: 95px;
        margin: 0px auto 10px;
    }
    .sf-com-contact-card-basic .title {
        font-size: 16px;
        font-weight: 200;
        line-height: 28px;
        margin: 0 auto 5px;
    }
    .sf-com-contact-card-basic .detail .desc {
        font-size: 0.8em;
        font-weight: 200;
    }
    .sf-com-contact-card-basic .detail .phone-num {
        font-size: 24px;
        line-height: 32px;
        margin: 0px auto;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-contact-ecology-card-basic {
    padding: 46px 8% 35px;
    position: relative;
    background: rgba(255, 255, 255, 0.6);
    z-index: 2;
    margin: 20px 0;
}

.sf-com-contact-ecology-card-basic .title {
    color: #000000;
    font-size: 22px;
    line-height: 1.5;
    font-weight: 400;
    text-align: center;
    margin: 0 auto 20px auto;
}

.sf-com-contact-ecology-card-basic .detail {
    color: #000000;
}

.sf-com-contact-ecology-card-basic .detail .desc {
    text-align: left;
    margin-bottom: 20px;
}

.sf-com-contact-ecology-card-basic .detail .links {
    text-align: center;
}

.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn {
    margin: 10px 5px 0 5px;
    height: 2.8em;
    line-height: 2.8em;
    padding: 0 5em 0 1.5em;
    border: 1px solid rgba(0, 0, 0, 0);
}

.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn em {
    width: 3em;
}

.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:last-child {
    background: #03407E;
}

.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:hover,
.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:active,
.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:focus {
    border: 1px solid #669ACC;
}

.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:hover span,
.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:active span,
.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:focus span {
    color: #669ACC;
}

.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:hover em,
.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:active em,
.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:focus em {
    background: #669ACC;
}

.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:hover:last-child,
.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:active:last-child,
.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:focus:last-child {
    border: 1px solid #03407E;
}

.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:hover:last-child span,
.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:active:last-child span,
.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:focus:last-child span {
    color: #03407E;
}

.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:hover:last-child em,
.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:active:last-child em,
.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:focus:last-child em {
    background: #03407E;
}

.sf-com-contact-ecology-card-basic:hover,
.sf-com-contact-ecology-card-basic:active,
.sf-com-contact-ecology-card-basic:focus {
    box-shadow: 15px 10px 10px 0 rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.9);
}

@media screen and (max-width: 1024px) {
    .sf-com-contact-ecology-card-basic {
        margin: 0 auto 10px;
        padding: 20px 8%;
    }
    .sf-com-contact-ecology-card-basic .title {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 24px;
    }
    .sf-com-contact-ecology-card-basic .detail .desc {
        font-size: 14px;
    }
    .sf-com-contact-ecology-card-basic .detail .links {
        text-align: center;
    }
    .sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn {
        margin: 5px 5px 0;
        font-size: 14px;
        height: 2.5em;
        line-height: 2.5em;
        padding: 0 4em 0 0.8em;
    }
    .sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn em {
        width: 1.8em;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-security-code {
    margin-bottom: 22px;
}

.sf-com-security-code .pic-security {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.sf-com-security-code .pic-security .input-security {
    display: inline-block;
    width: 55%;
    margin-right: 2%;
}

.sf-com-security-code .pic-security .input-security input {
    width: 100%;
    max-width: 100%;
    padding: 5px 10px;
}

.sf-com-security-code .pic-security .input-security input#seCode {
    width: 100%;
}

.sf-com-security-code .pic-security .pic {
    vertical-align: top;
    display: inline-flex;
    height: 42px;
    width: 44%;
}

.sf-com-security-code .pic-security .pic canvas {
    width: 100%;
    height: 100%;
    background: #C8C8C8;
}

.sf-com-security-code .pic-security .pic img {
    border: none;
    display: block;
    background-color: #EAEAEA;
    height: 42px;
    width: 100%;
}

.sf-com-security-code.type-2 .pic-security {
    width: 100%;
    display: block;
    position: relative;
}

.sf-com-security-code.type-2 .pic-security .input-security {
    width: 100%;
}

.sf-com-security-code.type-2 .pic-security .pic {
    width: 30%;
    top: 2px;
    right: 45px;
    position: absolute;
}

.sf-com-security-code.type-2 .pic-security .img {
    top: 2px;
    right: 2px;
    position: absolute;
    background: #ccc;
}

.sf-com-security-code.type-2 .pic-security .img img {
    width: 42px;
    height: 42px;
    transform: rotate(0deg);
    transition: all linear 0.3s;
}

.sf-com-security-code.type-2 .pic-security .img img:hover {
    transition: all linear 0.3s;
    transform: rotate(300deg);
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-get-support {
    padding: 90px 0;
}

.sf-com-get-support .contact-box {
    padding: 20px 35px;
}

.sf-com-get-support .contact-box .title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px;
}

.sf-com-get-support .contact-box .sub-title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 25px;
}

.sf-com-get-support .contact-box .intro {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 40px;
}

.sf-com-get-support .contact-box .link {
    font-size: 1em;
    text-decoration: none;
    color: #FFFFFF;
    background: #669acc;
    border: 1px solid #669acc;
    padding: 1em 2em;
    line-height: 1em;
    display: inline-block;
}

.sf-com-get-support .contact-box .link:hover {
    background: #FFFFFF;
    color: #03407E;
    border: 1px solid #03407E;
}

.sf-com-get-support .data {
    padding: 20px 55px 20px 20px;
}

.sf-com-get-support .data .title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px;
}

.sf-com-get-support .data .list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.sf-com-get-support .data .list .list-item {
    border-bottom: 2px solid #85afd6;
    padding: 25px 0;
}

.sf-com-get-support .data .list .list-item .link {
    color: #000000;
    text-decoration: none;
}

.sf-com-get-support .data .list .list-item .link .title {
    font-size: 18px;
    margin-bottom: 5px;
}

.sf-com-get-support .data .list .list-item .link .date {
    font-size: 16px;
}

.sf-com-get-support .data .list .list-item .link:hover {
    color: #03407E;
}

.sf-com-get-support .data .list .list-item:last-child {
    border-bottom: 2px solid rgba(0, 0, 0, 0);
}

.sf-com-get-support .data .list .list-item:first-child {
    padding-top: 0px;
}

.sf-com-get-support .download {
    padding: 20px 0px;
}

.sf-com-get-support .download .title {
    font-size: 22px;
    font-weight: 400;
}

.sf-com-get-support .download .download-list {
    margin: 0 2% 0 0;
    padding: 0;
    list-style-type: none;
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.sf-com-get-support .download .download-list .list-item {
    width: 100%;
    border-bottom: 2px solid #85afd6;
    padding: 0 0 0 45px;
    background: url(../images/download-blue.png) no-repeat 0 25px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    min-height: 80px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.sf-com-get-support .download .download-list .list-item .link {
    color: #000000;
    text-decoration: none;
}

.sf-com-get-support .download .download-list .list-item .link .title {
    font-size: 16px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sf-com-get-support .download .download-list .list-item .link:hover {
    color: #03407E;
}

.sf-com-get-support .download .download-list .list-item:last-child {
    border-bottom: 2px solid rgba(0, 0, 0, 0);
}

.sf-com-get-support .download .download-list:last-child {
    margin-right: 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-get-support {
        padding: 40px 20px;
    }
    .sf-com-get-support .content .row {
        margin-right: 0;
        margin-left: 0;
    }
    .sf-com-get-support .content .row .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sf-com-get-support .content .row .col-md-4 .contact-box {
        padding: 0;
        margin: 20px 0;
    }
    .sf-com-get-support .content .row .col-md-4 .contact-box .title {
        font-size: 18px;
        font-weight: 200;
        margin-bottom: 15px;
    }
    .sf-com-get-support .content .row .col-md-4 .contact-box .sub-title {
        font-size: 15px;
        font-weight: 200;
        margin-bottom: 20px;
    }
    .sf-com-get-support .content .row .col-md-4 .contact-box .intro {
        font-size: 15px;
        font-weight: 200;
        margin-bottom: 25px;
    }
    .sf-com-get-support .content .row .col-md-4 .contact-box .link {
        display: block;
        text-align: center;
        margin: 0 auto;
        width: 160px;
    }
    .sf-com-get-support .content .row .col-md-4 .data {
        padding: 0;
        margin-bottom: 20px;
    }
    .sf-com-get-support .content .row .col-md-4 .data .title {
        font-size: 18px;
        font-weight: 200;
        margin-bottom: 15px;
    }
    .sf-com-get-support .content .row .col-md-4 .data .list .list-item {
        border-bottom: 1px solid #85afd6;
        padding: 20px 0;
    }
    .sf-com-get-support .content .row .col-md-4 .data .list .list-item .link .title {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .sf-com-get-support .content .row .col-md-4 .data .list .list-item .link .date {
        font-size: 15px;
        font-weight: 200;
    }
    .sf-com-get-support .content .row .col-md-4 .data .list .list-item:last-child {
        border-bottom: 1px solid rgba(0, 0, 0, 0);
    }
    .sf-com-get-support .content .row .col-md-4 .data .list .list-item:first-child {
        padding-top: 0px;
    }
    .sf-com-get-support .content .row .col-md-4 .download {
        padding: 0;
        margin-bottom: 20px;
    }
    .sf-com-get-support .content .row .col-md-4 .download .title {
        font-size: 18px;
        font-weight: 200;
    }
    .sf-com-get-support .content .row .col-md-4 .download .download-list {
        margin: 0;
        width: 100%;
        display: block;
    }
    .sf-com-get-support .content .row .col-md-4 .download .download-list .list-item {
        width: 100%;
        border-bottom: 1px solid #85afd6;
        padding: 25px 0 25px 45px;
    }
    .sf-com-get-support .content .row .col-md-4 .download .download-list .list-item .link .title {
        font-size: 14px;
        margin-bottom: 0;
    }
    .sf-com-get-support .content .row .col-md-4 .download .download-list:last-child .list-item:last-child {
        border-bottom: 1px solid rgba(0, 0, 0, 0);
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-product-query-form-base {
    padding: 30px 0;
}

.sf-com-product-query-form-base .form-group {
    margin-bottom: 1.5rem;
}

.sf-com-product-query-form-base .form-group .form-control {
    height: calc(3.75em + 0.75rem + 2px);
    font-size: 0.9rem;
    padding: 0.375rem 1.5rem;
    border-radius: 0rem;
}

.sf-com-product-query-form-base .form-group textarea.form-control {
    height: auto;
    padding: 24px 1.5rem 24px 1.5rem;
    resize: none;
}

.sf-com-product-query-form-base .form-group em.error {
    font-size: 12px;
    font-weight: 200;
    margin: 5px 0 0 0;
    color: red;
}

.sf-com-product-query-form-base .form-group .sf-com-security-code .pic-security .input-security input#seCode {
    border: 1px solid rgba(206, 212, 218, 0);
    height: calc(3.75em + 0.75rem + 2px);
    font-size: 0.9rem;
    padding: 0.375rem 1.5rem;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 0rem;
}

.sf-com-product-query-form-base .form-group .sf-com-security-code .pic-security .pic {
    height: calc(3.3em + 0.75rem + 2px);
}

.sf-com-product-query-form-base button.btn.btn-primary {
    padding: 17px;
    display: block;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: #5e91c8;
    color: white;
    font-size: 0.8em;
    border-radius: 0.25rem;
}

.sf-com-product-query-form-base button.btn.btn-primary span {
    margin: 0 15px 0 0;
}

.sf-com-product-query-form-base button.btn.btn-primary span.icon {
    position: relative;
    right: 0;
    top: 1px;
    transition: all linear 0.15s;
}

.sf-com-product-query-form-base button.btn.btn-primary span.icon .ti-arrow-right {
    margin: 0;
}

.sf-com-product-query-form-base button.btn.btn-primary:hover span.icon,
.sf-com-product-query-form-base button.btn.btn-primary:focus span.icon,
.sf-com-product-query-form-base button.btn.btn-primary:active span.icon {
    position: relative;
    right: -10px;
    transition: all linear 0.3s;
}

.sf-com-product-query-form-base .btn.btn-primary {
    padding: 18px;
    display: block;
    width: 200px;
    margin: 0 auto;
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: #03407E;
    color: white;
    font-size: 0.8em;
    border-radius: 0rem;
}

.sf-com-product-query-form-base .btn.btn-primary:hover,
.sf-com-product-query-form-base .btn.btn-primary:focus,
.sf-com-product-query-form-base .btn.btn-primary:active {
    border: 1px solid #03407E;
    color: #03407E;
    background-color: white;
}

.switch-title {
    height: calc(3.75em + 0.75rem + 2px);
    font-size: 0.9rem;
    padding: 0.375rem 1.5rem;
}

.switch input {
    visibility: hidden;
}

.switch .switch-checkbox {
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    font-variant: tabular-nums;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 44px;
    height: 22px;
    line-height: 20px;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, 0.25);
    border: 1px solid transparent;
    border-radius: 100px;
    cursor: pointer;
    -webkit-transition: all .36s;
    transition: all .36s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.switch .switch-checkbox:after {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 18px;
    cursor: pointer;
    -webkit-transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    content: ' ';
}

.switch .switch-checkbox:hover,
.switch .switch-checkbox:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.switch .switch-checkbox.switch-checked {
    background-color: #1890ff;
}

.switch .switch-checkbox.switch-checked:after {
    left: 100%;
    margin-left: -1px;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

@media screen and (max-width: 1024px) {
    .sf-com-product-query-form-base {
        padding: 5px 0;
    }
    .sf-com-product-query-form-base .form-group {
        margin-bottom: 0.6rem;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-product-query-form-type-3 {
    padding: 90px 0;
}

.sf-com-product-query-form-type-3 .sf-title-block {
    margin-top: 10px;
}

.sf-com-product-query-form-type-3 .row .col-md-5 {
    z-index: 6;
}

.sf-com-product-query-form-type-3 .row .col-md-6 .mobile-image {
    height: 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-product-query-form-type-3 {
        padding: 0 0 20px 0;
    }
    .sf-com-product-query-form-type-3 .mobile-image {
        height: 220px;
        position: relative;
        background-position: 10% center;
    }
    .sf-com-product-query-form-type-3 .mobile-image img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }
    .sf-com-product-query-form-type-3 .mobile-image:after {
        position: absolute;
        height: 75px;
        background: linear-gradient(to top, #deedf9 0%, #deedf9 60%, rgba(205, 236, 253, 0.3) 95%, rgba(102, 154, 204, 0) 100%);
        bottom: 0px;
        left: 0;
        width: 100%;
        top: unset;
    }
    .sf-com-product-query-form-type-3 .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    .sf-com-product-query-form-type-3 .row .col-md-5 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 20px;
    }
    .sf-com-product-query-form-type-3.sf-block-background {
        background-image: none !important;
        background-color: #deedf9;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-project-query-form {
    padding: 30px 0 60px;
}

.sf-com-project-query-form .about-project,
.sf-com-project-query-form .about-customer {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 20px;
}

.sf-com-project-query-form form {
    margin-bottom: 30px;
}

.sf-com-project-query-form form .line {
    height: 2px;
    width: 100%;
    margin: 35px 0 45px;
    background: url(../images/dashed.png);
}

.sf-com-project-query-form form .form-title {
    margin: 2.5rem 0;
    border-left: 8px solid #03407E;
}

.sf-com-project-query-form form .form-title h3 {
    padding-left: 20px;
    font-weight: 200;
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 0;
}

.sf-com-project-query-form form .form-title.blue {
    border-left: 8px solid #669acc;
}

.sf-com-project-query-form form .form-group {
    margin: 0 0 1rem 0;
    display: inline-block;
    vertical-align: top;
}

.sf-com-project-query-form form .form-group label {
    margin-bottom: 0.85rem;
    font-size: 1rem;
}

.sf-com-project-query-form form .form-group label .necessary {
    color: red;
}

.sf-com-project-query-form form .form-group .form-control {
    height: calc(2.75rem + 2px);
    font-size: 1rem;
    padding: 0.275rem 1.5rem;
    border-radius: 0rem;
}

.sf-com-project-query-form form .form-group select[multiple].form-control {
    height: auto;
}

.sf-com-project-query-form form .form-group textarea.form-control {
    height: auto;
    padding: 24px 1.5rem 24px 1.5rem;
    resize: none;
}

.sf-com-project-query-form form .form-group select.hide {
    visibility: hidden;
    height: 0;
    padding: 0;
}

.sf-com-project-query-form form .form-group em.error {
    font-size: 12px;
    font-weight: 200;
    margin: 5px 0 0 0;
    color: red;
}

.sf-com-project-query-form form .form-group.centered {
    margin-top: 1rem;
    text-align: center;
}

.sf-com-project-query-form form .form-group.centered .switch-title {
    padding-left: 0;
}

.sf-com-project-query-form form .btn.btn-primary {
    padding: 18px;
    display: block;
    width: 200px;
    margin: 0 auto;
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: #03407E;
    color: white;
    font-size: 0.8em;
    border-radius: 0rem;
}

.sf-com-project-query-form form .btn.btn-primary:hover,
.sf-com-project-query-form form .btn.btn-primary:focus,
.sf-com-project-query-form form .btn.btn-primary:active {
    border: 1px solid #03407E;
    color: #03407E;
    background-color: white;
}

.sf-com-project-query-form .explain {
    text-align: center;
    font-size: 0.9rem;
}

.sf-com-project-query-form .explain a {
    text-decoration: underline;
}

@media screen and (max-width: 1024px) {
    .sf-com-project-query-form {
        padding: 10px 0 30px;
    }
    .sf-com-project-query-form form {
        margin: 0 auto 30px;
    }
    .sf-com-project-query-form form .line {
        display: none;
    }
    .sf-com-project-query-form form .form-title {
        margin: 30px 0;
    }
    .sf-com-project-query-form form .form-title h3 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 0;
    }
    .sf-com-project-query-form form .form-group textarea.form-control {
        height: 105px;
        padding: 12px 1.5rem 10px 1.5rem;
        resize: none;
    }
    .sf-com-project-query-form form .form-group.centered {
        margin-top: 1rem;
        text-align: center;
    }
    .sf-com-project-query-form form .form-group.centered .switch-title {
        padding: 0;
        font-size: 0.9rem;
    }
    .sf-com-project-query-form form button.btn.btn-primary {
        margin-top: 10px;
        width: 94%;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-form-submitted-message .content .submit-message {
    padding: 60px 30px;
}

.sf-com-form-submitted-message .content .submit-message .message-icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
}

.sf-com-form-submitted-message .content .submit-message .message-icon .icon {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    background-color: #d6eeb6;
    color: #1CB141;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sf-com-form-submitted-message .content .submit-message .message-content {
    text-align: center;
}

.sf-com-form-submitted-message .content .submit-message .message-content .title {
    font-size: 22px;
    font-weight: 400;
    color: #232323;
    line-height: 1.7;
}

.sf-com-form-submitted-message .content .submit-message .message-content .detail {
    color: #666666;
    padding: 20px 0;
    line-height: 1.6;
    font-size: 14px;
}

.sf-com-form-submitted-message .content .submit-message.submit-fail .message-icon .icon {
    background-color: #f9e3e1;
    color: #F75F15;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-events-search-result-basic {
    display: block;
    color: #454545;
    margin-bottom: 15px;
    text-decoration: none;
    transition: all linear 0.3s;
}

.sf-com-events-search-result-basic .events-search-result-item {
    background-color: #f7f8fb;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    transition: all linear 0.3s;
    position: relative;
}

.sf-com-events-search-result-basic .events-search-result-item .sf-com-motional-image {
    height: auto;
    width: 41%;
    flex-shrink: 0;
}

.sf-com-events-search-result-basic .events-search-result-item .card-content {
    padding: 30px;
    flex-grow: 1;
}

.sf-com-events-search-result-basic .events-search-result-item .card-content .card-heading .title {
    margin: 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sf-com-events-search-result-basic .events-search-result-item .card-content .card-body {
    color: #666666;
    font-size: 16px;
    font-weight: 200;
    line-height: 1.8em;
    margin-top: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.sf-com-events-search-result-basic .events-search-result-item .card-content .card-body p {
    margin: 0;
}

.sf-com-events-search-result-basic .events-search-result-item .card-link {
    padding: 25px 50px 25px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sf-com-events-search-result-basic .events-search-result-item .card-link .info {
    font-size: 16px;
    padding: 10px 21px;
    background: #eff2f7;
    color: #000000;
    text-align: left;
    line-height: 24px;
    margin-bottom: 20px;
}

.sf-com-events-search-result-basic .events-search-result-item .card-link .info p {
    white-space: nowrap;
    margin-bottom: 0px;
}

.sf-com-events-search-result-basic .events-search-result-item .card-link a.link {
    display: flex;
    flex-grow: 1;
    margin: 0;
    padding: 10px 15px;
    border: 2px solid #4f90c4;
    width: 100%;
    text-decoration: none;
    position: relative;
}

.sf-com-events-search-result-basic .events-search-result-item .card-link a.link span {
    color: #4f90c4;
    display: block;
    font-weight: 200;
    text-transform: uppercase;
    transition: color 0.3s ease;
    text-decoration: none;
    position: relative;
    z-index: 1;
}

.sf-com-events-search-result-basic .events-search-result-item .card-link a.link em {
    position: absolute;
    height: 1.5px;
    background: #4f90c4;
    width: 7em;
    right: 1em;
    top: 50%;
    transform: scaleX(0.3);
    transform-origin: center right;
    transition: all 0.3s ease;
    z-index: 1;
}

.sf-com-events-search-result-basic .events-search-result-item .card-link a.link:after {
    bottom: 0;
    right: 0;
    left: auto;
    content: '';
    background: #4f90c4;
    height: 100%;
    width: 0;
    position: absolute;
    transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.sf-com-events-search-result-basic .events-search-result-item .card-link a.link:hover span,
.sf-com-events-search-result-basic .events-search-result-item .card-link a.link:focus span,
.sf-com-events-search-result-basic .events-search-result-item .card-link a.link:active span {
    color: #FFFFFF;
}

.sf-com-events-search-result-basic .events-search-result-item .card-link a.link:hover em,
.sf-com-events-search-result-basic .events-search-result-item .card-link a.link:focus em,
.sf-com-events-search-result-basic .events-search-result-item .card-link a.link:active em {
    background: #FFFFFF;
}

.sf-com-events-search-result-basic .events-search-result-item .card-link a.link:hover:after,
.sf-com-events-search-result-basic .events-search-result-item .card-link a.link:focus:after,
.sf-com-events-search-result-basic .events-search-result-item .card-link a.link:active:after {
    width: 100%;
    left: 0;
    right: auto;
}

.sf-com-events-search-result-basic:hover,
.sf-com-events-search-result-basic:focus,
.sf-com-events-search-result-basic:active {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

@media screen and (max-width: 1024px) {
    .sf-com-events-search-result-basic .events-search-result-item {
        flex-wrap: wrap;
    }
    .sf-com-events-search-result-basic .events-search-result-item .sf-com-motional-image {
        height: 200px;
        width: 100%;
    }
    .sf-com-events-search-result-basic .events-search-result-item .card-content {
        padding: 20px 20px 10px 20px;
        width: 100%;
    }
    .sf-com-events-search-result-basic .events-search-result-item .card-content .card-heading .title {
        height: unset;
        font-size: 20px;
    }
    .sf-com-events-search-result-basic .events-search-result-item .card-content .card-body {
        display: none;
    }
    .sf-com-events-search-result-basic .events-search-result-item .card-link {
        width: 100%;
        padding: 0 20px;
        margin-bottom: 20px;
        align-items: unset;
    }
    .sf-com-events-search-result-basic .events-search-result-item .card-link .info {
        font-size: 14px;
        margin-bottom: 10px;
        width: 100%;
    }
    .sf-com-events-search-result-basic .events-search-result-item .card-link a.link {
        font-size: 14px;
        padding: 7px 15px;
        max-width: 150px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-document-search-result-basic {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
    border-bottom: 1px solid #f3f3f3;
}

.sf-com-document-search-result-basic .left {
    padding: 30px 0 30px 10px;
}

.sf-com-document-search-result-basic .left a.link {
    color: #666666;
    text-decoration: none;
    position: relative;
    padding-left: 30px;
}

.sf-com-document-search-result-basic .left a.link::before {
    border: 1px solid #E2E2E2;
    border-radius: 2px;
    background-color: #FFFFFF;
    content: " ";
    display: block;
    font-family: "themify";
    font-size: 12px;
    line-height: 1;
    text-align: center;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
}

.sf-com-document-search-result-basic .left a.link:hover,
.sf-com-document-search-result-basic .left a.link:active {
    color: #03407E;
    text-decoration: none;
}

.sf-com-document-search-result-basic .left a.link.active::before {
    background-color: #03407E;
    border-color: #03407E;
    content: "\e64c";
    color: #FFFFFF;
}

.sf-com-document-search-result-basic .info {
    margin: 12px 0;
    padding-left: 50px;
    background: url(../images/pdf-dl.jpg) no-repeat 0 16px;
    background-size: 28px 28px;
    width: 66%;
}

.sf-com-document-search-result-basic .info.pdf {
    background: url(../images/pdf-dl.jpg) no-repeat 0 16px;
    background-size: 28px 28px;
}

.sf-com-document-search-result-basic .info.docx,
.sf-com-document-search-result-basic .info.doc {
    background: url(../images/word-dl.jpg) no-repeat 0 16px;
    background-size: 28px 28px;
}

.sf-com-document-search-result-basic .info.pptx,
.sf-com-document-search-result-basic .info.ppt {
    background: url(../images/ppt-dl.jpg) no-repeat 0 16px;
    background-size: 28px 28px;
}

.sf-com-document-search-result-basic .info.xlsx,
.sf-com-document-search-result-basic .info.xls {
    background: url(../images/cel-dl.jpg) no-repeat 0 16px;
    background-size: 28px 28px;
}

.sf-com-document-search-result-basic .info.zip,
.sf-com-document-search-result-basic .info.rar {
    background: url(../images/zip-dl.jpg) no-repeat 0 16px;
    background-size: 28px 28px;
}

.sf-com-document-search-result-basic .info.other {
    background: url(../images/other-dl.jpg) no-repeat 0 16px;
    background-size: 28px 28px;
}

.sf-com-document-search-result-basic .info .dsrb-title {
    font-size: 20px;
    line-height: 30px;
    margin: 5px 0;
    font-weight: 400;
}

.sf-com-document-search-result-basic .info .dsrb-data {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 14px;
}

.sf-com-document-search-result-basic .info .dsrb-data li {
    list-style: none;
    display: inline-block;
    padding: 0px 10px;
    border-left: 2px solid #d8e1ec;
    line-height: 14px;
    font-size: 14px;
    font-weight: 200;
    margin: 5px 0;
}

.sf-com-document-search-result-basic .info .dsrb-data li:first-child {
    border-left: 0px solid #ececec;
}

.sf-com-document-search-result-basic .right {
    min-width: 153px;
    margin: 12px 0;
}

.sf-com-document-search-result-basic .right .dsrb-action {
    display: block;
    padding-left: 0;
    margin: 10px 0;
    line-height: 16px;
    font-size: 0.9em;
}

.sf-com-document-search-result-basic .right .dsrb-action li {
    list-style: none;
    display: inline-block;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link {
    padding-left: 25px;
    padding-right: 15px;
    border-right: 2px solid #dddddd;
    display: block;
    text-decoration: none;
    color: #000000;
    font-weight: 200;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link.view {
    background: url(../images/eye-blue.png) no-repeat 0 0;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link.download {
    background: url(../images/download-blue.png) no-repeat 0 0;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link.collect {
    background: url(../images/heart-blue.png) no-repeat 2px 2px;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link.share {
    background: url(../images/share-blue.png) no-repeat 0 0;
    position: relative;
    padding-bottom: 10px;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link.share:hover .share-box {
    top: 24px;
    display: block;
    right: -30px;
    left: unset;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link.share:hover .share-box:before,
.sf-com-document-search-result-basic .right .dsrb-action li .link.share:hover .share-box:after {
    right: 60px;
    left: unset;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link:hover,
.sf-com-document-search-result-basic .right .dsrb-action li .link:focus,
.sf-com-document-search-result-basic .right .dsrb-action li .link:active {
    color: #03407E;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link:hover.view,
.sf-com-document-search-result-basic .right .dsrb-action li .link:focus.view,
.sf-com-document-search-result-basic .right .dsrb-action li .link:active.view {
    background: url(../images/eye-green.png) no-repeat 0 0;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link:hover.download,
.sf-com-document-search-result-basic .right .dsrb-action li .link:focus.download,
.sf-com-document-search-result-basic .right .dsrb-action li .link:active.download {
    background: url(../images/download-green.png) no-repeat 0 0;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link:hover.collect,
.sf-com-document-search-result-basic .right .dsrb-action li .link:focus.collect,
.sf-com-document-search-result-basic .right .dsrb-action li .link:active.collect {
    background: url(../images/heart-green.png) no-repeat 2px 2px;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link:hover.share,
.sf-com-document-search-result-basic .right .dsrb-action li .link:focus.share,
.sf-com-document-search-result-basic .right .dsrb-action li .link:active.share {
    background: url(../images/share-green.png) no-repeat 0 0;
}

.sf-com-document-search-result-basic .right .dsrb-action li:last-child .link {
    margin-left: 10px;
    border-right: 0px solid #dddddd;
}

.sf-com-document-search-result-basic .more {
    display: none;
}

.sf-com-document-search-result-basic:nth-child(odd) {
    background: #ffffff;
}

.sf-com-document-search-result-basic:nth-child(even) {
    background: #fafafa;
}

.sf-com-document-search-result-basic:hover,
.sf-com-document-search-result-basic:focus,
.sf-com-document-search-result-basic:active {
    background: #eaf0fc;
}

@media screen and (max-width: 1024px) {
    .sf-com-document-search-result-basic {
        display: block;
        position: relative;
    }
    .sf-com-document-search-result-basic .left {
        display: inline-block;
        vertical-align: top;
        padding: 20px 0 30px 0;
    }
    .sf-com-document-search-result-basic .left a.link {
        padding-left: 25px;
    }
    .sf-com-document-search-result-basic .info {
        width: 88%;
        padding-left: 35px;
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
    }
    .sf-com-document-search-result-basic .info .dsrb-title {
        font-size: 16px;
        line-height: 24px;
    }
    .sf-com-document-search-result-basic .info .dsrb-data {
        padding-left: 0;
        margin-bottom: 0;
        line-height: 14px;
    }
    .sf-com-document-search-result-basic .info .dsrb-data li {
        line-height: 12px;
        font-size: 12px;
        margin: 3px 0;
        padding-left: 5px;
        padding-right: 3px;
    }
    .sf-com-document-search-result-basic .right {
        display: none;
        margin: 0 0 0 65px;
    }
    .sf-com-document-search-result-basic .right .dsrb-action {
        display: inline-block;
        margin: 0;
        line-height: 16px;
        font-size: 0.8em;
    }
    .sf-com-document-search-result-basic .right .dsrb-action li .link {
        padding-left: 22px;
        padding-right: 8px;
        border-right: 2px solid #dddddd;
        color: #6899cc;
    }
    .sf-com-document-search-result-basic .right .dsrb-action li:last-child .link {
        border-right: 2px solid #dddddd;
        margin-left: 5px;
    }
    .sf-com-document-search-result-basic .right .dsrb-action:last-child li:last-child .link {
        border-right: 0px solid #dddddd;
    }
    .sf-com-document-search-result-basic .right .dsrb-action:last-child li:last-child .link.share .share-box {
        display: none;
    }
    .sf-com-document-search-result-basic .right.active {
        display: block;
    }
    .sf-com-document-search-result-basic .more {
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 10px;
        top: 30px;
        background: url(../images/more-green.png) no-repeat 8px 0;
    }
    .sf-com-document-search-result-basic .more.active {
        background: url(../images/more-blue.png) no-repeat 8px 0;
    }
    .sf-com-document-search-result-basic .mobile-show {
        display: none;
    }
    .sf-com-document-search-result-basic .mobile-show.active {
        background: rgba(0, 0, 0, 0);
        display: block;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-document-search-result {
    margin: 20px 0 40px;
}

.sf-com-document-search-result .dsr-list .dsr-list-header,
.sf-com-document-search-result .dsr-list .dsr-list-footer {
    background: #f0f0f0;
    padding: 5px 30px;
    font-size: 1em;
    line-height: 1em;
    font-weight: 200;
    border-bottom: 2px solid #d6e0ea;
    margin-bottom: 5px;
    position: relative;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions,
.sf-com-document-search-result .dsr-list .dsr-list-header .right-actions,
.sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions,
.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions {
    text-align: left;
    display: inline-block;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .selectAll,
.sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .selectAll,
.sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .selectAll,
.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .selectAll {
    display: inline-block;
    color: #666666;
    text-decoration: none;
    position: relative;
    padding-left: 30px;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .selectAll::before,
.sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .selectAll::before,
.sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .selectAll::before,
.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .selectAll::before {
    border: 1px solid #E2E2E2;
    border-radius: 2px;
    background-color: #FFFFFF;
    content: " ";
    display: block;
    font-family: "themify";
    font-size: 12px;
    line-height: 1;
    text-align: center;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .selectAll:hover,
.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .selectAll:active,
.sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .selectAll:hover,
.sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .selectAll:active,
.sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .selectAll:hover,
.sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .selectAll:active,
.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .selectAll:hover,
.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .selectAll:active {
    color: #03407E;
    text-decoration: none;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .selectAll.active::before,
.sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .selectAll.active::before,
.sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .selectAll.active::before,
.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .selectAll.active::before {
    background-color: #03407E;
    border-color: #03407E;
    content: "\e64c";
    color: #FFFFFF;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .links-actions,
.sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .links-actions,
.sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .links-actions,
.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions {
    display: inline-block;
    list-style: none;
    margin-bottom: 0;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .links-actions li,
.sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .links-actions li,
.sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .links-actions li,
.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li {
    padding: 10px 0;
    display: inline-block;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .links-actions li a,
.sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .links-actions li a,
.sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .links-actions li a,
.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li a {
    display: block;
    text-decoration: none;
    color: #666666;
    padding: 0px 12px 0 8px;
    border-right: 2px solid #dddddd;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .links-actions li a:hover,
.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .links-actions li a:active,
.sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .links-actions li a:hover,
.sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .links-actions li a:active,
.sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .links-actions li a:hover,
.sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .links-actions li a:active,
.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li a:hover,
.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li a:active {
    color: #03407E;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .links-actions li a.active,
.sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .links-actions li a.active,
.sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .links-actions li a.active,
.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li a.active {
    color: #03407E;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .links-actions li:last-child a,
.sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .links-actions li:last-child a,
.sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .links-actions li:last-child a,
.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li:last-child a {
    border-right: 0px solid #dddddd;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .right-actions,
.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions {
    top: 5px;
    right: 30px;
    position: absolute;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer {
    border-bottom: 0px solid #d6e0ea;
    border-top: 2px solid #d6e0ea;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions {
    top: 0;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li {
    padding: 0;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li .documentPage {
    display: inline-block;
    padding: 5px 0;
    position: relative;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li .documentPage .inputWrap {
    width: 80px;
    position: relative;
    border-radius: 5px;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li .documentPage .inputWrap input.dpn {
    padding: 5px 5px 5px 10px;
    border: 1px solid #bbbbbb;
    width: 100%;
    border-radius: 5px;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li .documentPage .inputWrap .toggle {
    position: absolute;
    text-align: center;
    margin-top: 14px;
    right: 10px;
    top: 0;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li .documentPage .inputWrap .toggle::before {
    content: " ";
    display: block;
    width: 0.7em;
    height: 0.7em;
    border: 2px solid #454545;
    border-top: none;
    border-right: none;
    font-weight: 200;
    transform: rotate(-45deg);
    margin-top: -0.35em;
    transition: all linear 0.3s;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li .documentPage .dropdown-list {
    display: none;
    position: absolute;
    top: 40px;
    padding: 5px 0;
    background: #ffffff;
    width: 100%;
    border-bottom: 1px solid #bbbbbb;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li .documentPage .dropdown-list li {
    padding: 3px;
    display: block;
    text-align: center;
    border-bottom: 1px solid #FAFAFA;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li .documentPage .dropdown-list li.on {
    background: #BBBBBB;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li .documentPage .dropdown-list.active {
    display: block;
    z-index: 6;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li .hide {
    display: none;
}

@media screen and (max-width: 1024px) {
    .sf-com-document-search-result {
        margin: 0 -20px 20px -20px;
    }
    .sf-com-document-search-result .dsr-list .total {
        display: none;
    }
    .sf-com-document-search-result .dsr-list .dsr-list-header {
        min-height: 48px;
    }
    .sf-com-document-search-result .dsr-list .dsr-list-header .left-actions {
        display: none;
    }
    .sf-com-document-search-result .dsr-list .dsr-list-header .right-actions {
        left: 30px;
    }
    .sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .links-actions {
        padding-left: 0;
    }
    .sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions {
        display: none;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-partner-policies-list-base {
    width: 75%;
    min-width: 950px;
    margin: 40px auto;
}

.sf-com-partner-policies-list-base .list-content ul.list {
    list-style-type: none;
    padding-left: 0;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item {
    padding: 10px 15px;
    border-bottom: 1px dashed #b2b2b2;
    line-height: 1.7;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item a.link {
    text-decoration: none;
    color: #000000;
    font-weight: 200;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
    font-size: 16px;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item a.link.link-tags {
    width: 45%;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item a.link.data-link {
    width: 55%;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item a.link.link-tags .title,
.sf-com-partner-policies-list-base .list-content ul.list li.list-item a.link.data-link .title {
    line-height: 1.5;
    height: 3em;
    white-space: normal !important;
    word-break: break-all;
    overflow: visible;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item a.link .title {
    max-width: 100%;
    display: inline-block;
    background: url(../images/dot.png) no-repeat 0 center;
    padding-left: 35px;
    padding-right: 95px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item a.link .date {
    font-size: 16px;
    min-width: 73px;
    display: inline-block;
    right: 20px;
    color: #aaaaaa;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item .number {
    width: 5%;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item .title {
    width: 60%;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item .a-date,
.sf-com-partner-policies-list-base .list-content ul.list li.list-item .r-date {
    width: 15%;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item.list-heading .a-date,
.sf-com-partner-policies-list-base .list-content ul.list li.list-item.list-heading .r-date {
    position: static !important;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item:nth-child(odd) {
    background: #ffffff;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item:nth-child(even) {
    background: #fafafa;
}

.sf-com-partner-policies-list-base.type-2 .list-content .header {
    text-align: right;
    margin-bottom: 35px;
    position: relative;
}

.sf-com-partner-policies-list-base.type-2 .list-content .header input {
    padding: 10px 60px 10px 20px;
    border: 1px solid #EEEEEE;
    width: 25%;
    min-width: 240px;
    border-radius: 15px;
}

.sf-com-partner-policies-list-base.type-2 .list-content .header .icon {
    position: absolute;
    right: 20px;
    top: 10px;
}

.sf-com-partner-policies-list-base.type-2 .list-content .header .icon .ti-search {
    font-size: 24px;
}

.sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .number {
    vertical-align: top;
    display: inline-block;
    min-width: 80px;
    text-align: center;
}

.sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .title {
    min-width: 60%;
    max-width: 60%;
    background: unset;
    padding-left: 0;
    padding-right: 0;
}

.sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .a-date {
    font-size: 16px;
    line-height: 28px;
    min-width: 73px;
    display: inline-block;
    color: #aaaaaa;
    vertical-align: top;
}

.sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link.link-tags.mobile-show {
    display: none;
}

.sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item.list-heading.pc-show {
    background: #f0f0f0;
    padding: 10px 15px;
    border-bottom: 0;
}

.sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item.list-heading.pc-show a.link .a-date,
.sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item.list-heading.pc-show a.link .date {
    color: #000000;
}

.sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item.list-heading.pc-show a.link.link-tags.mobile-show {
    display: none;
}

@media screen and (max-width: 1024px) {
    .sf-com-partner-policies-list-base {
        width: 100%;
        min-width: unset;
        margin: 20px auto;
        padding: 0;
    }
    .sf-com-partner-policies-list-base .list-content ul.list li.list-item {
        padding-left: 0;
        padding-right: 0;
    }
    .sf-com-partner-policies-list-base .list-content ul.list li.list-item a.link {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .sf-com-partner-policies-list-base .list-content ul.list li.list-item a.link .title {
        font-size: 16px;
        padding-right: 0;
        width: 100%;
    }
    .sf-com-partner-policies-list-base .list-content ul.list li.list-item a.link .date {
        font-size: 14px;
        display: block;
        padding-left: 35px;
        position: static;
        width: 100%;
    }
    .sf-com-partner-policies-list-base .list-content ul.list li.list-item:nth-child(odd) {
        background: #ffffff;
    }
    .sf-com-partner-policies-list-base .list-content ul.list li.list-item:nth-child(even) {
        background: #fafafa;
    }
    .sf-com-partner-policies-list-base.type-2 .list-content .header {
        text-align: right;
        margin-bottom: 35px;
        position: relative;
    }
    .sf-com-partner-policies-list-base.type-2 .list-content .header input {
        padding: 10px 60px 10px 20px;
        border: 1px solid #EEEEEE;
        width: 25%;
        border-radius: 15px;
    }
    .sf-com-partner-policies-list-base.type-2 .list-content .header .icon {
        position: absolute;
        right: 20px;
        top: 10px;
    }
    .sf-com-partner-policies-list-base.type-2 .list-content .header .icon .ti-search {
        font-size: 24px;
    }
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item {
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link {
        text-align: right;
        display: inline-block;
        font-size: 14px;
        vertical-align: top;
    }
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .number,
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .title,
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .a-date,
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .r-date {
        display: block;
        width: 100%;
    }
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .number {
        vertical-align: top;
        display: block;
        min-width: unset;
        text-align: left;
    }
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .title {
        font-size: 1em;
        max-width: 100%;
        min-width: unset;
        padding-left: 0;
        padding-right: 0;
        display: block;
        white-space: nowrap;
        overflow: unset;
        text-overflow: unset;
    }
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .a-date {
        font-size: 14px;
        display: block;
        min-width: unset;
        color: #8f8f8f;
    }
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .date {
        font-size: 14px;
        position: unset;
        display: block;
        min-width: unset;
        padding-left: 0px;
        color: #8f8f8f;
    }
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link.link-tags.mobile-show {
        display: inline-block;
        width: 44%;
        text-align: left;
    }
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link.link-tags.mobile-show .number,
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link.link-tags.mobile-show .title,
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link.link-tags.mobile-show .a-date,
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link.link-tags.mobile-show .r-date {
        display: block;
        font-size: 14px;
    }
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link.link-tags.mobile-show .number {
        color: #8f8f8f;
    }
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link.link-tags.mobile-show .title {
        color: #8f8f8f;
    }
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item.list-heading.pc-show {
        display: none;
    }
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item.data-list-item {
        position: relative;
    }
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item.data-list-item a.link.link-tags.mobile-show {
        position: static;
    }
    .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item.data-list-item a.link.data-link .number {
        text-align: right;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 0;
}

.sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab {
    width: 25%;
}

.sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab a.link {
    border: 1px solid #dfdfdf;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    padding: 15px;
}

.sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab a.link.active {
    border: 1px solid rgba(0, 0, 0, 0);
    background: #fafafa;
}

.sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab a.link.active .main,
.sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab a.link.active .sub {
    color: #124271;
    font-weight: 400;
}

.sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .tab-contents .tab-box .row {
    margin-right: 0;
    margin-left: 0;
}

.sf-com-partner-policies.type-2 .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab {
    width: 35%;
}

@media screen and (max-width: 1024px) {
    .sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab {
        border-bottom: 0px solid #dfdfdf;
    }
    .sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab {
        width: 100%;
    }
    .sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab a.link {
        padding: 0;
        border: 0 solid #dfdfdf;
        border-bottom: 0 solid rgba(0, 0, 0, 0);
    }
    .sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab a.link.active .main,
    .sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab a.link.active .sub {
        color: #454545;
    }
    .sf-com-partner-policies.type-2 .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab {
        width: 100%;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-partner-query-form {
    padding: 90px 0;
    background: #edf0f5;
    overflow-x: hidden;
}

.sf-com-partner-query-form .be-partner-card {
    height: 1000px;
    overflow: hidden;
    margin: 0 auto;
    vertical-align: top;
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
}

.sf-com-partner-query-form .be-partner-card .be-partner-title {
    width: 100%;
    height: 100%;
    background: #f5f7f9;
    min-height: 320px;
}

.sf-com-partner-query-form .be-partner-card .be-partner-title .sf-title-block {
    position: absolute;
    left: 20px;
    padding: 30px 0;
    top: 0;
    margin: 40px 10%;
}

.sf-com-partner-query-form .be-partner-card .be-partner-title .sf-title-block .title {
    text-align: left;
}

.sf-com-partner-query-form .be-partner-card .be-partner-title .sf-title-block::after {
    background-color: #03407E;
    content: " ";
    display: block;
    height: 4px;
    width: 3em;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all linear 0.3s;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form {
    background: #FFFFFF;
    height: 980px;
    overflow-y: scroll;
    padding: 50px;
    margin: 10px 10px 10px 0;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress {
    margin: 0 40px;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item {
    text-align: center;
    position: relative;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item img {
    text-align: center;
    margin: 20px auto;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item img.green {
    display: none;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item img.grey {
    display: block;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item .des {
    font-size: 18px;
    color: #909090;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item .arrow {
    height: 24px;
    width: 13px;
    position: absolute;
    top: 40px;
    right: -20px;
    background: url(../images/right_grey_icon.png) no-repeat 0px 0px;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item.active img.green {
    display: block;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item.active img.grey {
    display: none;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item.active .des {
    color: #03407E;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item.active .arrow {
    background: url(../images/right_green_icon.png) no-repeat 0px 0px;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form::-webkit-scrollbar {
    width: 6px;
    height: 9px;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form::-webkit-scrollbar-track-piece {
    background-color: #ebebeb;
    -webkit-border-radius: 2px;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form::-webkit-scrollbar-thumb:vertical {
    height: 10px;
    background-color: #03407E;
    -webkit-border-radius: 2px;
}

.sf-com-partner-query-form form {
    margin-bottom: 30px;
}

.sf-com-partner-query-form form .line {
    height: 2px;
    width: 100%;
    margin: 35px 0 45px;
    background: url(../images/dashed.png);
}

.sf-com-partner-query-form form .form-title {
    margin: 2.5rem 0;
    border-left: 8px solid #03407E;
}

.sf-com-partner-query-form form .form-title h3 {
    padding-left: 20px;
    font-weight: 200;
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 0;
}

.sf-com-partner-query-form form .form-title.blue {
    border-left: 8px solid #669acc;
}

.sf-com-partner-query-form form .form-group {
    margin: 0 0 1rem 0;
    display: inline-block;
    vertical-align: top;
}

.sf-com-partner-query-form form .form-group .form-control {
    height: calc(2.75rem + 2px);
    font-size: 1rem;
    padding: 0.275rem 1.5rem;
    border-radius: 0rem;
}

.sf-com-partner-query-form form .form-group.radio>.row {
    display: block;
}

.sf-com-partner-query-form form .form-group.radio>.row>label[class^=col-] {
    float: left;
    height: 3em;
}

.sf-com-partner-query-form form .form-group.radio label {
    position: relative;
    margin-right: 7px;
}

.sf-com-partner-query-form form .form-group.radio label input[type="radio"] {
    display: inline-block;
    width: 24px;
    vertical-align: middle;
    margin: 3px 15px 3px 3px;
}

.sf-com-partner-query-form form .form-group.radio label input[type="radio"]:before {
    content: '';
    width: 24px;
    height: 24px;
    border: 1px solid #999999;
    background: #ffffff;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    top: 0;
    left: 0;
    position: absolute;
}

.sf-com-partner-query-form form .form-group.radio label input[type="radio"]:checked:before {
    content: '';
    width: 24px;
    height: 24px;
    border: 6px solid #003466;
    background: #669acc;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    top: 0;
    left: 0;
    position: absolute;
}

.sf-com-partner-query-form form .form-group.radio label input[type="checkbox"] {
    display: inline-block;
    vertical-align: center;
    margin: 8px 10px 8px 5px;
}

.sf-com-partner-query-form form .form-group.radio label input[type="checkbox"]:before {
    content: '';
    width: 24px;
    height: 24px;
    border: 1px solid #999999;
    background: #ffffff;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    top: 3px;
    left: 0;
    position: absolute;
}

.sf-com-partner-query-form form .form-group.radio label input[type="checkbox"]:checked:before {
    content: '';
    width: 24px;
    height: 24px;
    border: 6px solid #003466;
    background: #669acc;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    top: 4px;
    left: 0;
    position: absolute;
}

.sf-com-partner-query-form form .form-group .switch-title {
    position: relative;
    margin-right: 20px;
    padding: 0;
}

.sf-com-partner-query-form form .form-group .switch-title input[type="checkbox"] {
    display: inline-block;
    vertical-align: center;
    margin: 8px 15px 8px 4px;
}

.sf-com-partner-query-form form .form-group .switch-title input[type="checkbox"]:before {
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #666666;
    background: #ffffff;
    display: inline-block;
    border-radius: 2px;
    vertical-align: middle;
    top: 5px;
    left: 0;
    position: absolute;
}

.sf-com-partner-query-form form .form-group .switch-title input[type="checkbox"]:checked:before {
    content: '√';
    font-size: 13px;
    font-weight: 600;
    width: 20px;
    height: 20px;
    text-align: center;
    border: 1px solid #666666;
    background: #FFFFFF;
    display: inline-block;
    border-radius: 2px;
    vertical-align: middle;
    top: 5px;
    left: 0;
    position: absolute;
}

.sf-com-partner-query-form form .form-group .upload-pics {
    display: block;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

.sf-com-partner-query-form form .form-group .upload-pics label {
    white-space: nowrap;
}

.sf-com-partner-query-form form .form-group .upload-pics input[type="file"] {
    display: block;
    width: 100%;
    height: 240px;
    background: red;
    opacity: 0;
    position: relative;
    z-index: 9;
}

.sf-com-partner-query-form form .form-group .upload-pics .upload-mask {
    width: 100%;
    height: 240px;
    position: absolute;
    top: 35px;
    left: 0;
    text-align: center;
    background: #eaf1fd;
    background-size: cover;
    background-position: center center;
}

.sf-com-partner-query-form form .form-group .upload-pics .upload-mask img {
    padding: 60px 0 10px 0;
    margin-bottom: 20px;
}

.sf-com-partner-query-form form .form-group .upload-pics .upload-mask p {
    font-size: 20px;
    color: #669acc;
    font-weight: 400;
}

.sf-com-partner-query-form form .form-group textarea.form-control {
    height: auto;
    padding: 24px 1.5rem 24px 1.5rem;
    resize: none;
}

.sf-com-partner-query-form form .form-group select.hide {
    visibility: hidden;
    height: 0;
    padding: 0;
}

.sf-com-partner-query-form form .form-group .select-box {
    padding-right: 0;
    padding-left: 0;
}

.sf-com-partner-query-form form .form-group em.error {
    font-size: 12px;
    font-weight: 200;
    margin: 5px 0 0 0;
    color: red;
}

.sf-com-partner-query-form form .form-group .field-validation-error {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 200;
    margin: 5px 0 0 25%;
    color: red;
}

.sf-com-partner-query-form form .form-group .tips {
    margin-bottom: 0.85rem;
    font-size: 0.8rem;
    color: red;
}

.sf-com-partner-query-form form .form-group .seCode-box .col-md-9 {
    margin-left: -15px;
    margin-right: -15px;
}

.sf-com-partner-query-form form .form-group .seCode-box .col-md-9 .sf-com-security-code .pic-security .input-security input#seCode {
    height: calc(2.75rem + 2px);
    font-size: 1rem;
    padding: 0.275rem 1.5rem;
    border-radius: 0rem;
    border: 1px solid #ced4da;
}

.sf-com-partner-query-form form .form-group .seCode-box .col-md-9 .sf-com-security-code .pic-security .pic {
    height: calc(2.75rem - 2px);
}

.sf-com-partner-query-form form .form-group .seCode-box .col-md-9 .sf-com-security-code .pic-security img {
    height: calc(2.75rem - 2px);
}

.sf-com-partner-query-form form .form-group.centered {
    margin-top: 1rem;
    text-align: center;
}

.sf-com-partner-query-form form .form-group.centered .switch-title {
    padding-left: 0;
}

.sf-com-partner-query-form form .form-group.necessary label.col-md-3::before {
    margin-bottom: 0.85rem;
    font-size: 1rem;
    color: red;
    content: "*";
}

.sf-com-partner-query-form form span.necessary {
    margin-bottom: 0.85rem;
    font-size: 1rem;
    color: red;
    content: "*";
}

.sf-com-partner-query-form form label.necessary::before {
    margin-bottom: 0.85rem;
    font-size: 1rem;
    color: red;
    content: "*";
}

.sf-com-partner-query-form form input.btn.btn-primary {
    padding: 18px;
    display: block;
    width: 200px;
    margin: 0 20px;
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: #03407E;
    color: white;
    font-size: 0.8em;
    border-radius: 0rem;
}

.sf-com-partner-query-form form input.btn.btn-primary:hover,
.sf-com-partner-query-form form input.btn.btn-primary:focus,
.sf-com-partner-query-form form input.btn.btn-primary:active {
    border: 1px solid #03407E;
    color: #03407E;
    background-color: white;
}

.sf-com-partner-query-form form input.btn.btn-primary.reset {
    background-color: #c0c0c0;
    color: #000000;
}

.sf-com-partner-query-form form input.btn.btn-primary.reset:hover,
.sf-com-partner-query-form form input.btn.btn-primary.reset:focus,
.sf-com-partner-query-form form input.btn.btn-primary.reset:active {
    background-color: white;
    border: 1px solid #c0c0c0;
}

.sf-com-partner-query-form .applied-successfully {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.sf-com-partner-query-form .applied-successfully .applied-icon .text-icon {
    border: 2px solid rgba(109, 173, 25, 0.5);
    background-color: rgba(11, 223, 11, 0.03);
    box-shadow: 0 3px 8px 0 rgba(29, 132, 29, 0.2);
    font-size: 48px;
    height: 2em;
    width: 2em;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sf-com-partner-query-form .applied-successfully .applied-icon .text-icon .ti::before {
    color: #03407E;
}

.sf-com-partner-query-form .applied-successfully .applied-content .applied-title {
    color: #000000;
    font-size: 24px;
    font-weight: 400;
    padding: 15px 30px;
    text-align: center;
    margin: 1.5em 0 0.5em 0;
}

.sf-com-partner-query-form .applied-successfully .applied-content .applied-text {
    color: #999999;
    font-size: 14px;
    text-align: center;
}

.sf-com-partner-query-form .validation-summary-errors {
    color: #dd2c00;
    display: none;
    margin: 40px 0;
}

.sf-com-partner-query-form .validation-summary-errors ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sf-com-partner-query-form .validation-summary-errors ul li {
    border-left: 8px solid #dd2c00;
    background-color: rgba(255, 54, 54, 0.1);
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 15px;
    padding: 10px 20px;
}

.sf-validate-failed .applied-successfully {
    display: none;
}

.sf-validate-failed .validation-summary-errors {
    display: block;
}

form .field-validation-error,
form .field-validation-valid {
    color: #DD2C00 !important;
    display: block !important;
    font-size: 0.8em !important;
    width: 100% !important;
    text-align: right !important;
    margin-left: 0 !important;
}

form .switch-title+.field-validation-error,
form .switch-title+.field-validation-valid {
    text-align-last: left;
}

@media screen and (max-width: 1024px) {
    .sf-com-partner-query-form {
        padding: 0;
        width: 100%;
        overflow: hidden;
    }
    .sf-com-partner-query-form .be-partner-card {
        height: auto;
        overflow: unset;
        border: 0 solid #CCCCCC;
    }
    .sf-com-partner-query-form .be-partner-card .row {
        margin-right: 0;
        margin-left: 0;
    }
    .sf-com-partner-query-form .be-partner-card .row .col-md-4 {
        padding-right: 0;
        padding-left: 0;
    }
    .sf-com-partner-query-form .be-partner-card .row .col-md-8,
    .sf-com-partner-query-form .be-partner-card .row .col-md-3,
    .sf-com-partner-query-form .be-partner-card .row .col-md-6 {
        padding-right: 0;
        padding-left: 0;
    }
    .sf-com-partner-query-form .be-partner-card .be-partner-title .sf-com-motional-image .image-replacer {
        background-position: center 75%;
    }
    .sf-com-partner-query-form .be-partner-card .be-partner-title .sf-title-block {
        padding: 20px 0;
        margin: 20px 10%;
    }
    .sf-com-partner-query-form .be-partner-card .be-partner-form {
        height: auto;
        overflow-y: unset;
        padding: 15px;
        margin: 0;
    }
    .sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress {
        margin: 0;
    }
    .sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item {
        text-align: center;
        position: relative;
    }
    .sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item img {
        width: 50px;
        height: 50px;
        margin: 15px auto;
    }
    .sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item .des {
        font-size: 16px;
    }
    .sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item .arrow {
        top: 18px;
    }
    .sf-com-partner-query-form form {
        margin: 0 auto 30px;
    }
    .sf-com-partner-query-form form .form-title {
        margin: 30px 0px;
        padding-left: 10px;
        border-left: unset;
    }
    .sf-com-partner-query-form form .form-title h3 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 0;
        padding-left: 15px;
        border-left: 6px solid #03407E;
    }
    .sf-com-partner-query-form form .form-group.radio>.row>label[class^=col-] {
        height: auto;
    }
    .sf-com-partner-query-form form .form-group textarea.form-control {
        height: 105px;
        padding: 12px 1.5rem 10px 1.5rem;
        resize: none;
    }
    .sf-com-partner-query-form form .form-group .seCode-box .col-md-9 .row .col-12 {
        padding-right: 0;
        padding-left: 0;
    }
    .sf-com-partner-query-form form .form-group .field-validation-error {
        margin-left: 0;
    }
    .sf-com-partner-query-form form .form-group .select-box {
        padding-right: 0;
        padding-left: 0;
    }
    .sf-com-partner-query-form form .form-group .select-box .col-md-6 {
        padding-left: 10px;
    }
    .sf-com-partner-query-form form .form-group .select-box .col-md-6:first-child {
        padding-left: 0;
        padding-right: 10px;
    }
    .sf-com-partner-query-form form .form-group .select-box .col-12 {
        padding-right: 0;
        padding-left: 0;
    }
    .sf-com-partner-query-form form .form-group.centered {
        margin-top: 1rem;
        text-align: center;
    }
    .sf-com-partner-query-form form .form-group.centered .switch-title {
        padding: 0;
        font-size: 0.9rem;
    }
    .sf-com-partner-query-form form input.btn.btn-primary {
        margin-top: 10px;
        width: 94%;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-technical-training {
    padding: 90px 0;
}

.sf-com-technical-training .tt-info-card {
    padding: 12%;
    position: relative;
    height: 45vh;
    min-height: 450px;
    margin-bottom: 10px;
    overflow: hidden;
}

.sf-com-technical-training .tt-info-card .tt-info-content {
    position: relative;
    text-align: center;
    color: #FFFFFF;
}

.sf-com-technical-training .tt-info-card .tt-info-content .big-icon {
    margin: 10.5vh auto 0;
    height: 70px;
    width: 70px;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

.sf-com-technical-training .tt-info-card .tt-info-content .big-icon img {
    width: 100%;
    height: auto;
}

.sf-com-technical-training .tt-info-card .tt-info-content .unit {
    font-weight: 200;
    font-size: 22px;
    margin: 20px 0;
}

.sf-com-technical-training .tt-info-card .tt-info-content .intro {
    display: none;
    overflow: hidden;
    line-height: 24px;
    font-weight: 200;
    margin-top: 30px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.sf-com-technical-training .tt-info-card .tt-info-content .intro p {
    text-align: left;
}

.sf-com-technical-training .tt-info-card .tt-info-content .links {
    display: none;
    margin: 2vh 0 0 0;
}

.sf-com-technical-training .tt-info-card .tt-info-content .links .link {
    text-decoration: none;
}

.sf-com-technical-training .tt-info-card .tt-info-content .links .link .icon {
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    font-size: 1.6em;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    background-color: #03407E;
    color: #FFFFFF;
    border: 2px solid #03407E;
    transition: all linear 0.3s;
}

.sf-com-technical-training .tt-info-card:hover,
.sf-com-technical-training .tt-info-card:focus,
.sf-com-technical-training .tt-info-card:active {
    padding: 5vh 12%;
    background: #003466;
}

.sf-com-technical-training .tt-info-card:hover .sf-com-motional-image.effect-background,
.sf-com-technical-training .tt-info-card:focus .sf-com-motional-image.effect-background,
.sf-com-technical-training .tt-info-card:active .sf-com-motional-image.effect-background {
    display: none;
}

.sf-com-technical-training .tt-info-card:hover .tt-info-content,
.sf-com-technical-training .tt-info-card:focus .tt-info-content,
.sf-com-technical-training .tt-info-card:active .tt-info-content {
    position: relative;
    text-align: center;
    color: #FFFFFF;
}

.sf-com-technical-training .tt-info-card:hover .tt-info-content .big-icon,
.sf-com-technical-training .tt-info-card:focus .tt-info-content .big-icon,
.sf-com-technical-training .tt-info-card:active .tt-info-content .big-icon {
    height: 0;
    margin-top: 0;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

.sf-com-technical-training .tt-info-card:hover .tt-info-content .big-icon img,
.sf-com-technical-training .tt-info-card:focus .tt-info-content .big-icon img,
.sf-com-technical-training .tt-info-card:active .tt-info-content .big-icon img {
    height: 0;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

.sf-com-technical-training .tt-info-card:hover .tt-info-content .unit,
.sf-com-technical-training .tt-info-card:focus .tt-info-content .unit,
.sf-com-technical-training .tt-info-card:active .tt-info-content .unit {
    text-align: left;
}

.sf-com-technical-training .tt-info-card:hover .tt-info-content .intro,
.sf-com-technical-training .tt-info-card:focus .tt-info-content .intro,
.sf-com-technical-training .tt-info-card:active .tt-info-content .intro {
    display: block;
}

.sf-com-technical-training .tt-info-card:hover .tt-info-content .links,
.sf-com-technical-training .tt-info-card:focus .tt-info-content .links,
.sf-com-technical-training .tt-info-card:active .tt-info-content .links {
    display: block;
}

@media screen and (max-width: 1024px) {
    .sf-com-technical-training {
        padding: 20px;
    }
    .sf-com-technical-training .tt-info-card {
        min-height: 350px;
        padding: 20px 12%;
    }
    .sf-com-technical-training .tt-info-card .tt-info-content .big-icon {
        height: 50px;
        width: 50px;
        margin: 20px auto 0;
    }
    .sf-com-technical-training .tt-info-card .tt-info-content .links {
        display: block;
        margin: 1vh 0 0 0;
    }
    .sf-com-technical-training .tt-info-card .tt-info-content .links .link .icon {
        font-size: 1em;
        height: 35px;
        width: 35px;
        line-height: 35px;
    }
    .sf-com-technical-training .tt-info-card .tt-info-content .intro {
        height: 50px;
        -webkit-line-clamp: 2;
        margin-top: 1vh;
    }
    .sf-com-technical-training .tt-info-card:hover,
    .sf-com-technical-training .tt-info-card:focus,
    .sf-com-technical-training .tt-info-card:active {
        padding: 20px 12%;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-latest-magazine {
    padding: 90px 0;
    background: #eff2f7;
}

.sf-com-latest-magazine .sf-container .content .lm-content-card {
    background: #669acc;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 40px 50px;
}

.sf-com-latest-magazine .sf-container .content .lm-content-card .card-icon img {
    display: block;
    height: 400px;
}

.sf-com-latest-magazine .sf-container .content .lm-content-card .card-content {
    font-weight: 200;
    padding-left: 50px;
    min-width: 70%;
}

.sf-com-latest-magazine .sf-container .content .lm-content-card .card-content .card-heading {
    margin: 20px 0 40px;
}

.sf-com-latest-magazine .sf-container .content .lm-content-card .card-content .card-heading .title {
    font-weight: 400;
    color: #FFFFFF;
    font-size: 40px;
}

.sf-com-latest-magazine .sf-container .content .lm-content-card .card-content .card-body {
    font-size: 20px;
    line-height: 1.7;
    margin: 20px 0;
}

.sf-com-latest-magazine .sf-container .content .lm-content-card .card-content .card-body p {
    font-weight: 200;
    color: #FFFFFF;
    margin-bottom: 1em;
}

@media screen and (max-width: 1024px) {
    .sf-com-latest-magazine {
        padding: 40px 0 40px 0;
    }
    .sf-com-latest-magazine .sf-container .content .lm-content-card {
        padding: 30px 20px;
        display: block;
    }
    .sf-com-latest-magazine .sf-container .content .lm-content-card .card-icon {
        width: 100%;
    }
    .sf-com-latest-magazine .sf-container .content .lm-content-card .card-icon img {
        width: auto;
        height: auto;
        max-width: 100%;
        margin: 0 auto;
    }
    .sf-com-latest-magazine .sf-container .content .lm-content-card .card-content {
        padding: 30px 0;
        width: 100%;
    }
    .sf-com-latest-magazine .sf-container .content .lm-content-card .card-content .card-heading {
        margin: 10px 0;
    }
    .sf-com-latest-magazine .sf-container .content .lm-content-card .card-content .card-heading .title {
        font-size: 20px;
    }
    .sf-com-latest-magazine .sf-container .content .lm-content-card .card-content .card-body {
        font-size: 14px;
        margin: 10px 0;
    }
    .sf-com-latest-magazine .sf-container .content .lm-content-card .card-content .card-body p {
        line-height: 1.6;
        margin-bottom: 20px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-magazine-archive {
    padding: 90px 0;
    background: #eff2f7;
}

.sf-com-magazine-archive .link.view-more {
    font-size: 20px;
    margin: 20px 0;
    text-decoration: none;
    color: #669acc;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 20;
    transition: right ease-out 0.2s;
    transition-delay: 0.15s;
    font-weight: 400;
}

.sf-com-magazine-archive .link.view-more:hover,
.sf-com-magazine-archive .link.view-more:focus,
.sf-com-magazine-archive .link.view-more:active {
    color: #03407E;
}

.sf-com-magazine-archive .link.view-more .icon {
    border: 2px solid #669acc;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 2.5em;
    height: 2.5em;
    margin-left: 1em;
    transition: all linear 0.15s;
}

.sf-com-magazine-archive .link.view-more .icon .ti-plus:before {
    font-weight: 600;
}

@media screen and (max-width: 1024px) {
    .sf-com-magazine-archive {
        padding: 20px;
    }
    .sf-com-magazine-archive .link.view-more {
        font-size: 14px;
        margin: 0;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-magazine-search-box {
    background-color: #eaf1fc;
    padding: 120px 20px 90px;
}

.sf-com-magazine-search-box .content .search-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    margin-bottom: 20px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.sf-com-magazine-search-box .content .search-box .form-control {
    border-radius: 8px 0 0 8px;
    border-right: none;
    height: auto;
    line-height: 2.5;
    z-index: 6;
}

.sf-com-magazine-search-box .content .search-box .form-control:focus {
    outline: none;
    box-shadow: none;
}

.sf-com-magazine-search-box .content .search-box .form-control:focus+.input-group-append .search-button {
    border-color: #80bdff;
}

.sf-com-magazine-search-box .content .search-box .search-button {
    border: 1px solid #D9D9D9;
    border-left: none;
    border-radius: 0 8px 8px 0;
    background-color: #FFFFFF;
    width: 3em;
    transition: all linear 0.3s;
    z-index: 6;
}

.sf-com-magazine-search-box .content .search-box .search-button span {
    font-size: 1.3em;
}

.sf-com-magazine-search-box .content .search-box .search-button:hover,
.sf-com-magazine-search-box .content .search-box .search-button:active {
    color: #03407E;
}

.sf-com-magazine-search-box .content .search-suggest {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sf-com-magazine-search-box .content .search-suggest .link {
    display: block;
    color: #669acc;
    font-size: 22px;
    font-weight: 200;
    padding: 0 10px;
    position: relative;
    z-index: 6;
}

.sf-com-magazine-search-box .content .search-suggest .link::after {
    background-color: #669acc;
    content: " ";
    display: block;
    height: 0.8em;
    width: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.4em;
}

.sf-com-magazine-search-box .content .search-suggest .link:last-child::after {
    display: none;
}

.search-box-filter-toggle {
    display: none;
}

@media screen and (max-width: 1024px) {
    .sf-com-magazine-search-box {
        padding: 45px 20px 30px;
    }
    .sf-com-magazine-search-box .content .search-box .form-control {
        border-radius: 4px 0 0 4px;
    }
    .sf-com-magazine-search-box .content .search-box .search-button {
        border-color: #669ACC;
        background-color: #669ACC;
        border-radius: 0 4px 4px 0;
        color: #FFFFFF;
    }
    .sf-com-magazine-search-box .content .search-suggest {
        overflow: hidden;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .sf-com-magazine-search-box .content .search-suggest .link {
        font-size: 14px;
        white-space: nowrap;
    }
    .search-box-filter-toggle {
        background-color: #FFFFFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 50px;
        padding: 0 10px;
        border-radius: 5px;
        border: 1px solid #ced4da;
        margin-right: 15px;
    }
    .search-box-filter-content .com-heading {
        background-color: #f0f0f0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
    }
    .search-box-filter-content .com-heading .title {
        font-size: 20px;
        font-weight: 400;
        margin: 0;
    }
    .search-box-filter-content .com-heading .close {
        font-size: 14px;
        height: 2.5em;
        line-height: 2.5em;
        padding-right: 4em;
    }
    .search-box-filter-content .com-heading .close:hover em,
    .search-box-filter-content .com-heading .close:focus em,
    .search-box-filter-content .com-heading .close:active em {
        transform: scale(0.4);
    }
    .search-box-filter-content .com-body {
        padding: 0;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-magazine-recommend {
    padding: 90px 0;
    background: #eff2f7;
}

@media screen and (max-width: 1024px) {
    .sf-com-magazine-recommend {
        padding: 20px;
    }
    .sf-com-magazine-recommend .sf-com-cbc-card {
        margin-bottom: 15px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-magazine-article-list .search-box-filter-content .sf-com-news-filter .sf-com-joint-filter.type-2 {
    border-top: 0px solid transparent;
}

.sf-com-magazine-article-list .search-box-filter-content .sf-com-news-filter .sf-com-joint-filter.type-2 .filter-card.pc-active .card-body {
    max-height: 2000px;
}

.sf-com-magazine-article-list .search-box-filter-content .sf-com-news-filter .sf-com-joint-filter.type-2 .filter-card.pc-active .card-heading .toggle {
    display: none;
}

.sf-com-magazine-article-list .sf-com-magazine-list-result .sf-com-cbc-card {
    margin-bottom: 20px;
}

.sf-com-magazine-article-list .sf-com-magazine-list-result .sf-com-cbc-card .cbc-content .cbc-img .tags {
    font-size: 18px;
    left: 10px;
    top: 10px;
    bottom: auto;
    right: auto;
}

.sf-com-magazine-article-list .sf-com-magazine-list-result .sf-com-cbc-card .cbc-content .cbc-info {
    padding: 20px;
}

.sf-com-magazine-article-list .sf-com-magazine-list-result .sf-com-cbc-card .cbc-content .cbc-info .intro {
    color: #666666;
    height: 3.6em;
    margin-top: 5px;
}

.sf-com-magazine-article-list .share-magazine .share-container {
    text-align: center;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E2E2E2;
    color: #454545;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    padding: 0 1em;
    font-weight: 200;
    line-height: 3;
    margin: 0;
    position: relative;
}

.sf-com-magazine-article-list .share-magazine .share-container .share-btn {
    color: #454545;
    display: inline-block;
    background: url(../images/magazinesingle_icon_1.png) no-repeat 0px 17px;
    padding-left: 27px;
}

.sf-com-magazine-article-list .share-magazine .share-container .share-box {
    top: unset;
    bottom: 55px;
    background: #FFFFFF;
    position: absolute;
    border-radius: 0px;
    padding: 2px 1px 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    z-index: 9;
    left: calc(50% - 110px);
    min-width: 170px;
    max-width: 220px;
}

.sf-com-magazine-article-list .share-magazine .share-container .share-box .sf-com-teaser-social-share {
    background-color: #FFFFFF;
}

.sf-com-magazine-article-list .share-magazine .share-container .share-box .sf-com-teaser-social-share .sf-com-social-icons {
    max-width: 100%;
}

.sf-com-magazine-article-list .share-magazine .share-container .share-box::before,
.sf-com-magazine-article-list .share-magazine .share-container .share-box::after {
    content: "";
    position: absolute;
    margin-left: 0px;
    width: 0;
    border-top: 8px solid rgba(0, 0, 0, 0.1);
    border-bottom: unset;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    left: 45%;
    top: unset;
    bottom: -9px;
}

.sf-com-magazine-article-list .share-magazine .share-container .share-box::after {
    border-top: 12px solid #ffffff;
    border-bottom: unset;
    bottom: -8px;
}

.sf-com-magazine-article-list .share-magazine .share-container:hover .share-btn {
    color: #669acc;
    background: url(../images/magazinesingle_icon_2.png) no-repeat 0px 17px;
}

.sf-com-magazine-article-list .share-magazine .share-container:hover .share-box {
    display: block;
}

.sf-com-magazine-article-list .share-magazine .card-content {
    font-weight: 200;
    list-style-type: none;
    padding: 15px 20px;
    background: #fafafa;
    margin-bottom: 20px;
}

.sf-com-magazine-article-list .share-magazine .card-content .links {
    margin: 10px auto;
    text-align: center;
}

.sf-com-magazine-article-list .share-magazine .card-content .links .sf-cross-btn {
    cursor: pointer;
    background-color: #669ACC;
    display: inline-block;
    font-size: 16px;
    height: 2.8em;
    line-height: 2.8em;
    padding: 0 6em 0 1.2em;
    position: relative;
    z-index: 0;
    text-decoration: none;
    margin-bottom: 10px;
}

.sf-com-magazine-article-list .share-magazine .card-content .links .sf-cross-btn:last-child {
    background: #03407E;
}

.sf-com-magazine-article-list .share-magazine.mobile-show {
    display: none;
}

@media screen and (max-width: 1024px) {
    .sf-com-magazine-article-list .row .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sf-com-magazine-article-list .row .col-md-3 .search-box-filter-content .sf-com-news-filter .sf-com-joint-filter.type-2 .filter-card.pc-active .card-body {
        max-height: 0;
    }
    .sf-com-magazine-article-list .row .col-md-3 .search-box-filter-content .sf-com-news-filter .sf-com-joint-filter.type-2 .filter-card.pc-active .card-heading {
        background-color: rgba(0, 0, 0, 0.1);
    }
    .sf-com-magazine-article-list .row .col-md-3 .search-box-filter-content .sf-com-news-filter .sf-com-joint-filter.type-2 .filter-card.pc-active .card-heading .toggle {
        display: flex;
    }
    .sf-com-magazine-article-list .row .col-md-3 .search-box-filter-content .sf-com-news-filter .sf-com-joint-filter.type-2 .filter-card.active .card-body {
        max-height: 2000px;
    }
    .sf-com-magazine-article-list .row .col-md-3 .search-box-filter-content .sf-com-news-filter .sf-com-joint-filter.type-2 .filter-card.active .card-heading .toggle {
        display: flex;
    }
    .sf-com-magazine-article-list .row .col-md-3 .share-magazine {
        display: none;
    }
    .sf-com-magazine-article-list .row .col-md-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sf-com-magazine-article-list .row .col-md-9 .share-magazine.mobile-show {
        display: block;
    }
    .sf-com-magazine-article-list .row .col-md-9 .share-magazine.mobile-show .share-container {
        background: transparent;
        padding: 0;
    }
    .sf-com-magazine-article-list .row .col-md-9 .share-magazine.mobile-show .share-container .share-btn {
        display: none;
    }
    .sf-com-magazine-article-list .row .col-md-9 .share-magazine.mobile-show .share-container .share-box {
        top: unset;
        bottom: unset;
        background: transparent;
        position: unset;
        min-width: 170px;
        max-width: 100%;
        left: unset;
        box-shadow: unset;
    }
    .sf-com-magazine-article-list .row .col-md-9 .share-magazine.mobile-show .share-container .share-box .share-icons {
        padding-top: 10px;
    }
    .sf-com-magazine-article-list .row .col-md-9 .share-magazine.mobile-show .share-container .share-box .share-icons .share-icons-list {
        background: transparent;
    }
    .sf-com-magazine-article-list .row .col-md-9 .share-magazine.mobile-show .share-container .share-box .share-icons .share-icons-list .list-item a img.grey {
        display: none;
    }
    .sf-com-magazine-article-list .row .col-md-9 .share-magazine.mobile-show .share-container .share-box .share-icons .share-icons-list .list-item a img.colorful {
        display: block;
    }
    .sf-com-magazine-article-list .row .col-md-9 .share-magazine.mobile-show .card-content {
        padding: 15px 0;
        background: transparent;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-register-form {
    padding: 30px 0 60px;
}

.sf-com-register-form .register-form {
    max-width: 1024px;
    margin: 0 auto;
}

.sf-com-register-form .input-register {
    max-width: 800px;
}

.sf-com-register-form form {
    margin-bottom: 30px;
}

.sf-com-register-form form .line {
    height: 2px;
    width: 100%;
    margin: 35px 0 45px;
    margin: 35px 0 45px;
    background: url(../images/dashed.png);
}

.sf-com-register-form form .form-title {
    margin: 2.5rem 2.5%;
    border-left: 8px solid #03407E;
}

.sf-com-register-form form .form-title h3 {
    padding-left: 20px;
    font-size: 24px;
    line-height: 1.2;
}

.sf-com-register-form form .form-group {
    display: inline-block;
    vertical-align: top;
}

.sf-com-register-form form .form-group label {
    margin-bottom: 0.85rem;
    font-size: 1rem;
}

.sf-com-register-form form .form-group label .necessary {
    color: red;
}

.sf-com-register-form form .form-group .form-control {
    height: calc(3.25rem + 2px);
    font-size: 1rem;
    padding: 0.275rem 1.5rem;
    border-radius: 0rem;
}

.sf-com-register-form form .form-group textarea.form-control {
    height: auto;
    padding: 24px 1.5rem 24px 1.5rem;
    resize: none;
}

.sf-com-register-form form .form-group select.hide {
    visibility: hidden;
    height: 0;
    padding: 0;
}

.sf-com-register-form form .form-group em.error {
    font-size: 12px;
    font-weight: 200;
    margin: 5px 0 0 0;
    color: red;
}

.sf-com-register-form form .form-group .input-tips {
    position: absolute;
    right: -215px;
    top: 30px;
    width: 200px;
    padding: 10px 15px;
    background: #f8f8f8;
    border: 1px solid #f6f6f6;
    font-size: 14px;
    line-height: 24px;
    font-weight: 200;
    border-radius: 5px;
}

.sf-com-register-form form .form-group .input-tips p {
    margin: 6px 0;
}

.sf-com-register-form form .form-group .input-tips:after {
    position: absolute;
    left: 0;
    top: 32%;
    display: table;
    width: 14px;
    height: 10px;
    content: '';
    margin-left: -8px;
    transform: rotate(-45deg);
    z-index: 1;
    bottom: 58px;
    background: linear-gradient(-45deg, transparent 7px, #fafafa 0);
    border-top: 1px solid #f6f6f6;
    border-left: 1px solid #f6f6f6;
}

.sf-com-register-form form .form-group .sf-com-security-code .pic-security .input-security {
    display: inline-block;
    margin: 0 0 1rem 0;
    width: 48%;
}

.sf-com-register-form form .form-group .sf-com-security-code .pic-security .input-security input#seCode {
    height: calc(3.25rem + 2px);
    font-size: 1rem;
    padding: 0.275rem 1.5rem;
    border-radius: 0rem;
    border: 1px solid #ced4da;
}

.sf-com-register-form form .form-group .sf-com-security-code .pic-security .pic {
    height: calc(3.25rem - 2px);
    display: inline-block;
    margin: 0 2.5% 1rem 2.5%;
    width: 35%;
}

.sf-com-register-form form .form-group .sf-com-security-code .pic-security img {
    height: calc(3.25rem - 2px);
}

.sf-com-register-form form .form-group.centered {
    margin-top: 1rem;
    text-align: center;
}

.sf-com-register-form form .form-group.centered .switch-title {
    padding-left: 0;
}

.sf-com-register-form form button.btn.btn-primary {
    padding: 18px;
    display: block;
    width: 200px;
    margin: 20px;
    background-color: white;
    border: 1px solid #669acc;
    color: #669acc;
    font-size: 0.8em;
    border-radius: 0rem;
}

.sf-com-register-form form button.btn.btn-primary:hover,
.sf-com-register-form form button.btn.btn-primary:focus,
.sf-com-register-form form button.btn.btn-primary:active {
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: #669acc;
    color: white;
}

.sf-com-register-form .explain {
    text-align: center;
    font-size: 0.9rem;
}

.sf-com-register-form .explain a {
    text-decoration: underline;
}

@media screen and (max-width: 1024px) {
    .sf-com-register-form {
        padding: 10px 20px 30px;
    }
    .sf-com-register-form form {
        margin: 0 auto 30px;
    }
    .sf-com-register-form form .line {
        display: none;
    }
    .sf-com-register-form form .form-title {
        margin: 30px 2.5%;
    }
    .sf-com-register-form form .form-title h3 {
        font-size: 24px;
        line-height: 24px;
    }
    .sf-com-register-form form .form-group {
        margin: 0 0 15px 0;
    }
    .sf-com-register-form form .form-group .sf-com-security-code .pic-security .input-security {
        width: 100%;
        margin-bottom: 20px;
    }
    .sf-com-register-form form .form-group .sf-com-security-code .pic-security .pic {
        margin: 0;
        width: 60%;
    }
    .sf-com-register-form form .form-group .input-tips {
        display: none;
    }
    .sf-com-register-form form .form-group textarea.form-control {
        height: 105px;
        padding: 12px 1.5rem 10px 1.5rem;
        resize: none;
    }
    .sf-com-register-form form .form-group.centered {
        margin-top: 1rem;
        text-align: center;
    }
    .sf-com-register-form form .form-group.centered .switch-title {
        padding: 0;
        font-size: 0.9rem;
    }
    .sf-com-register-form form .form-group.mobile-flex {
        display: flex;
    }
    .sf-com-register-form form .form-group.mobile-flex .switch-title {
        padding: 0;
    }
    .sf-com-register-form form button.btn.btn-primary {
        margin: 10px auto;
        width: 94%;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-register-success {
    padding: 120px 0 60px;
}

.sf-com-register-success .rs-content {
    text-align: center;
}

.sf-com-register-success .rs-content .rs-icon {
    margin: 0 auto;
}

.sf-com-register-success .rs-content button.btn.btn-primary {
    margin: 60px auto 30px;
    padding: 18px;
    display: block;
    width: 220px;
    background-color: white;
    border: 1px solid #CCCCCC;
    color: #CCCCCC;
    font-size: 0.8em;
    border-radius: 0rem;
}

.sf-com-register-success .rs-content button.btn.btn-primary:hover,
.sf-com-register-success .rs-content button.btn.btn-primary:focus,
.sf-com-register-success .rs-content button.btn.btn-primary:active {
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: #CCCCCC;
    color: white;
}

@media screen and (max-width: 1024px) {
    .sf-com-register-success {
        padding: 90px 0 30px;
    }
    .sf-com-register-success .rs-content {
        text-align: center;
    }
    .sf-com-register-success .rs-content .rs-icon {
        margin: 20px auto;
        width: 80px;
        height: 80px;
    }
    .sf-com-register-success .rs-content button.btn.btn-primary {
        margin: 60px auto 30px;
        padding: 14px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-guest-card {
    background-color: #FFFFFF;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
    color: #454545;
    display: block;
    text-decoration: none;
    max-width: 465px;
    margin: 0 auto;
}

.sf-com-guest-card .content {
    position: relative;
    height: 65vh;
    min-height: 560px;
    padding-bottom: 158px;
}

.sf-com-guest-card .content .cd-image {
    width: 100%;
    height: 100%;
}

.sf-com-guest-card .content .cd-image .sf-com-motional-image .image-replacer {
    background-position: top left;
}

.sf-com-guest-card .content a.cd-bottom {
    text-decoration: none;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 25px 40px 30px;
    text-align: left;
    display: block;
    width: 100%;
    z-index: 6;
    background: #003466;
    min-height: 158px;
}

.sf-com-guest-card .content a.cd-bottom .title {
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 200;
    margin-bottom: 10px;
}

.sf-com-guest-card .content a.cd-bottom .detail {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 200;
    line-height: 28px;
}

.sf-com-guest-card:hover,
.sf-com-guest-card:focus,
.sf-com-guest-card:active {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
    color: #454545;
    text-decoration: none;
}

@media screen and (max-width: 1024px) {
    .sf-com-guest-card .content {
        padding-bottom: 118px;
    }
    .sf-com-guest-card .content a.cd-bottom {
        padding: 20px 40px 25px;
        min-height: 118px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-banner-type-3 .bt-container {
    position: relative;
    height: 350px;
}

.sf-com-banner-type-3 .bt-container .bt-title {
    width: 100%;
    position: absolute;
    left: 0;
    top: calc(50% - 55px);
    z-index: 12;
}

.sf-com-banner-type-3 .bt-container .bt-title .title {
    text-align: left;
    font-size: 48px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #FFFFFF;
}

.sf-com-banner-type-3 .bt-container .bt-title .metas {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.sf-com-banner-type-3 .bt-container .bt-title .metas .meta-item {
    color: #FFFFFF;
    display: block;
    margin-right: 30px;
}

.sf-com-banner-type-3 .bt-container .bt-title .metas .meta-item:last-child {
    margin-right: 0;
}

.sf-com-banner-type-3 .bt-container .bt-title .metas .meta-item .icon {
    color: #FFFFFF;
    margin-right: 10px;
    font-weight: 600;
}

.sf-com-banner-type-3 .bt-container .sf-com-motional-image {
    opacity: 1;
}

@media screen and (max-width: 1024px) {
    .sf-com-banner-type-3 .bt-container {
        height: 350px;
    }
    .sf-com-banner-type-3 .bt-container .bt-title {
        padding: 0 10%;
        top: calc(50% - 120px);
    }
    .sf-com-banner-type-3 .bt-container .bt-title .title {
        font-size: 30px;
        margin-bottom: 60px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-magazine-detail-right-card {
    padding: 20px;
    position: relative;
    background: rgba(255, 255, 255, 0.6);
    z-index: 2;
    margin-bottom: 20px;
}

.sf-com-magazine-detail-right-card .img {
    width: 100%;
    border: 1px solid #dddddd;
    margin: 0 auto 10px auto;
}

.sf-com-magazine-detail-right-card .title {
    color: #000000;
    font-size: 22px;
    line-height: 1.5;
    font-weight: 400;
    text-align: center;
    margin: 0 auto 10px auto;
}

.sf-com-magazine-detail-right-card .detail {
    color: #000000;
}

.sf-com-magazine-detail-right-card .detail .desc {
    text-align: left;
    margin-bottom: 20px;
}

.sf-com-magazine-detail-right-card .detail .links {
    text-align: center;
}

.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn {
    margin: 10px 5px 0 5px;
    height: 2.8em;
    line-height: 2.8em;
    padding: 0 4.8em 0 1.5em;
    border: 1px solid rgba(0, 0, 0, 0);
}

.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn em {
    width: 3em;
}

.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:last-child {
    background: #03407E;
}

.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:hover,
.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:active,
.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:focus {
    border: 1px solid #669ACC;
}

.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:hover span,
.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:active span,
.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:focus span {
    color: #669ACC;
}

.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:hover em,
.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:active em,
.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:focus em {
    background: #669ACC;
}

.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:hover:last-child,
.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:active:last-child,
.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:focus:last-child {
    border: 1px solid #03407E;
}

.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:hover:last-child span,
.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:active:last-child span,
.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:focus:last-child span {
    color: #03407E;
}

.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:hover:last-child em,
.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:active:last-child em,
.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:focus:last-child em {
    background: #03407E;
}

@media screen and (max-width: 1024px) {
    .sf-com-magazine-detail-right-card {
        margin: 0 auto 10px;
        padding: 20px 8%;
    }
    .sf-com-magazine-detail-right-card .title {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 24px;
    }
    .sf-com-magazine-detail-right-card .detail .desc {
        font-size: 14px;
    }
    .sf-com-magazine-detail-right-card .detail .links {
        text-align: center;
    }
    .sf-com-magazine-detail-right-card .detail .links .sf-cross-btn {
        margin: 5px 5px 0;
        font-size: 14px;
        height: 2.5em;
        line-height: 2.5em;
        padding: 0 4em 0 0.8em;
    }
    .sf-com-magazine-detail-right-card .detail .links .sf-cross-btn em {
        width: 1.8em;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-topic-center-share .content {
    border-top: 1px solid #dddddd;
    padding: 20px 0;
    position: relative;
}

.sf-com-topic-center-share .content .share-icons {
    display: inline-flex;
    min-width: 50%;
}

.sf-com-topic-center-share .content .subscribe {
    color: #CCCCCC;
    font-size: 20px;
    float: right;
    padding: 0 20px;
    clear: both;
}

.sf-com-topic-center-share .content .subscribe img {
    margin-right: 10px;
}

.sf-com-topic-center-share .content .sf-com-teaser-social-share.type-3 .sf-com-social-icons .content {
    border-top: 0px solid #dddddd;
    padding: 0;
}

@media screen and (max-width: 1024px) {
    .sf-com-topic-center-share .content {
        border-top: 0 solid #dddddd;
        padding: 20px;
        display: block;
    }
    .sf-com-topic-center-share .content .share-icons {
        padding-bottom: 0px;
        display: block;
        min-width: 100%;
        border-bottom: 1px solid #ddd;
    }
    .sf-com-topic-center-share .content .share-icons .share-icons-list {
        padding-bottom: 0;
    }
    .sf-com-topic-center-share .content .subscribe {
        display: block;
        float: unset;
        padding: 20px 0;
        text-align: center;
    }
    .sf-com-topic-center-share .content .sf-com-teaser-social-share.type-3 .sf-com-social-icons .content .icon-list {
        margin: 20px auto 0;
    }
    .sf-com-topic-center-share .content .sf-com-teaser-social-share.type-3 .sf-com-social-icons .content .icon-list .list-item {
        margin-bottom: 10px;
        width: unset;
        text-align: center;
    }
    .sf-com-topic-center-share .content .sf-com-teaser-social-share.type-3 .sf-com-social-icons .content .icon-list .list-item .link {
        height: 5em;
        width: 5em;
        padding: 8px;
        margin: 0 auto;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-topic-detail-solution {
    padding: 0;
}

.sf-com-topic-detail-solution .content {
    z-index: 10;
    position: relative;
}

.sf-com-topic-detail-solution .content .sf-com-slick-tabs .tab-tabs .tab {
    width: 33.3%;
}

.sf-com-topic-detail-solution .content .sf-com-slick-tabs .tab-tabs .tab .link {
    padding: 25px 0;
    width: 100%;
}

.sf-com-topic-detail-solution .content .sf-com-card-basic.type-3 {
    background: rgba(255, 255, 255, 0);
}

.sf-com-topic-detail-solution .content .sf-com-card-basic.type-3 .content .sf-com-motional-image {
    width: 33%;
}

.sf-com-topic-detail-solution .content .sf-com-card-basic.type-3:hover,
.sf-com-topic-detail-solution .content .sf-com-card-basic.type-3:focus,
.sf-com-topic-detail-solution .content .sf-com-card-basic.type-3:active {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0);
    color: #454545;
    text-decoration: none;
}

@media screen and (max-width: 1024px) {
    .sf-com-topic-detail-solution {
        padding: 20px;
    }
    .sf-com-topic-detail-solution .content .sf-com-slick-tabs .tab-tabs .tab {
        width: 100%;
    }
    .sf-com-topic-detail-solution .content .sf-com-slick-tabs .tab-tabs .tab .link {
        padding: 0;
    }
    .sf-com-topic-detail-solution .content .sf-com-card-basic.type-3 {
        background: rgba(255, 255, 255, 0);
        margin-top: 20px;
    }
    .sf-com-topic-detail-solution .content .sf-com-card-basic.type-3 .content {
        display: block;
    }
    .sf-com-topic-detail-solution .content .sf-com-card-basic.type-3 .content .sf-com-motional-image {
        width: 100%;
        height: 230px;
    }
    .sf-com-topic-detail-solution .content .sf-com-card-basic.type-3 .content .basic-card {
        padding: 20px 0 0;
        width: 100%;
    }
    .sf-com-topic-detail-solution .content .sf-com-card-basic.type-3 .content .basic-card .card-body,
    .sf-com-topic-detail-solution .content .sf-com-card-basic.type-3 .content .basic-card .card-footer {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-floating-infos {
    background-color: RGBA(255, 255, 255, 0.9);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 300px;
    left: 50px;
    z-index: 200;
    width: 350px;
}

.sf-com-floating-infos>.content {
    background-color: #FFFFFF;
    padding: 10px 5px;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-card-event-list {
    font-size: 14px;
    margin-bottom: 10px;
}

.sf-com-card-event-list .content .card-heading .title,
.sf-com-card-event-list .content .card-heading h1,
.sf-com-card-event-list .content .card-heading h2,
.sf-com-card-event-list .content .card-heading h3,
.sf-com-card-event-list .content .card-heading h4,
.sf-com-card-event-list .content .card-heading h5,
.sf-com-card-event-list .content .card-heading h6 {
    font-size: 1.2em;
}

.sf-com-card-event-list .content .card-body ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sf-com-card-event-list .content .card-body ol li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 5px 0;
}

.sf-com-card-event-list .content .card-body ol li:last-child {
    border-bottom: none;
}

.sf-com-card-event-list .content .card-body .event-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    color: #454545;
}

.sf-com-card-event-list .content .card-body .event-item:hover,
.sf-com-card-event-list .content .card-body .event-item:focus,
.sf-com-card-event-list .content .card-body .event-item:active {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.05);
}

.sf-com-card-event-list .content .card-body .event-item .date {
    font-size: 1.1em;
    background-color: #03407E;
    color: #FFFFFF;
    text-align: center;
    width: 60px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: auto;
}

.sf-com-card-event-list .content .card-body .event-item .date .dm {
    font-weight: 600;
}

.sf-com-card-event-list .content .card-body .event-item .date .year {
    background-color: rgba(255, 255, 255, 0.9);
    color: #03407E;
}

.sf-com-card-event-list .content .card-body .event-item .intro {
    padding: 0 10px;
}

.sf-com-card-event-list .content .card-body .event-item .intro .title,
.sf-com-card-event-list .content .card-body .event-item .intro h1,
.sf-com-card-event-list .content .card-body .event-item .intro h2,
.sf-com-card-event-list .content .card-body .event-item .intro h3,
.sf-com-card-event-list .content .card-body .event-item .intro h4,
.sf-com-card-event-list .content .card-body .event-item .intro h5,
.sf-com-card-event-list .content .card-body .event-item .intro h6 {
    font-size: 1em;
    font-weight: 400;
    margin: 0;
    padding: 0;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-youtube-video {
    background-color: rgba(0, 0, 0, 0.85);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 200;
}

.sf-com-youtube-video .content {
    position: relative;
    padding-top: 30px;
    width: 75%;
}

.sf-com-youtube-video .content .close {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1;
    font-size: 30px;
    font-weight: 200;
    color: rgba(255, 255, 255, 0.2);
    text-decoration: none;
}

.sf-com-youtube-video .content .close:hover,
.sf-com-youtube-video .content .close:focus,
.sf-com-youtube-video .content .close:active {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.5);
}

.sf-com-youtube-video .content iframe {
    width: 100%;
    height: 450px;
}

@media screen and (max-width: 1024px) {
    .sf-com-youtube-video .content {
        width: 100%;
    }
    .sf-com-youtube-video .content iframe {
        height: 230px;
    }
}

.sf-com-error-code {
    margin: 20vh auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.sf-com-error-code .content {
    max-width: 460px;
    padding: 0 20px;
}

.sf-com-error-code .content .error-title,
.sf-com-error-code .content .error-info {
    width: 100%;
}

.sf-com-error-code .content .error-title {
    font-size: 2em;
    font-weight: 400;
    text-align-last: left;
    margin-top: 1em;
}

.sf-com-error-code .content .error-info {
    margin-top: 0.5em;
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-float-contact {
    font-weight: 200;
    font-size: 14px;
    position: fixed;
    bottom: 0;
    right: 15px;
    z-index: 100;
    background-color: #FFFFFF;
    width: 160px;
}

.sf-com-float-contact .contact-title {
    background-color: #03407E;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 50px;
}

.sf-com-float-contact .contact-title .on,
.sf-com-float-contact .contact-title .off {
    font-size: 1.5em;
}

.sf-com-float-contact .contact-title .on,
.sf-com-float-contact .contact-title .text {
    display: inline;
}

.sf-com-float-contact .contact-title .off {
    display: none;
}

.sf-com-float-contact .contact-title .text {
    margin-left: 15px;
}

.sf-com-float-contact .contact-title:hover,
.sf-com-float-contact .contact-title:focus,
.sf-com-float-contact .contact-title:active {
    text-decoration: none;
}

.sf-com-float-contact .contact-body .contact-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sf-com-float-contact .contact-body .contact-list .list-item .link {
    color: #454545;
    font-size: 13px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 0;
    overflow: hidden;
    transition: height linear 0.15s;
}

.sf-com-float-contact .contact-body .contact-list .list-item .link img {
    display: block;
    margin-right: 20px;
    width: 26px;
}

.sf-com-float-contact .contact-body .contact-list .list-item .link:hover,
.sf-com-float-contact .contact-body .contact-list .list-item .link:focus,
.sf-com-float-contact .contact-body .contact-list .list-item .link:active {
    background-color: #F7F7F7;
    color: #03407E;
    text-decoration: none;
}

.sf-com-float-contact.active .contact-title .off {
    display: inline;
}

.sf-com-float-contact.active .contact-title .on,
.sf-com-float-contact.active .contact-title .text {
    display: none;
}

.sf-com-float-contact.active .contact-body .contact-list .list-item .link {
    height: 50px;
}

@media screen and (max-width: 1024px) {
    .sf-com-float-contact {
        font-size: 12px;
        right: 0;
        width: 55px;
    }
    .sf-com-float-contact .contact-title {
        height: 55px;
    }
    .sf-com-float-contact .contact-title .on {
        display: inline;
    }
    .sf-com-float-contact .contact-title .text,
    .sf-com-float-contact .contact-title .off {
        display: none;
    }
    .sf-com-float-contact.active {
        width: 140px;
    }
    .sf-com-float-contact.active .contact-body .contact-list .list-item .link {
        height: 55px;
    }
    .sf-com-float-contact.active .contact-body .contact-list .list-item .link img {
        margin-right: 10px;
        width: 25px;
    }
}


/* Variables */


/* BREAKPOINTS */


/* COLORS */


/* Cascading menu color */


/* FONT SIZES */


/* FLEX */


/* Inherit Style */


/* Clear floats */

.sf-com-footer {
    background-color: #454545;
    font-size: 14px;
}

.sf-com-footer .sf-footer-links {
    font-size: 14px;
    padding: 45px 0 60px 0;
}

.sf-com-footer .sf-footer-links .title {
    color: #C0C0C0;
    font-size: 1em;
    font-weight: 400;
    margin: 0 0 15px 0;
}

.sf-com-footer .sf-footer-links ul {
    list-style-type: none;
    margin: 0;
    padding: 15px 0;
}

.sf-com-footer .sf-footer-links ul li {
    padding: 5px 0;
}

.sf-com-footer .sf-footer-links ul li a {
    color: #C0C0C0;
    font-weight: 400;
    text-decoration: none;
}

.sf-com-footer .sf-footer-links ul li a:hover,
.sf-com-footer .sf-footer-links ul li a:focus,
.sf-com-footer .sf-footer-links ul li a:active {
    color: #03407E;
}

.sf-com-footer .sf-footer-copyright {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 12px;
    margin: 0;
    padding: 25px 0px;
}

.sf-com-footer .sf-footer-copyright .content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.sf-com-footer .sf-footer-copyright a,
.sf-com-footer .sf-footer-copyright span {
    color: #000000;
    text-decoration: none;
}

.sf-com-footer .sf-footer-copyright img {
    height: 1.6em;
}

.sf-com-footer .sf-footer-copyright .gap {
    margin: 0 10px;
}

.sf-com-footer .sf-footer-copyright .links {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.sf-com-footer .sf-footer-copyright .links .link {
    display: block;
    line-height: 1em;
    padding: 0 5px;
    position: relative;
}

.sf-com-footer .sf-footer-copyright .links .link::before {
    content: " ";
    display: block;
    height: 0.8em;
    left: 0;
    bottom: 0.1em;
    width: 1px;
    background-color: #888888;
    position: absolute;
}

.sf-com-footer .sf-footer-copyright .links .link:first-child::before {
    display: none;
}

@media screen and (max-width: 1024px) {
    .sf-com-footer .sf-footer-links {
        padding: 0;
    }
    .sf-com-footer .sf-footer-links .title {
        margin-bottom: 0;
    }
    .sf-com-footer .sf-com-accordion-menu {
        padding: 0;
    }
    .sf-com-footer .sf-com-accordion-menu .accordion-header,
    .sf-com-footer .sf-com-accordion-menu .accordion-body {
        padding-left: 30px;
        padding-right: 30px;
    }
    .sf-com-footer .sf-com-accordion-menu .accordion-header:hover,
    .sf-com-footer .sf-com-accordion-menu .accordion-header:active {
        text-decoration: none;
        background-color: #333333;
    }
    .sf-com-footer .sf-com-accordion-menu .accordion-body {
        background-color: #505050;
    }
    .sf-com-footer .sf-com-accordion-menu .accordion-body ul {
        padding: 0;
    }
    .sf-com-footer .sf-com-accordion-menu .accordion-body ul li {
        padding: 0;
    }
    .sf-com-footer .sf-com-accordion-menu .accordion-body ul li a {
        display: block;
        padding: 0.6em 0;
    }
    .sf-com-footer .sf-footer-copyright .content {
        padding: 0 20px;
    }
    .sf-com-footer .sf-footer-copyright .content .info {
        margin-bottom: 15px;
    }
    .sf-com-footer .sf-footer-copyright .content .links {
        justify-content: flex-start;
    }
    .sf-com-footer .sf-footer-copyright .content .links .link {
        margin: 4px 0;
    }
}

supt {
    color: cWVkZ2UuY24K;
}

.sf-english .sf-com-slider-basic.type-7 {
    padding-top: 0;
}

.sf-english .sf-com-teaser-by-scene.type-2 {
    padding-top: 0;
}

.sf-english .sf-com-teaser-type-50 {
    padding-top: 0;
}

.sf-english .sf-com-carousel-type-23.type-3 {
    padding-top: 0;
}

.sf-english .sf-com-carousel-type-23.type-3 .basic-card .card-body {
    height: 6.8em;
    overflow: hidden;
    margin-bottom: 2em;
}

.sf-english .sf-com-carousel-type-23.type-3 .sf-com-slick-tabs .sf-com-motional-image {
    height: 100%;
}

.sf-english .sf-com-menu {
    font-size: 15px;
}

.sf-english .sf-com-menu .logo {
    margin-right: 10px;
}

.sf-english .sf-com-menu .content .menu-list .list-item {
    margin: 0;
}

.sf-english .sf-com-menu .content .menu-list .list-item .link {
    padding: 0 5px;
}

.sf-english .sf-com-menu .content .menu-list .list-item .link.direct-link {
    padding-right: 2em;
}


/*# sourceMappingURL=sourcemaps/sf.css.map */