@font-face {
    font-family: 'Heebo';
    font-weight: 900;
    src: url('fonts/Heebo-Black.eot');
    src: local('Heebo'), local('Heebo-Black'), url('fonts/Heebo-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Heebo-Black.woff2') format('woff2'), url('fonts/Heebo-Black.woff') format('woff'), url('fonts/Heebo-Black.ttf') format('truetype'), url('fonts/Heebo-Black.svg#Heebo') format('svg');
}

@font-face {
    font-family: 'Heebo';
    font-weight: 800;
    src: url('fonts/Heebo-ExtraBold.eot');
    src: local('Heebo'), local('Heebo-ExtraBold'), url('fonts/Heebo-ExtraBold.eot?#iefix') format('embedded-opentype'), url('fonts/Heebo-ExtraBold.woff2') format('woff2'), url('fonts/Heebo-ExtraBold.woff') format('woff'), url('fonts/Heebo-ExtraBold.ttf') format('truetype'), url('fonts/Heebo-ExtraBold.svg#Heebo') format('svg');
}

@font-face {
    font-family: 'Heebo';
    font-weight: 700;
    src: url('fonts/Heebo-Bold.eot');
    src: local('Heebo'), local('Heebo-Bold'), url('fonts/Heebo-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Heebo-Bold.woff2') format('woff2'), url('fonts/Heebo-Bold.woff') format('woff'), url('fonts/Heebo-Bold.ttf') format('truetype'), url('fonts/Heebo-Bold.svg#Heebo') format('svg');
}

@font-face {
    font-family: 'Heebo';
    font-weight: 500;
    src: url('fonts/Heebo-Medium.eot');
    src: local('Heebo'), local('Heebo-Medium'), url('fonts/Heebo-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Heebo-Medium.woff2') format('woff2'), url('fonts/Heebo-Medium.woff') format('woff'), url('fonts/Heebo-Medium.ttf') format('truetype'), url('fonts/Heebo-Medium.svg#Heebo') format('svg');
}

@font-face {
    font-family: 'Heebo';
    font-weight: 400;
    src: url('fonts/Heebo-Regular.eot');
    src: local('Heebo'), local('Heebo-Regular'), url('fonts/Heebo-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Heebo-Regular.woff2') format('woff2'), url('fonts/Heebo-Regular.woff') format('woff'), url('fonts/Heebo-Regular.ttf') format('truetype'), url('fonts/Heebo-Regular.svg#Heebo') format('svg');
}

@font-face {
    font-family: 'Heebo';
    font-weight: 300;
    src: url('fonts/Heebo-Light.eot');
    src: local('Heebo'), local('Heebo-Light'), url('fonts/Heebo-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Heebo-Light.woff2') format('woff2'), url('fonts/Heebo-Light.woff') format('woff'), url('fonts/Heebo-Light.ttf') format('truetype'), url('fonts/Heebo-Light.svg#Heebo') format('svg');
}

@font-face {
    font-family: 'Heebo';
    font-weight: 100;
    src: url('fonts/Heebo-Thin.eot');
    src: local('Heebo'), local('Heebo-Thin'), url('fonts/Heebo-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Heebo-Thin.woff2') format('woff2'), url('fonts/Heebo-Thin.woff') format('woff'), url('fonts/Heebo-Thin.ttf') format('truetype'), url('fonts/Heebo-Thin.svg#Heebo') format('svg');
}

/*Reusable Module CSS*/

.SFX_Module130 {
    padding: 130px 0px;
}

.SFX_Module110 {
    padding: 110px 0px;
}

.SFX_Module70 {
    padding: 70px 0px;
}

.SFX_Module_Title70 {
    margin-bottom: 70px
}

/*END*/


body {
    font-family: Heebo;
}

.Normal {
    font-size: 14px;
    line-height: 1.428;
}

.SkinLink {
    margin-top: 15px;
    text-align: center;
}

.navbar {
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}

.carousel-inner > .active.left {
    float: none;
}

.carousel-caption h1 {
    color: #fff;
}

a.btn-info, a.btn-info:visited, a.btn-primary, a.btn-primary:visited {
    color: #fff;
}

.searchBox {
    padding: 15px 15px 0 15px;
    width: 240px;
}

    .searchBox .searchText {
        color: #000;
        float: right;
    }

.searchSkinObjectPreview_group {
    display: none;
}

ul.dnnAdminTabNav {
    height: 40px;
    border-radius: 0 !important;
}


/* styling for the Edit Profile and My Account links in User Profiles */
.dnnActions {
    display: inline-block;
}

    .dnnActions li {
        margin-right: 5px;
        list-style: none;
        float: left;
    }


/*override for dnnLabels in the bootstrap */
.form-group .dnnLabel {
    text-align: left;
    width: auto;
}

.dnnLabel + span {
    white-space: normal;
}

/* Addition to bootstrap menu styles */
/* Displace second and deeper level menus right from their parent.  */



/* ADMIN */

#ControlBar, #ControlBar:before, #ControlBar:after, #ControlBar *:before, #ControlBar *:after,
#ControlBar li, #ControlBar li:before, #ControlBar li:after,
#ControlBar a, #ControlBar a:before, #ControlBar a:after,
.dnn_mact, .dnn_mact:before, .dnn_mact:after, .dnn_mact *:before, .dnn_mact *:after,
.dnn_mact li, .dnn_mact li:before, .dnn_mact li:after {
    -webkit-box-sizing: content-box !important; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: content-box !important; /* Firefox, other Gecko */
    box-sizing: content-box !important; /* Opera/IE 8+ */
}


.navbar-default .navbar-nav > li > div > ul > li > a, .navbar-default .LoginLink {
    color: #777;
}

    .navbar-default .navbar-nav > li > div > a:hover,
    .navbar-default .navbar-nav > li > div > a:focus,
    .navbar-default .navbar-nav > li > div > ul > li > a:hover,
    .navbar-default .navbar-nav > li > div > ul > li > a:focus {
        color: #ffffff;
        background-color: #178acc;
    }


/*------------------------------------------------*/
/* LOGIN */
/*------------------------------------------------*/

.navbar-right {
    height: 51px;
    display: none;
}

    .navbar-right .registerGroup,
    .navbar-right .registerGroup *,
    .navbar-right .loginGroup,
    .navbar-right .loginGroup * {
        display: inline;
    }

    .navbar-right .registerGroup,
    .navbar-right .loginGroup {
        float: right;
    }

        .navbar-right .registerGroup li:first-child:hover {
            border-left: #222;
        }

        /* Register Group Styles */
        .navbar-right .registerGroup li {
            float: left;
        }

        .navbar-right .registerGroup .buttonGroup {
            margin-right: 0;
        }

        .navbar-right .registerGroup a,
        .navbar-right .loginGroup a {
            display: block;
            position: relative;
            height: 50px;
            min-width: 12px;
            padding: 15px 15px 0 15px;
            vertical-align: middle;
        }

            .navbar-right .registerGroup a:hover,
            .navbar-right .loginGroup a:hover {
            }

            .navbar-right .registerGroup a:active,
            .navbar-right .loginGroup a:active {
                text-shadow: 0 -1px 0 #ffffff;
            }

            .navbar-right .registerGroup a:hover,
            .navbar-right .loginGroup a:hover {
                text-decoration: none;
            }

            .navbar-right .registerGroup a strong,
            .navbar-right .loginGroup a strong {
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                overflow: hidden;
                font-size: 0;
                text-indent: -9999px;
            }

    .navbar-right .userMessages a,
    .navbar-right .userNotifications a {
        background-color: transparent;
    }

    .navbar-right .userMessages strong {
        height: 100%;
        background: url('i/icon_message.png') no-repeat center center;
    }

    .navbar-right .userNotifications {
    }

        .navbar-right .userNotifications strong {
            height: 100%;
            background: url('i/icon_notification.png') no-repeat center center;
        }

    .navbar-right .registerGroup a span {
        display: inline-block;
        min-width: 7px;
        margin-right: 3px;
        text-align: center;
    }



    .navbar-right .registerGroup .userProfileImg a {
        min-width: 50px;
        min-height: 50px;
        padding: 0;
    }

    .navbar-right .registerGroup a img {
        height: 50px;
        width: 50px;
    }

    /* Login Group Styles */
    .navbar-right .loginGroup {
    }

        .navbar-right .loginGroup a {
        }

    /* Number of message next to the message icon*/
    .navbar-right .userMessages a span,
    .navbar-right .userNotifications a span {
        display: inline-block;
        margin-top: 0;
        margin-right: 0;
        background-color: transparent;
    }

    .navbar-right .userNotifications span, .navbar-right .userMessages span {
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        overflow: hidden;
        font-size: 0;
        text-indent: -9999px;
        z-index: 999;
    }

    .navbar-right .userNotifications span {
        background: url('i/icon_notification_active.png') no-repeat center center;
    }

    .navbar-right .userMessages span {
        background: url('i/icon_message_active.png') no-repeat center center;
    }


/* Content formatting */

#Content, #TopContent {
    margin-top: 10px;
}


/*
 * blueimp Gallery CSS 2.11.1 https://github.com/blueimp/Gallery
 * Copyright 2013, Sebastian Tschan https://blueimp.net
 * Licensed under the MIT license: http://www.opensource.org/licenses/MIT
 */

.blueimp-gallery,
.blueimp-gallery > .slides > .slide > .slide-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* Prevent artifacts in Mozilla Firefox: */
    -moz-backface-visibility: hidden;
}

    .blueimp-gallery > .slides > .slide > .slide-content {
        margin: auto;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        opacity: 1;
    }

.blueimp-gallery {
    position: fixed;
    z-index: 999999;
    overflow: hidden;
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0;
    display: none;
    direction: ltr;
    -ms-touch-action: none;
    touch-action: none;
}

.blueimp-gallery-carousel {
    position: relative;
    z-index: auto;
    margin: 1em auto;
    /* Set the carousel width/height ratio to 16/9: */
    padding-bottom: 56.25%;
    box-shadow: 0 0 10px #000;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.blueimp-gallery-display {
    display: block;
    opacity: 1;
}

.blueimp-gallery > .slides {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.blueimp-gallery-carousel > .slides {
    position: absolute;
}

.blueimp-gallery > .slides > .slide {
    position: relative;
    float: left;
    height: 100%;
    text-align: center;
    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

    .blueimp-gallery,
    .blueimp-gallery > .slides > .slide > .slide-content {
        -webkit-transition: opacity 0.5s linear;
        -moz-transition: opacity 0.5s linear;
        -ms-transition: opacity 0.5s linear;
        -o-transition: opacity 0.5s linear;
        transition: opacity 0.5s linear;
    }

        .blueimp-gallery > .slides > .slide-loading {
            background: url(img/loading.gif) center no-repeat;
            background-size: 64px 64px;
        }

            .blueimp-gallery > .slides > .slide-loading > .slide-content {
                opacity: 0;
            }

        .blueimp-gallery > .slides > .slide-error {
            background: url(img/error.png) center no-repeat;
        }

            .blueimp-gallery > .slides > .slide-error > .slide-content {
                display: none;
            }

        .blueimp-gallery > .prev,
        .blueimp-gallery > .next {
            position: absolute;
            top: 50%;
            left: 15px;
            width: 40px;
            height: 40px;
            margin-top: -23px;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 60px;
            font-weight: 100;
            line-height: 30px;
            color: #fff;
            text-decoration: none;
            text-shadow: 0 0 2px #000;
            text-align: center;
            background: #222;
            background: rgba(0, 0, 0, 0.5);
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            border: 3px solid #fff;
            -webkit-border-radius: 23px;
            -moz-border-radius: 23px;
            border-radius: 23px;
            opacity: 0.5;
            cursor: pointer;
            display: none;
        }

        .blueimp-gallery > .next {
            left: auto;
            right: 15px;
        }

        .blueimp-gallery > .close,
        .blueimp-gallery > .title {
            position: absolute;
            top: 15px;
            left: 15px;
            margin: 0 40px 0 0;
            font-size: 20px;
            line-height: 30px;
            color: #fff;
            text-shadow: 0 0 2px #000;
            opacity: 0.8;
            display: none;
        }

        .blueimp-gallery > .close {
            padding: 15px;
            right: 15px;
            left: auto;
            margin: -15px;
            font-size: 30px;
            text-decoration: none;
            cursor: pointer;
        }

        .blueimp-gallery > .play-pause {
            position: absolute;
            right: 15px;
            bottom: 15px;
            width: 15px;
            height: 15px;
            background: url(img/play-pause.png) 0 0 no-repeat;
            cursor: pointer;
            opacity: 0.5;
            display: none;
        }

.blueimp-gallery-playing > .play-pause {
    background-position: -15px 0;
}

.blueimp-gallery > .prev:hover,
.blueimp-gallery > .next:hover,
.blueimp-gallery > .close:hover,
.blueimp-gallery > .title:hover,
.blueimp-gallery > .play-pause:hover {
    color: #fff;
    opacity: 1;
}

.blueimp-gallery-controls > .prev,
.blueimp-gallery-controls > .next,
.blueimp-gallery-controls > .close,
.blueimp-gallery-controls > .title,
.blueimp-gallery-controls > .play-pause {
    display: block;
    /* Fix z-index issues (controls behind slide element) on Android: */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.blueimp-gallery-single > .prev,
.blueimp-gallery-left > .prev,
.blueimp-gallery-single > .next,
.blueimp-gallery-right > .next,
.blueimp-gallery-single > .play-pause {
    display: none;
}

.blueimp-gallery > .slides > .slide > .slide-content,
.blueimp-gallery > .prev,
.blueimp-gallery > .next,
.blueimp-gallery > .close,
.blueimp-gallery > .play-pause {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
body:last-child .blueimp-gallery > .slides > .slide-error {
    background-image: url(img/error.svg);
}

body:last-child .blueimp-gallery > .play-pause {
    width: 20px;
    height: 20px;
    background-size: 40px 20px;
    background-image: url(img/play-pause.svg);
}

body:last-child .blueimp-gallery-playing > .play-pause {
    background-position: -20px 0;
}

/* IE7 fixes */
* + html .blueimp-gallery > .slides > .slide {
    min-height: 300px;
}

    * + html .blueimp-gallery > .slides > .slide > .slide-content {
        position: relative;
    }

/* fix for carousel for large resolution displays */

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    margin: 0 auto;
    width: 100%;
}


/* fix for DNN dropdown lists being cut off*/

.dnnDropDownList .selected-item, .dnnDropDownList .selected-item a {
    height: 35px !important;
}


/* fix for coloring on DNN Check boxes and radio */
.dnnCheckbox .mark, .dnnRadiobutton .mark {
    background: none;
}






/* Lonpac Style*/

/*Navbar*/
.navbar {
    border-radius: 0px;
    margin-bottom: 0px;
    border: none;
    border-top: 6px solid #377dff;
}

.navbar-nav > li > a {
    font-size: 16px;
    /*font-size: 115%;*/
    font-weight: 700;
    color: #000000;
    line-height: 2.5;
    padding: 1.3vw 0.8vw;
}

/*.navbar-header {
    border-right: 1px solid #e5e5e5;
    height: inherit;
}*/

.navbar-header {
    /*border-right: 1px solid #e5e5e5;*/
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 20px;
}

.navbar-brand {
    height: inherit;
    width: calc(165px + (215 - 165) * ((100vw - 992px) / (1600 - 992)));
}



.navbar a {
    height: 75px;
    text-align: center;
    padding: 1.3vw 0.8vw;
}


.navbar-right > li:nth-child(n+3) > a {
    font-weight: 400;
    color: #b0b0b0;
    border-left: 1px solid #e5e5e5;
    padding: 0.7vw 15px;
}

.navbar-right > li:hover {
    background: initial !important;
}

.navbar-right > li > a:hover {
    background: initial !important;
}

.nav > li > a:focus, .nav > li > a:hover {
    background: initial !important; /*override bootstrap styles*/
}

.BTN_Call_Back {
    background-color: #377dff;
    font-size: 12px;
    color: #ffffff;
    border-radius: 25px;
    padding: 9.5px 17.5px;
    font-weight: 500;
    display: none;
}

    .BTN_Call_Back:hover {
        text-decoration: none;
        background-color: #044ACC !important;
        color: #ffffff !important;
        border: 1px solid #044ACC !important;
    }

.btnEAssist {
    background-color: #377dff;
    font-size: 16px;
    color: #ffffff;
    border-radius: 25px;
    padding: 9px 17.5px;
    font-weight: 700;
    display: none;
    width: auto;
    height: 45px;
}

    .btnEAssist:hover {
        text-decoration: none;
        background-color: #044ACC !important;
        color: #ffffff !important;
        border: 1px solid #044ACC !important;
    }

.btnLogin {
    background-color: #377dff;
    font-size: 16px;
    color: #ffffff;
    border-radius: 25px;
    padding: 9px 17.5px;
    font-weight: 700;
    display: none;
    width: auto;
    height: 45px;
}

    .btnLogin:hover {
        text-decoration: none;
        background-color: #044ACC !important;
        color: #ffffff !important;
        border: 1px solid #044ACC !important;
    }

.btnSearch {
    background-color: #f5f5f5;
    border-radius: 50%; /* This makes the button circular */
    width: 45px; /* Set a fixed width to match the desired size */
    height: 45px; /* Set a fixed height to match the desired size */
    display: flex;
    justify-content: center;
    align-items: center; /* Center the icon inside the button */
    box-shadow: none; /* Remove any shadow or line effects */
}

    .btnSearch:hover {
        background-color: rgba(0, 0, 0, 0.2) !important;
    }

.btnMenu {
    background-color: #377dff;
    font-size: 16px;
    color: #ffffff;
    border-radius: 25px;
    padding: 9.5px 17.5px;
    font-weight: 700;
}

    .btnMenu:hover {
        text-decoration: none;
        background-color: #044ACC !important;
        color: #ffffff !important;
        border: 1px solid #044ACC !important;
    }

.nav > li {
    position: static;
}


/*Default Button Styles*/

a {
    text-decoration: none !important;
}

.BTN_Blue {
    background-color: #377dff;
    font-size: 14px;
    color: #ffffff;
    border-radius: 25px;
    padding: 8px 18px;
    margin: 0% 1%;
    text-decoration: none;
}

.BTN_Red {
    background-color: #fe5f55;
    font-size: 14px;
    color: #ffffff;
    border-radius: 25px;
    padding: 8px 18px;
    margin: 0% 1%;
    text-decoration: none;
}

/*Editing mode styles*/

.SFX_admin_control {
    text-align: right;
}

.fa-edit, .fa-trash-alt {
    font-size: 24px;
    margin-top: 1%;
    margin-bottom: 1%;
    color: #464646 !important;
}

/*Seperator*/
.SFX_Seperator {
    display: inline-block;
}

@media screen and (max-width: 1300px) {
    /*.navbar-nav > li > a {
        font-size: 1vw;
    }*/

    .navbar a {
        height: 70px;
    }

    .navbar-right a:not(.GFX_IMG_E_Assist) {
        line-height: 2;
    }

    .GFX_phone_number {
        font-size: 100%;
    }

    .BTN_Call_Back {
        font-size: 12px;
    }

    .btnEAssist {
        font-size: 16px;
    }

    .btnLogin {
        font-size: 16px;
    }

    .btnMenu {
        font-size: 16px;
    }

    .BTN_Blue {
        font-size: 12px;
    }

    .BTN_Red {
        font-size: 12px;
    }

    .SFX_Seperator {
        display: block;
        font-size: 0px;
        margin: 20px auto;
        border-bottom: 1px solid #ffffff;
        width: 20px;
    }
}






.SFX_Crumbs {
    background-color: #377dff;
    width: 100%;
    height: 60px;
    font-size: 12px;
}

    .SFX_Crumbs a {
        color: #ffffff;
        pointer-events: none;
        cursor: default;
    }

    .SFX_Crumbs span {
        color: #ffffff;
        opacity: 0.5;
        font-weight: 400;
    }

        .SFX_Crumbs span:last-child {
            color: #ffffff;
            opacity: 1;
            font-weight: 400;
        }

.SFX_Crumbs_link a {
    pointer-events: auto;
    cursor: pointer;
    text-decoration: none;
}


.SFX_crumbs_content_padding {
    padding: 20px 20px;
}

.SFX_left_border {
    border-left: solid 1px rgba(255,255,255,0.1);
}

.SFX_crumbs_content_parent {
    color: #ffffff;
    opacity: 0.5;
    font-size: 1em;
}

.SFX_crumbs_content_children {
    font-size: 1em;
    font-weight: 600;
}

    .SFX_crumbs_content_children > .fas {
        color: #ffffff;
    }

@media (max-width: 1040px) {
    .SFX_Crumbs {
        display: block !important;
    }
}

.fa-arrow-up {
    padding: 0 0 0 10px;
}


.SFX_Footer_title {
    color: #377dff;
    font-size: 14px;
    font-weight: 600;
    padding-top: 36px;
    padding-left: 30px;
    padding-bottom: 14px;
}

    .SFX_Footer_title a {
        color: #377dff;
    }

        .SFX_Footer_title a:hover {
            text-decoration: none;
            color: #377dff;
        }

.SFX_Footer_subtitle {
    color: #636363;
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 7px;
    padding-left: 30px;
}



    .SFX_Footer_subtitle a {
        color: #636363;
    }

    .SFX_Footer_subtitle:first-child {
        padding-top: 0;
    }

    .SFX_Footer_subtitle:last-child {
        padding-bottom: 30px;
    }

    .SFX_Footer_subtitle a:hover {
        color: #fe5f55;
        text-decoration: none;
    }

.SFX_Border_left {
    border-left: solid 1px #e5e5e5;
}

.SFX_Border_right {
    border-right: solid 1px #e5e5e5;
}

.SFX_Border_bottom {
    border-bottom: solid 1px #e5e5e5;
}

    .SFX_Border_bottom:last-child {
        border-bottom: 0;
    }

.SFX_No_left_right_padding {
    padding-left: 0;
    padding-right: 0;
}

.SFX_min_height {
    min-height: 650px;
    display: inline-flex;
}

    .SFX_min_height .col-md-3 {
        min-height: inherit;
    }

.SFX_min_height_SG {
    min-height: 510px !important;
}

.SFX_min_height_LPI {
    min-height: 460px !important;
}

.IMG_BOD {
    background-color: transparent;
    width: 70px;
    height: 25px;
    padding-left: 30px;
    margin-top: 30px;
}

.SFX_image_title {
    font-size: 12px;
    font-weight: 600;
    color: #252525;
    padding: 0;
    padding-top: 30px;
}

.SFX_image_subtitle {
    font-size: 12px;
    color: #636363;
    padding-left: 70px;
    padding-right: 30px;
    padding-top: 43px;
    padding-bottom: 30px;
}

.SFX_image_title1 {
    font-size: 12px;
    color: #636363;
    padding: 0;
    padding-top: 30px;
}

.SFX_image_subtitle1 a {
    font-size: 12px;
    color: #252525;
    font-weight: 600;
    text-decoration: none;
}

.SFX_image_title2 {
    font-size: 12px;
    color: #636363;
    padding: 0;
    padding-top: 10px;
}

.SFX_image_subtitle2 a {
    font-size: 12px;
    color: #252525;
    font-weight: 600;
    text-decoration: none;
}

.SFX_image_subtitle2 {
    padding-bottom: 30px;
    padding-left: 0;
}

.SFX_BackToTop:hover {
    color: #ffffff;
}

.SFX_BackToTop {
    text-align: right;
}


@media (max-width: 1040px) {
    .SFX_BackToTop {
        text-align: center;
    }

    .SFX_Crumbs {
        border-top: solid 1px #377dff;
        background-color: #ffffff;
        width: 100%;
        height: 65px;
    }
}

@media (max-width: 1040px) {
    .SFX_crumbs_content_children {
        color: #377dff !important;
        font-size: 1.5em;
        font-weight: 600;
    }

        .SFX_crumbs_content_children > .fa-arrow-up {
            color: #377dff;
        }
}


/*Footer Bar*/

.SFX_skin_no_padding {
    padding: 0;
}

.SFX_Footer_bar {
    background-color: #003e7e;
    width: 100%;
    /*height: 82px;*/
    height: auto;
}

.SFX_Footer_bar_content_padding {
    padding-top: 1.2vw;
}

.SFX_Footer_bar_content_1 {
    color: #ffffff;
    opacity: 0.7;
    font-size: 12px;
    text-align: right;
    padding-top: 1.8vw;
    padding-left: 0;
    padding-right: 0;
}

.SFX_Footer_bar_content_1_special {
    color: #ffffff;
    opacity: 0.8;
    font-size: 12px;
    font-weight: 600;
}

.SFX_Footer_bar_content_2 {
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
}

    .SFX_Footer_bar_content_2 span:last-child {
        display: none;
    }

.SFX_Footer .fa {
    padding: 0.6vw;
    font-size: 1.2vw;
    width: 2.3vw;
    height: 2.3vw;
    text-align: center;
    text-decoration: none;
    margin: 5px 7px;
    border-radius: 50%;
}

    .SFX_Footer .fa:hover {
        opacity: 0.7;
    }


.SFX_FooterMenu_fa > .fa-angle-up {
    color: #ffffff;
    padding-top: 1.8vw;
    font-size: 12px;
}

.SFX_social_media_padding {
    padding-right: 0;
    padding-left: 5px;
    padding-top: 1.2vw;
}

    .SFX_social_media_padding img {
        margin: 0px 4%;
        cursor: pointer;
        width: 35px;
        height: 35px;
    }

        .SFX_social_media_padding img:hover {
            opacity: 0.8;
        }

.SFX_Country_block {
    background-color: transparent;
    padding-top: 1.2vw;
    padding-left: 0;
}

.SFX_Footer_country {
    color: #ffffff;
    opacity: 0.7;
    font-size: 12px;
    text-align: right;
    padding-top: 1.8vw;
    padding-left: 0;
    padding-right: 0;
}


.SFX_Country_block img {
    width: 35px;
    height: 35px;
}


.SFX_Footer_bar_content_2 a, .SFX_Footer_bar_content_2 a:hover {
    text-decoration: none;
    color: inherit;
}

@media (max-width:1200px) {
    .SFX_social_media_padding img {
        margin: 0px -1%;
        cursor: pointer;
    }
}

@media (max-width: 1100px) {
    .SFX_Footer_country {
        color: #ffffff;
        opacity: 0.7;
        font-size: 9px;
        text-align: right;
        padding-top: 1.5vw;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 1040px) {
    .Mobile_SFX_Footer_bar_content_1 {
        text-align: center;
        padding: 50px 10px;
    }
}

@media (max-width: 1040px) and (min-width:768px) {
    .SFX_Footer_bar_content_1 {
        font-size: 20px;
    }
}

@media (max-width: 1040px) and (min-width:768px) {

    .SFX_Footer_bar_content_1_special {
        font-size: 20px;
    }
}

@media (max-width: 1040px) {
    .Mobile_SFX_Footer_bar_content_2 {
        text-align: center;
        padding: 0px 10px;
    }
}


@media (max-width: 1040px) and (min-width:768px) {

    .SFX_Footer_bar_content_2 {
        font-size: 20px;
    }
}

@media (max-width: 1040px) {
    .SFX_mobile_social_media img {
        margin: 0 1%;
    }
}

.SFX_Mobile_Footer_Block {
    border: solid 1px #1f558e;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    margin-top: 50px;
}

.SFX_mobile_social_media {
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    border-right: solid 1px #1f558e;
    padding: 15px 0px;
    text-align: center;
}

    .SFX_mobile_social_media .fa {
        padding: 2vw;
        font-size: 4vw;
        width: 8vw;
        height: 8vw;
    }

.SFX_mobile_country {
    color: rgba(255,255,255,0.7);
    font-size: 3vw;
    padding-top: 15px;
    padding-left: 14%;
}

    .SFX_mobile_country span {
        color: #ffffff;
        opacity: 1;
        font-size: 3vw;
    }

    .SFX_mobile_country .fa {
        font-size: 3vw;
        padding: 0;
        height: 5vw;
        padding-left: 10px;
    }


.dropup {
    position: relative;
    display: inline-block;
}

    .dropup:hover {
        background-color: rgba(0,0,0,0.1) !important;
    }

.dropup-content {
    display: none;
    position: absolute;
    background-color: rgba(0,0,0,0.7);
    min-width: 100%;
    padding-bottom: -7.4vw;
    bottom: 100%;
    z-index: 1;
}

    .dropup-content a {
        color: #ffffff;
        padding: 25px 15px;
        text-decoration: none;
        display: block;
        font-size: 20px;
    }

.dropup:hover .dropup-content {
    display: block;
}

.dropup:hover .dropbtn {
    background-color: #3e8e41;
}

.SFX_Active_Tick svg {
    width: 15px;
    height: 11px;
}


.SFX_Country .dropup {
    position: relative;
    display: inline-block;
}



.SFX_Country .dropup-content {
    display: none;
    position: absolute;
    background-color: black;
    opacity: 0.9;
    min-width: 100%;
    bottom: 100%;
    z-index: 1;
}

.dropup-content img {
    padding-right: 10px;
}

.SFX_Country .dropup-content a:first-child {
    pointer-events: none !important;
    padding: 25px 0px;
}

.SFX_dropup_title {
    font-size: 12px;
    opacity: 0.6;
}

.SFX_Country .dropup-content a {
    color: #ffffff;
    padding: 25px 0px 50px 0px;
    display: block;
    font-size: 0.8vw;
    opacity: 0.7;
}

    .SFX_Country .dropup-content a:not(:last-child) {
        border-bottom: solid 1px rgba(255,255,255,0.3);
    }

    .SFX_Country .dropup-content a:hover:first-child {
        background-color: transparent;
        cursor: default;
        padding: 20px 0px;
    }

    .SFX_Country .dropup-content a:active {
        color: #ffffff;
        opacity: 1;
    }

.SFX_Selected_Country {
    color: #ffffff !important;
    opacity: 1 !important;
}

.SFX_Country .dropup-content a:hover {
    opacity: 1;
}

.SFX_Country .dropup:hover .dropup-content {
    display: block;
}

.SFX_Country .dropup:hover .dropbtn {
    background-color: #3e8e41;
}

.SFX_Active_Tick {
    display: none;
    text-align: right;
}

/* HTML Content */
.SFX_Bullet_Blue {
    margin-bottom: 5%;
    text-indent: -2px;
    list-style: none !important;
}

    .SFX_Bullet_Blue li::before {
        content: "\2022";
        color: #377dff;
        position: relative;
        top: 2px;
        left: -18px;
        display: inline-flex;
        justify-content: center;
    }


.SFX_Bullet_Red {
    margin-bottom: 5%;
    text-indent: -2px;
    list-style: none !important;
}

    .SFX_Bullet_Red li::before {
        content: "\2022";
        color: #fe5f55;
        position: relative;
        top: 2px;
        left: -18px;
        display: inline-flex;
        justify-content: center;
    }


    .SFX_Bullet_Blue > li, .SFX_Bullet_Red > li {
        background-position: 0% initial;
        padding-left: initial;
        min-height: initial;
        padding-top: initial;
        margin-bottom: initial;
        font-size: initial;
        background-size: initial;
        position: relative;
        background-color: transparent;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
    }

.SFX_Bullet_Tick {
    list-style: none !important;
}

    .SFX_Bullet_Tick > li {
        background: url('/images/Lonpac/GFX_Bullet-01_Tick.svg') no-repeat left center;
        padding-left: calc(55px + (70 - 55) * ((100vw - 320px) / (1600 - 300)));
        margin: 3px 0;
        min-height: 60px;
        background-position-y: 10px;
        padding-top: 8px;
        margin-bottom: 20px;
        font-size: 18px;
        background-size: 30px 35px;
    }

.SFX_Bullet_Plus {
    list-style: none !important;
}

    .SFX_Bullet_Plus > li {
        background: url('/images/Lonpac/GFX_Bullet-02_Plus.svg') no-repeat left center;
        padding-left: calc(55px + (70 - 55) * ((100vw - 320px) / (1600 - 300)));
        margin: 3px 0;
        min-height: 60px;
        background-position-y: 10px;
        padding-top: 8px;
        margin-bottom: 20px;
        font-size: 18px;
        background-size: 30px 35px;
    }


.SFX_Bullet_Cross {
    list-style: none !important;
}

    .SFX_Bullet_Cross > li {
        background: url('/images/Lonpac/GFX_Bullet-03_Cross.svg') no-repeat left center;
        padding-left: calc(55px + (70 - 55) * ((100vw - 320px) / (1600 - 300)));
        margin: 3px 0;
        min-height: 60px;
        background-position-y: 10px;
        padding-top: 8px;
        margin-bottom: 20px;
        font-size: 18px;
        background-size: 30px 35px;
    }

.SFX_Bullet_Plus_White {
    list-style: none !important;
}

    .SFX_Bullet_Plus_White > li {
        background: url('/images/Lonpac/GFX_Bullet_Plus_White.svg') no-repeat left center;
        padding-left: calc(55px + (70 - 55) * ((100vw - 320px) / (1600 - 300)));
        margin: 3px 0;
        min-height: 60px;
        background-position-y: 10px;
        padding-top: 8px;
        margin-bottom: 20px;
        font-size: 18px;
        background-size: 30px 35px;
    }

.SFX_Badge_Red {
    color: #ffffff;
    background-color: #fe5f55;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    display: inline-flex;
    padding: 3px 10px 2px 10px;
    line-height: initial;
}

.SFX_Badge_DarkGrey {
    color: #ffffff;
    background-color: #ababab;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    display: inline-flex;
    padding: 3px 10px 2px 10px;
    line-height: initial;
}

.SFX_Badge_Blue {
    color: #ffffff;
    background-color: #377dff;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    display: inline-flex;
    padding: 3px 10px 2px 10px;
    line-height: initial;
}

.SFX_Bullet_Blue ul, .SFX_Bullet_Red ul, .SFX_Bullet_Tick ul, .SFX_Bullet_Cross ul, .SFX_Bullet_Cross ul {
    list-style: none;
}



.SFX_ExtraBold {
    font-weight: 900;
}

.SFX_Bold {
    font-weight: 700;
}

.SFX_Medium {
    font-weight: 500;
}

.SFX_Regular {
    font-weight: 400;
}

.SFX_Line_Height_70 {
    padding-bottom: 70px;
}
/* New */



#myCarousel {
    margin-top: 70px;
}

.SFX_Active_Tab {
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #377dff;
    border-radius: 100%;
    left: 45%;
    bottom: 20%;
}

.navbar-fixed-top {
    border-radius: 0px;
    margin-bottom: 0px;
    border: none;
    border-top: 6px solid #377dff;
    background-color: #ffffff;
    width: 100vw;
}

.navbar-nav > li > a {
    /*font-size: calc(10px + (14 - 10) * ((100vw - 992px) / (1600 - 992)));*/
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    padding: 0px 7.5px;
    display: flex;
    align-items: center;
}

.navbar-right > li:last-child > a {
    margin-left: -4px;
    margin-right: 4px;
}

.navbar-nav > li:first-child > a {
    padding-left: calc(10px + (17.5 - 10) * ((100vw - 992px) / (1600 - 992)));
}

.nav:hover li a {
    color: #868686;
}

    .nav:hover li a .SFX_Active_Tab {
        display: none;
    }

/*.navbar-header {
        border-right: 1px solid #e5e5e5;
        height: inherit;
    }*/


.navbar-brand img {
    width: 228px;
    height: 50px;
}

.navbar-fixed-top a {
    height: 80px;
    text-align: center;
    padding: 1.3vw 0.8vw;
}


.navbar-right > li:nth-child(n+3) > a {
    font-weight: 100;
    color: #b7b7b7;
    /*border-left: 1px solid #e5e5e5;*/
    border-left: none;
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    /*padding-left: calc(15px + (20 - 15) * ((100vw - 992px) / (1600 - 992)));
    padding-right: calc(15px + (20 - 15) * ((100vw - 992px) / (1600 - 992)));*/
    justify-content: center;
    /*max-width: 90px;*/
    min-width: 70px;
    height: 75px;
    /*width: 80px;*/
}

.GFX_IMG_E_Assist:hover {
    background-color: initial !important;
}

.GFX_IMG_E_Assist:hover {
    cursor: pointer;
}

.GFX_IMG_E_Assist img {
    width: 50px !important;
    height: 60px !important;
}

.GFX_phone_number {
    color: #377dff;
    font-size: 14px;
    font-weight: 500;
    /*font-size: calc(12px + (15 - 12) * ((100vw - 992px) / (1600 - 992)));*/
    margin-left: calc(7.5px + (15 - 7.5) * ((100vw - 992px) / (1600 - 992)));
    /*margin-right: calc(7.5px + (15 - 7.5) * ((100vw - 992px) / (1600 - 992)));*/
}

.nav > li {
    position: static;
}



.dropdown-menu {
    width: 100%;
    background-color: #377dff;
    padding: 2% 2%;
    border: none;
    max-height: 43vw;
    overflow: auto;
}

    .dropdown-menu > .container > table {
        width: 100%;
    }

        .dropdown-menu > .container > table > tbody > tr > td {
            vertical-align: top;
            border-right: 1px solid rgba(255,255,255,0.3);
            padding: 0% 2.64%;
        }

            .dropdown-menu > .container > table > tbody > tr > td:first-child {
                border-left: 1px solid rgba(255,255,255,0.3);
            }

            .dropdown-menu > .container > table > tbody > tr > td > div > li {
                padding-bottom: 5%;
            }

            .dropdown-menu > .container > table > tbody > tr > td > div:first-child > li:first-child {
                padding-top: 0;
            }

            .dropdown-menu > .container > table > tbody > tr > td > div > li:first-child a {
                color: #ffffff;
            }

            .dropdown-menu > .container > table > tbody > tr > td > div > li:first-child {
                font-size: 1.429em;
                font-weight: 600;
                padding-top: 5%;
            }

            .dropdown-menu > .container > table > tbody > tr > td > .SFX_Contact_Info > li {
                padding-bottom: unset;
            }

                .dropdown-menu > .container > table > tbody > tr > td > .SFX_Contact_Info > li:first-child {
                    padding-bottom: 1%;
                }

                .dropdown-menu > .container > table > tbody > tr > td > .SFX_Contact_Info > li:nth-child(2n+3) {
                    padding-bottom: 5%;
                }

                    .dropdown-menu > .container > table > tbody > tr > td > .SFX_Contact_Info > li:nth-child(2n+3) > a {
                        font-size: 18px;
                        line-height: 24px;
                        color: #ffffff;
                        font-family: Heebo;
                        font-weight: 500;
                    }

                        .dropdown-menu > .container > table > tbody > tr > td > .SFX_Contact_Info > li:nth-child(2n+3) > a:hover {
                            cursor: pointer;
                        }

            .dropdown-menu > .container > table > tbody > tr > td > div > li > a:hover {
                text-decoration: none;
                color: #d7e5ff;
            }

            .dropdown-menu > .container > table > tbody > tr > td > .SFX_Contact_Info > li:nth-child(2n+2) > a {
                text-decoration: none;
                font-size: 12px;
                line-height: 24px;
                font-weight: 400;
                color: #bdd5ea;
            }

            .dropdown-menu > .container > table > tbody > tr > td > .SFX_Contact_Info > li:first-child > a {
                text-decoration: none;
                font-size: 12px;
                line-height: 24px;
                font-weight: 500;
                color: #f7f7ff;
            }

            .dropdown-menu > .container > table > tbody > tr > td > div > img {
                width: initial;
                position: absolute;
                top: 0;
                right: 0;
            }

            .dropdown-menu > .container > table > tbody > tr > td > div:not(:first-child) > img {
                top: 15px;
            }

            .dropdown-menu > .container > table > tbody > tr > td > div:not(:last-child) {
                border-bottom: 1px solid rgba(255,255,255,0.3);
            }

            .dropdown-menu > .container > table > tbody > tr > td > div > li > a {
                text-align: center;
                padding: 0;
                color: rgba(255,255,255,0.7);
            }

/*Mobile Burger Navbar*/
.navbar-toggle .icon-bar {
    background-color: #377dff;
    margin: auto;
}

.navbar-toggle {
    float: left;
    margin: 0;
    width: 100%;
    height: inherit;
}

.GFX_IMG_E_Assist_Mobile img {
    height: 60px;
    width: 50px;
}

.nav-table {
    width: 100%;
    height: inherit;
}

    .nav-table td {
        height: 60px;
    }

        .nav-table td:first-child {
            /*width: 60px;*/
            min-width: 50px;
        }

        .nav-table td:last-child {
            /*width: 60px;*/
            min-width: 50px;
            text-align: center;
        }


        .nav-table td:not(:last-child) {
            border-right: 1px solid #e5e5e5;
        }

.nav-table-xs {
    font-size: 0;
    width: 100%;
    height: 75px;
    display: none;
    border-bottom: 1px solid #e5e5e5;
}

    .nav-table-xs td {
        height: 60px;
    }

        .nav-table-xs td:last-child, .nav-table-xs td:nth-last-child(2) {
            width: 70px;
        }


        .nav-table-xs td:not(:last-child) {
            /*border-right: 1px solid #e5e5e5;*/
            border-right: none;
        }

.GFX_IMG_CLOSE_text {
    color: red;
    font-size: 12px;
    font-weight: 500;
}

.navbar-brand {
    width: calc(165px + (215 - 165) * ((100vw - 992px) / (1600 - 992)));
    padding: 0px 0px !important;
    display: flex;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
}

.GFX_IMG_Search {
    border-left: none; /* Ensure there's no left border */
    margin-left: 10px; /* Adjust spacing if necessary */
}

.GFX_Menu_Tablet img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.GFX_IMG_QuickLink img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.GFX_IMG_Login img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.GFX_Menu img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin-right: 4px;
}

.GFX_IMG_Search img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.GFX_Phone_IMG img {
    width: 25px;
    height: 25px;
}

.GFX_Phone_IMG {
    padding-right: calc(10px + (20 - 10) * ((100vw - 992px) / (1600 - 992))) !important;
}

    .GFX_Phone_IMG:hover {
        background-color: initial !important;
    }

.GFX_IMG_Login_text {
    line-height: initial;
    font-size: 16px;
    margin-top: 2px;
    font-weight: 700 !important;
    color: #ffffff !important;
}

.GFX_Menu_text {
    line-height: initial;
    font-size: 16px;
    margin-top: 2px;
    font-weight: 700 !important;
    color: #ffffff !important;
}

.GFX_Main-Nav_QuickLinks_text {
    line-height: initial;
    font-size: 16px;
    margin-top: 2px;
    font-weight: 700 !important;
    color: #ffffff !important;
}

/*.GFX_IMG_Search_text {
    line-height: initial;
    font-size: 11px;
    margin-top: 2px;
    font-weight: 300 !important;
    color: #949494 !important;
}*/





.mobileNav .SFX_nav_toogle_icon_block {
    padding: 30px;
    position: absolute;
    right: 5px;
    top: 10px;
}



.mobileNav .dropdown-toggle[aria-expanded="true"] .SFX_nav_toogle_icon_block {
    top: 10px;
}


.mobileNav .dropdown-toggle[aria-expanded="false"] .SFX_nav_toogle_icon_block {
    top: 10px;
}

.mobileNav .dropdown-submenu .SFX_nav_toogle_icon_block {
    top: 7px;
}

.mobileNav .dropdown-submenu .dropdown-toggle[aria-expanded="false"] .SFX_nav_toogle_icon_block {
    top: 7px;
}



.SFX_nav_toogle_icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border: 2px solid #377dff;
    border-radius: 100%;
    right: 10px;
    top: 7px;
}


.mobileNav .dropdown .fa-angle-down {
    color: #377dff;
}

.mobileNav .open .dropdown-menu {
    padding: 0;
    position: relative;
    max-height: none !important;
    overflow: visible !important;
}

    .mobileNav .open .dropdown-menu > li {
        background-color: #377dff;
    }

        .mobileNav .open .dropdown-menu > li > a {
            padding: 18px 20px;
            text-align: left;
            color: #ffffff;
            display: -webkit-flex;
            display: flex;
            align-items: center;
            white-space: inherit;
        }

            .mobileNav .open .dropdown-menu > li > a.tabLevel1 {
                font-size: 16px;
                font-weight: 500;
            }

            .mobileNav .open .dropdown-menu > li > a.tabLevel2 {
                font-size: 14px;
                font-weight: 500;
            }

            .mobileNav .open .dropdown-menu > li > a.tabLevel3 {
                font-size: 13px;
                font-weight: 400;
            }

.dropdown-submenu {
    position: relative;
}

.dropdown-toggle {
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 0;
    margin-top: 0px;
    float: none;
}



.dropdown-submenu .SFX_nav_toogle_icon {
    border-color: #ffffff;
}

.dropdown-submenu .fa-angle-down {
    color: #ffffff !important;
}

.mobileNav > li > a {
    padding: 11px 20px;
    position: relative;
}

.mobileNav .open .dropdown-submenu > .dropdown-menu > li > a {
    color: rgba(255,255,255,0.6);
}

.mobileNav .open .dropdown-submenu > .dropdown-menu > li {
    background-color: #1E64E6;
    border-bottom: 1px solid #FFFFFF4D;
}

.mobileNav .open .dropdown-submenu {
    border-bottom: 1px solid #FFFFFF4D;
}

.SFX_CallMeBack_Mobile {
    background-color: #444444;
    display: flex;
    align-items: center;
    padding: 10px 0px;
    max-height: 45px;
}

    .SFX_CallMeBack_Mobile .GFX_phone_number {
        color: #ffffff;
        font-size: 14px;
    }

    .SFX_CallMeBack_Mobile .GFX_phone_number {
        color: #ffffff;
    }

    .SFX_CallMeBack_Mobile .BTN_Call_Back {
        padding: 5px 20px;
    }

.svg_phone {
    width: 5vw;
    height: auto;
    max-height: 25px;
    max-width: 25px;
    position: relative;
    top: 1vw;
}

/*CKEDITOR Button Style*/
@media screen and (min-width: 992px) {
    .SFX_White, .SFX_Blue, .SFX_Red, .SFX_Green {
        font-size: calc(10px + (14 - 10) * ((100vw - 992px) / (1600 - 992))) !important;
        font-weight: 500;
    }
}
/*CKEDITOR Button Hover Effects*/

.SFX_White:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
}

.SFX_Blue:hover {
    background-color: #044ACC !important;
    color: #ffffff !important;
    border: 1px solid #044ACC !important;
}

.SFX_Red:hover {
    background-color: #CB2C22 !important;
    color: #ffffff !important;
    border: 1px solid #CB2C22 !important;
}

.SFX_Green:hover {
    background-color: #00731E !important;
    color: #ffffff !important;
    border: 1px solid #00731E !important;
}

/*CKEDITOR Font Size*/

.SFX_Font9 {
    font-size: 9px;
}

.SFX_Font10 {
    font-size: 10px;
}

.SFX_Font12 {
    font-size: calc(11px + (12 - 11) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font14 {
    font-size: calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font16 {
    font-size: 16px;
}

.SFX_Font18 {
    font-size: calc(17px + (18 - 17) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font20 {
    font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font22 {
    font-size: calc(19px + (22 - 19) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font24 {
    font-size: calc(22px + (24 - 22) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font26 {
    font-size: calc(24px + (26 - 24) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font28 {
    font-size: calc(25px + (28 - 25) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font30 {
    font-size: calc(23px + (30 - 23) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font32 {
    font-size: calc(29px + (32 - 29) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font34 {
    font-size: calc(30px + (34 - 30) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font36 {
    font-size: calc(28px + (36 - 28) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font38 {
    font-size: calc(33px + (38 - 33) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font40 {
    font-size: calc(34px + (40 - 34) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font42 {
    font-size: calc(35px + (42 - 35) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font44 {
    font-size: calc(36px + (44 - 36) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font46 {
    font-size: calc(22px + (46 - 22) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font48 {
    font-size: calc(22px + (48 - 22) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font50 {
    font-size: calc(38px + (50 - 38) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font52 {
    font-size: calc(39px + (52 - 39) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font54 {
    font-size: calc(38px + (54 - 38) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font56 {
    font-size: calc(32px + (56 - 32) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font58 {
    font-size: calc(40px + (58 - 40) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font60 {
    font-size: calc(22px + (60 - 22) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font66 {
    font-size: calc(26px + (66 - 26) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font72 {
    font-size: calc(28px + (72 - 28) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Font80 {
    font-size: calc(36px + (80 - 36) * ((100vw - 300px) / (1600 - 300)));
}

/*CKEDITOR Line Height*/

.SFX_Line8 {
    line-height: calc((8px * 0.2) + (8 - (8 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line10 {
    line-height: calc((10px * 0.2) + (10 - (10 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line12 {
    line-height: calc((12px * 0.2) + (12 - (12 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line14 {
    line-height: calc((14px * 0.2) + (14 - (14 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line16 {
    line-height: calc((16px * 0.2) + (16 - (16 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line18 {
    line-height: calc((18px * 0.2) + (18 - (18 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line20 {
    line-height: calc((20px * 0.2) + (20 - (20 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line22 {
    line-height: calc((22px * 0.2) + (22 - (22 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line24 {
    line-height: calc((24px * 0.2) + (24 - (24 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line26 {
    line-height: calc((26px * 0.2) + (26 - (26 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line28 {
    line-height: calc((28px * 0.2) + (28 - (28 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line30 {
    line-height: calc((30px * 0.2) + (30 - (30 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line32 {
    line-height: calc((32px * 0.2) + (32 - (32 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line34 {
    line-height: calc((34px * 0.2) + (34 - (34 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line36 {
    line-height: calc((36px * 0.2) + (36 - (36 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line38 {
    line-height: calc((38px * 0.2) + (38 - (38 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line40 {
    line-height: calc((40px * 0.2) + (40 - (40 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line42 {
    line-height: calc((42px * 0.2) + (42 - (42 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line44 {
    line-height: calc((44px * 0.2) + (44 - (44 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line46 {
    line-height: calc((46px * 0.2) + (46 - (46 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line48 {
    line-height: calc((48px * 0.2) + (48 - (48 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line50 {
    line-height: calc((50px * 0.2) + (50 - (50 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line52 {
    line-height: calc((52px * 0.2) + (52 - (52 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line54 {
    line-height: calc((54px * 0.2) + (54 - (54 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line56 {
    line-height: calc((56px * 0.2) + (56 - (56 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line58 {
    line-height: calc((58px * 0.2) + (58 - (58 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line60 {
    line-height: calc((60px * 0.2) + (60 - (60 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line62 {
    line-height: calc((62px * 0.2) + (62 - (62 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line64 {
    line-height: calc((64px * 0.2) + (64 - (64 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line66 {
    line-height: calc((66px * 0.2) + (66 - (66 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line68 {
    line-height: calc((68px * 0.2) + (68 - (68 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line70 {
    line-height: calc((70px * 0.2) + (70 - (70 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line72 {
    line-height: calc((72px * 0.2) + (72 - (72 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

.SFX_Line74 {
    line-height: calc((74px * 0.2) + (74 - (74 * 0.2)) * ((100vw - 300px) / (1600 - 300)));
}

/*Tab Skin Style*/
/*Category Tag*/
.SFX_nav_tabs {
    border-bottom: none;
    font-size: 15px;
    color: #464646;
    padding: 0% 20% 0% 20%;
    font-weight: 600;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    background-color: #ffffff;
    border: none;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-tabs > li.active > .SFX_Menu_Dot {
    background-color: #377dff;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin: auto;
}

.ulTabBorder {
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    display: -webkit-flex;
    /*margin-bottom: 20px;*/
    /*margin-top: 20px;*/
}

.scroll {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

#ulTab {
    display: flex;
    display: -webkit-flex;
    width: fit-content;
    /*max-width: 100%;*/
    height: 40px;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 20px;
    /*overflow-x: auto;
    white-space: nowrap;
    overflow-y: hidden;*/
}

    #ulTab li a {
        background-color: initial;
        color: #acacac;
        font-weight: 500;
    }

        #ulTab li a:hover {
            color: #377dff;
            background-color: #ffffff;
        }

    #ulTab li.active a {
        color: #666666;
        background-color: #ffffff;
    }

    #ulTab li.active:after {
        content: "\A";
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: #377dff;
        display: inline-flex;
        left: 50%;
        bottom: 10px;
        position: relative;
    }

/*Navbar Hover Effect*/

/*LPI Navbar & Menu Style*/
@media screen and (min-width:768px) {
    .LPI-nav > li {
        position: relative;
    }

    .LPI-dropdown-menu {
        width: 340px;
        padding: 0;
    }

        .LPI-dropdown-menu .container {
            padding: 0;
            width: 340px;
            min-width: 300px;
        }

        .LPI-dropdown-menu > .container > table {
            margin-top: 5px;
        }

            .LPI-dropdown-menu > .container > table tr td {
                display: block;
                width: 100%;
                padding: 0 !important;
                border-left: none !important;
                border-right: none !important;
            }

                .LPI-dropdown-menu > .container > table tr td div {
                    border-left: none;
                    border-right: none;
                    border-bottom: 1px solid rgba(255,255,255,0.3);
                }

                    .LPI-dropdown-menu > .container > table tr td div:first-child {
                        border-top: 1px solid rgba(255,255,255,0.3);
                    }

                .LPI-dropdown-menu > .container > table tr td:first-child div:first-child {
                    border-top: none;
                }

                .LPI-dropdown-menu > .container > table tr td div:last-child {
                    border-bottom: none;
                }

                .LPI-dropdown-menu > .container > table tr td div li {
                    padding: 15px 20px !important;
                }

                .LPI-dropdown-menu > .container > table tr td div img {
                    display: none;
                }

                .LPI-dropdown-menu > .container > table tr td div li:nth-child(n+2) {
                    padding-top: 0px !important;
                }

    .mobileNav .open .LPI-dropdown-menu {
        display: contents;
    }
}

.LPI-Lonpac-Web {
    max-width: unset !important;
    display: none !important;
}

    .LPI-Lonpac-Web:hover {
        cursor: pointer;
    }

    .LPI-Lonpac-Web img {
        width: 25px;
        height: 25px;
        object-fit: contain;
        vertical-align: top;
        margin: 4px 8px 0px 3px;
    }

    .LPI-Lonpac-Web div {
        line-height: 22px;
        text-align: left;
        color: rgba(0,0,0,0.6);
        font-weight: 400;
        font-size: 13px;
        margin-right: 3px;
    }

/*LPI Footer Style*/
.SFX_LPI_Image {
    padding: 20px 0px;
    text-align: center;
}

    .SFX_LPI_Image img {
        width: 45px;
    }

.SFX_LPI_Image_title {
    color: rgba(255,255,255,0.7);
    font-size: 12px;
    padding-top: 1.5vw;
}

    .SFX_LPI_Image_title span {
        color: #ffffff;
        font-size: 12px;
    }


/* SG Login Dropdown */


.nav .dropdown_sg:hover {
    cursor: pointer;
}

    .nav .dropdown_sg:hover .dropdown-toggle {
        background-color: initial;
        color: #377dff !important;
    }

    .nav .dropdown_sg:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }

    .nav .dropdown_sg:hover > a:after, .nav .dropdown_sg:hover > a:before, .dropdown-toggle_sg_click::after, .dropdown-toggle_sg_click::before {
        bottom: 0;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .nav .dropdown_sg:hover > a:after, .dropdown-toggle_sg_click::after {
        border-color: rgba(55, 125, 255, 0);
        border-bottom-color: #377dff;
        border-width: 8px;
        margin-left: -8px;
    }


    .nav .dropdown_sg:hover > a:before, .dropdown-toggle_sg_click::before {
        border-color: rgba(0, 0, 0, 0);
        border-bottom-color: none;
        border-width: 36px;
        margin-left: -36px;
    }

.dropdown_menu_sg_mb {
    display: block;
    top: 75px;
    position: absolute;
    z-index: 1001;
    width: 100%;
    margin: unset;
}

    .dropdown_menu_sg_mb .arrowLi {
        height: 58px;
    }

        .dropdown_menu_sg_mb .arrowLi a {
            position: absolute;
            right: 30px;
        }

.dropdown-toggle_sg_click {
    background-color: initial;
    color: #377dff !important;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #f5f5f5 !important;
}


@media screen and (max-width: 1040px) {
    .SFX_LPI_Image_title {
        color: rgba(255,255,255,0.7);
        font-size: 12px;
        padding-top: 3vw;
    }
}


@media screen and (min-width: 1301px) {
    .nav .dropdown:hover .dropdown-toggle {
        background-color: initial;
        color: #377dff !important;
    }

    .nav .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }

    .nav .dropdown:hover > a:after, .nav .dropdown:hover > a:before {
        bottom: 0;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .nav .dropdown:hover > a:after {
        border-color: rgba(55, 125, 255, 0);
        border-bottom-color: #377dff;
        border-width: 8px;
        margin-left: -8px;
    }

    .nav .dropdown_nochild:hover > a:after {
        border-color: rgba(55, 125, 255, 0);
        border-bottom-color: #ffffff !important;
        border-width: 8px;
        margin-left: -8px;
    }

    .nav .dropdown:hover > a:before {
        border-color: rgba(0, 0, 0, 0);
        border-bottom-color: none;
        border-width: 36px;
        margin-left: -36px;
    }
}

@media screen and (max-width: 1300px) {
    .navbar-nav > li > a {
        /*font-size: calc(10px + (14 - 10) * ((100vw - 768px) / (992 - 768)));*/
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .navbar-nav > li > a.tabLevel1 {
            font-size: 16px;
            font-weight: 700;
        }

    .navbar-nav > li.open > a.tabLevel1 {
        color: #377dff;
    }

    .navbar-right a:not(.GFX_IMG_E_Assist) {
        line-height: 2;
    }

    .GFX_phone_number {
        font-size: 100%;
    }

    .BTN_Call_Back {
        font-size: 12px;
    }

    /*.navbar-header {
            float: none;
        }*/

    .navbar-toogle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

        .navbar-nav > li {
            float: none;
        }

    /*Navbar Content*/

    #myNavbar {
        background-color: #ffffff;
        height: unset;
        min-height: 100vh;
    }

    .SFX_Country .dropup-content a {
        color: #ffffff;
        padding: 25px 0px 50px 0px;
        display: block;
        font-size: 15px;
        opacity: 0.7;
        border-bottom: solid 1px rgba(255,255,255,0.3);
    }

    .dropdown-menu {
        max-height: unset;
    }


    .SFX_Bullet_Tick li {
        line-height: normal;
    }

    .SFX_Bullet_Plus li {
        line-height: normal;
    }

    .SFX_Bullet_Cross li {
        line-height: normal;
    }

    .SFX_Bullet_Plus_White li {
        line-height: normal;
    }
}

@media screen and (max-width: 1300px) {
    .navbar-brand img {
        /*width: calc(195px + (228 - 195) * ((100vw - 320px) / (1300 - 320))) !important;*/
        width: 228px;
        height: 50px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1300px) {
    .navbar-brand {
        height: inherit;
    }

    /*.navbar-header {
            display: flex;
            border-right: none;
            border-bottom: 1px solid #e5e5e5;
        }*/
    .navbar-header {
        display: flex;
        border-right: none;
        /*border-bottom: 1px solid #e5e5e5;*/
    }

    .SFX_tablet.navbar-toggle {
        display: inline-block;
        border-right: 1px solid #e5e5e5;
        width: 75px;
    }

    .navbar-nav > li > a {
        padding-left: 25px !important;
    }

    .navbar-nav > li {
        position: relative;
    }

    .container-fluid {
        padding: 0;
    }

    /*Tablet Overlay*/
    .overlay-container {
        padding: 0;
        width: 90%;
        margin: auto;
        /*border: 1px solid #333;*/
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0px 5px 10px -3px #333;
    }

    .overlay-open {
        padding: 20px;
        background-color: #f1f1f1;
    }

    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 100vh;
    }

    .navbar-right-tablet {
        display: flex;
        right: 0;
        position: absolute;
        margin: 0;
    }

    .nav-table-xs h4 {
        margin-left: 20px;
        font-size: 18px;
        font-weight: 700;
    }

    /*.navbar-right-tablet li:nth-child(n+3) {
                border-right: 1px solid #e5e5e5;
            }*/

    /*.navbar-right-tablet li:nth-child(n+3) a{
                width:70px;
            }*/

    /*.navbar-right-tablet li:nth-child(n+4) a {
                    padding:0px 21px !important;
                }*/

    .navbar-right-tablet li:nth-child(4) a {
        left: -10px !important;
    }



    .navbar-right-tablet li:last-child {
        border-right: 1px solid #ffffff !important;
    }

    .navbar-right-tablet li.dropdown_sg li:last-child {
        border-right: none !important;
    }

    .navbar-right-tablet li a {
        padding: 5px !important;
    }

    .navbar-right-tablet li.dropdown_sg li a {
        padding: 0px !important;
    }

    .GFX_IMG_Search {
        margin-right: 0px !important;
    }
}

.SFX_tablet.navbar-toggle {
    display: inline-block;
    border-right: 1px solid #e5e5e5;
    width: 75px;
}

@media screen and (max-width: 767px) {

    .navbar a {
        height: inherit;
    }

    .navbar-brand {
        width: 100%;
    }

        .navbar-brand img {
            margin: auto;
        }

    .navbar-header {
        /*border-bottom: 1px solid #e5e5e5;*/
        border-right: none;
        height: fit-content;
    }

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin: 0;
        padding: 0;
    }

    .container-fluid {
        padding: 0;
    }

    /*Mobile Overlay*/
    .overlay-container {
        padding: 0;
        width: 90%;
        margin: auto;
        /*border: 1px solid #333;*/
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0px 5px 10px -3px #333;
    }

    .overlay-open {
        padding: 20px;
        background-color: #f1f1f1;
    }

    .navbar-nav > li > a {
        /*font-size: 14px;*/
        text-align: left;
        padding-left: 20px !important;
        color: #464646;
    }

    .navbar-nav > li {
        border-bottom: 1px solid #e5e5e5;
        position: relative;
    }

    .navbar-nav {
        margin: 0;
    }

    .navbar-fixed-top {
        border-top: 4px solid #377dff;
    }

    /* Center align content for the mobile view */
    .nav-table {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .nav-table-xs h4 {
        margin-left: 20px;
        font-size: 18px;
        font-weight: 700;
    }

    .nav-table td {
        width: auto;
        text-align: center;
    }

    /* Adjusted Mobile Button Styling */
    .btnEAssist, .btnLogin, .btnMenu {
        display: inline-flex;
        background-color: #377dff;
        font-size: 14pt;
        color: #ffffff;
        border-radius: 25px;
        height: 35px;
        width: auto;
        padding: 0 17px;
        font-weight: 700;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

        /* Hover Effects */
        .btnEAssist:hover, .btnLogin:hover, .btnMenu:hover {
            text-decoration: none;
            background-color: #044ACC !important;
            color: #ffffff !important;
            border: 1px solid #044ACC !important;
        }

    .nav-table.hide-first-row tr:first-child {
        display: none;
    }

    .nav-table tr {
        display: flex;
        justify-content: center;
    }

        /* Make the second row sticky */
        .nav-table tr:nth-child(2) {
            position: sticky;
            top: 0;
            background-color: #f5f8ff;
            box-shadow: 0px 30px 40px rgba(0, 0, 0, 0.08);
            width: 100vw;
        }

    /* Ensure search button is circular and centered */
    .btnSearch {
        background-color: #f5f8ff;
        border-radius: 50%;
        width: 40px !important;
        height: 40px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: none;
        margin-left: auto;
    }

    /* Remove any unnecessary padding on menu items */
    .dropdown-menu {
        padding: 0;
    }

    .nav-button {
        display: inline-flex;
        align-items: center;
    }

    .navbar-fixed-top a {
        height: fit-content;
    }

    .navbar-brand img {
        width: 183px;
        height: 37px;
    }

    .nav-brand {
        display: inline-flex;
        align-items: center;
    }

    .GFX_IMG_Login_text {
        line-height: initial;
        font-size: 14px;
        margin-top: 2px;
        font-weight: 700 !important;
        color: #ffffff !important;
        padding-left: 5px;
    }

    .GFX_Menu_text {
        line-height: initial;
        font-size: 14px;
        margin-top: 2px;
        font-weight: 700 !important;
        color: #ffffff !important;
        padding-left: 5px;
    }

    .GFX_Main-Nav_QuickLinks_text {
        line-height: initial;
        font-size: 14px;
        margin-top: 2px;
        font-weight: 700 !important;
        color: #ffffff !important;
        padding-left: 5px;
    }
}


/* CK Editor Background Color */
.cke_contents {
    background: #EFD469 !important;
}



.centerScreen {
    position: absolute;
    top: 30%;
    left: 30%;
    margin-left: -50px; /* margin is -0.5 * dimension */
    margin-top: -25px;
    width: 600px;
}




.nav .dropdown_sg {
    position: static !important;
}



/* Table Style For FXLP_HTML */
.SFX_Table_StyleHTML_table {
    width: 100%;
    border-radius: 15px;
    border-collapse: separate;
    table-layout: fixed;
}

    .SFX_Table_StyleHTML_table thead tr {
        background-color: #377dff;
        color: #ffffff;
    }

        .SFX_Table_StyleHTML_table thead tr th {
            /*font-weight: 500;
            font-size: 16px;*/
            height: 24px;
        }

        .SFX_Table_StyleHTML_table thead tr:first-child th:first-child {
            border-top-left-radius: 15px;
        }

        .SFX_Table_StyleHTML_table thead tr:first-child th:last-child {
            border-top-right-radius: 15px;
        }

    .SFX_Table_StyleHTML_table tbody tr:last-child td:first-child {
        border-bottom-left-radius: 15px;
    }

    .SFX_Table_StyleHTML_table tbody tr:last-child td:last-child {
        border-bottom-right-radius: 15px;
    }

    .SFX_Table_StyleHTML_table th:not(:first-child), .SFX_Table_StyleHTML_table td:not(:first-child) {
        /*text-align: center;*/
    }

    .SFX_Table_StyleHTML_table td:first-child {
        /*font-weight: 400;*/
    }

    .SFX_Table_StyleHTML_table th, .SFX_Table_StyleHTML_table td {
        padding: 22px 30px;
        border: 1px solid #e5e5e5;
        /*font-size: 16px;
        font-weight: 500;*/
        height: 22px;
    }

    .SFX_Table_StyleHTML_table thead tr th {
        border: none;
    }

        .SFX_Table_StyleHTML_table thead tr th:not(:last-child) {
            border-right: 1px solid #355dff;
        }

    .SFX_Table_StyleHTML_table tbody tr:not(:first-child) td {
        /*color: #333333;*/
    }

    .SFX_Table_StyleHTML_table thead tr:not(:first-child) th {
        /*font-size: 12px;*/
    }

    .SFX_Table_StyleHTML_table tr:not(:first-child) th:first-child {
        /*text-align: center;*/
    }

    .SFX_Table_StyleHTML_table thead tr:first-child th:not(:first-child) {
        /*padding-bottom: 0px;*/
    }

    .SFX_Table_StyleHTML_table thead tr:not(:first-child) th {
        /*padding-top: 0px;*/
    }

    .SFX_Table_StyleHTML_table tbody tr:first-child td {
        /*color: #377dff;
        font-size: 18px;*/
    }

    .SFX_Table_StyleHTML_table tbody tr:not(:last-child) td {
        border-bottom-style: solid;
    }

    .SFX_Table_StyleHTML_table tbody tr:not(:first-child) td {
        border-top: none;
    }

    .SFX_Table_StyleHTML_table td {
        display: table-cell !important;
    }

@media screen and (max-width:425px) {
    .SFX_Table_StyleHTML_table th, .SFX_Table_StyleHTML_table td {
        padding: 10px !important;
    }

    .btnEAssist, .btnLogin, .btnMenu {
        padding: 7px 14px;
    }

    .GFX_Menu_text, .GFX_Main-Nav_QuickLinks_text, .GFX_IMG_Login_text {
        font-size: 12px;
    }
}

/*Form Common Style*/
.SFX_Form_Common_Style_modal_dialog {
    max-width: 840px;
    width: 100%;
    padding-top: 110px;
    padding-bottom: 110px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin: auto;
}

.SFX_Form_Common_Style_modal_content {
    border-radius: 25px;
    overflow: hidden;
    width: 840px;
    min-height: unset !important;
    border: none;
    height: auto;
    margin: 0px !important;
    display: inline-block !important;
    box-shadow: 0px 5px 50px 0px rgba(0,0,0,0.08);
}

.SFX_Form_Common_Style_modal_title_block {
    width: 100%;
    height: 185px;
    margin: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: center;
    -webkit-mask-image: url(/images/Lonpac/banner_shape_form_mobile.svg);
    -webkit-mask-position-y: bottom;
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    background-color: #377dff;
}

.SFX_Form_Common_Style_modal_title {
    color: #ffffff;
    font-size: 36px;
    line-height: 48px;
    font-weight: 500;
}

.SFX_Form_Common_Style_BTN_modal_close_group {
    position: absolute;
    right: 20px;
    top: 20px;
}

    .SFX_Form_Common_Style_BTN_modal_close_group td:first-child {
        color: rgba(0,0,0,0.3);
        padding: 0px 10px;
        font-weight: 400;
        font-size: 11px;
    }

.SFX_Form_Common_Style_BTN_modal_close_button {
    padding: 0px;
}

.SFX_Form_Common_Style_modal_body {
    padding: 60px 135px 0px 135px !important;
}

.SFX_Form_Common_Style_form_control {
    border-radius: 30px;
    height: 55px !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    width: 570px;
    outline: none;
    color: #464646;
    margin-bottom: 0px;
    z-index: 1;
    box-shadow: unset;
    -webkit-box-shadow: unset;
}

    .SFX_Form_Common_Style_form_control::-webkit-input-placeholder {
        font-size: 10px !important;
        color: #cccccc !important;
    }

    .SFX_Form_Common_Style_form_control:-ms-input-placeholder {
        font-size: 10px !important;
        color: #cccccc !important;
    }

    .SFX_Form_Common_Style_form_control:-moz-placeholder {
        font-size: 10px !important;
        color: #cccccc !important;
    }

    .SFX_Form_Common_Style_form_control::-moz-placeholder {
        font-size: 10px !important;
        color: #cccccc !important;
    }

.SFX_Form_Common_Style_form_control_textarea {
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #000;
    height: 200px;
    width: 100%;
    border-radius: 20px;
    padding: 3% 3%;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    border: solid 1px #ebebeb;
}

    .SFX_Form_Common_Style_form_control_textarea::-webkit-input-placeholder {
        font-size: 10px !important;
        color: #cccccc !important;
    }

    .SFX_Form_Common_Style_form_control_textarea:-ms-input-placeholder {
        font-size: 10px !important;
        color: #cccccc !important;
    }

    .SFX_Form_Common_Style_form_control_textarea:-moz-placeholder {
        font-size: 10px !important;
        color: #cccccc !important;
    }

    .SFX_Form_Common_Style_form_control_textarea::-moz-placeholder {
        font-size: 10px !important;
        color: #cccccc !important;
    }

    .SFX_Form_Common_Style_form_control_textarea:focus {
        border: solid 2px #377dff;
    }

.SFX_Form_Common_Style_form_control_dropdown {
    width: 100% !important;
    min-width: 100% !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    border: none !important;
}

    .SFX_Form_Common_Style_form_control_dropdown > a {
        height: 55px !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        padding: 17px 30px !important;
        border: solid 1px #ebebeb;
        border-top: 0px !important;
        width: 100%;
    }

        .SFX_Form_Common_Style_form_control_dropdown > a:first-child {
            border: none !important;
        }

.SFX_Form_Common_Style_form_group > label {
    color: #959595;
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 15px;
}

.SFX_Form_Common_Style_form_group {
    margin-bottom: 40px;
}

.SFX_Form_Common_Style_hr {
    width: 570px;
    margin: 0 0 40px 0;
    border-top: 2px solid #377dff;
}

.SFX_Form_Common_Style_hr_grey {
    margin-top: 40px !important;
    margin-bottom: 10px !important;
    border-top: 1px solid #e5e5e5;
}

.SFX_Form_Common_Style_Error > li {
    color: #ff0000;
    font-size: 14px;
    font-weight: 300;
    position: relative;
    top: 10px;
    display: none;
}

.SFX_Form_Common_Style_BTN_form_submit {
    background-color: #377dff;
    color: #ffffff;
    border-radius: 30px;
    height: 55px;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 80px;
}

    .SFX_Form_Common_Style_BTN_form_submit:hover {
        text-decoration: none;
        background-color: #044ACC !important;
        color: #ffffff !important;
        border: 1px solid #044ACC !important;
    }

    .SFX_Form_Common_Style_BTN_form_submit:focus {
        color: #ffffff !important;
    }

.SFX_Form_Common_Style_Selection_Button {
    margin: 0 !important;
    position: absolute;
    top: 6px !important;
    right: 7px !important;
}

.SFX_Form_Common_Style_modal_backdrop {
    background-color: rgba(243,243,243,0.97);
}

.SFX_Form_Common_Style_modal_tq_title {
    color: #377dff;
    font-size: 30px;
    line-height: 42px;
    font-weight: 500;
    padding: 0;
    margin-bottom: 40px;
}

.SFX_Form_Common_Style_modal_tq_content {
    font-size: 16px;
    font-weight: 400;
    color: #464646;
    padding: 0;
    min-height: unset;
    margin-bottom: 40px;
}

.SFX_Form_Common_Style_modal_tq_content3 {
    font-size: 13px;
    font-weight: 400;
    color: #e5e5e5;
    padding: 0 135px !important;
    margin-bottom: 40px !important;
}

.SFX_Form_Common_Style_modal_tq_close_btn {
    background-color: #ff0000;
    color: #ffffff;
    border-radius: 30px;
    height: 55px;
    padding-top: 15px;
    font-size: 14px;
}

    .SFX_Form_Common_Style_modal_tq_close_btn:hover {
        background-color: #cc0000;
        color: #ffffff;
        border-radius: 30px;
        height: 55px;
        padding-top: 15px;
        font-size: 14px;
    }

@media screen and (max-width:870px) {
    .SFX_Form_Common_Style_modal_content {
        max-width: 840px;
        width: 100%;
    }

    .SFX_Form_Common_Style_modal_dialog {
        padding: 25px !important;
    }

    .SFX_Form_Common_Style_modal_title {
        font-size: 26px;
        line-height: 38px;
    }

    .SFX_Form_Common_Style_modal_tq_title {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 30px;
    }

    .SFX_Form_Common_Style_modal_tq_content {
        font-size: 13px;
        margin-bottom: 30px;
    }

    .SFX_Form_Common_Style_modal_tq_close_btn {
        font-size: 12px;
        height: 40px;
        padding-top: 10px;
    }

        .SFX_Form_Common_Style_modal_tq_close_btn:hover {
            background-color: #ff0000;
            color: #ffffff;
            border-radius: 30px;
            height: 40px;
            padding-top: 10px;
            font-size: 12px;
        }

    .SFX_Form_Common_Style_hr_grey {
        margin-top: 30px !important;
    }

    .SFX_Form_Common_Style_modal_title_block {
        height: calc(110px + (75-110) * ((100vw - 320px) / (870 - 320))) !important;
    }

    .SFX_Form_Common_Style_modal_body {
        padding: 25px 25px 0px 25px !important;
    }

    .SFX_Form_Common_Style_label {
        font-size: 11px;
        margin-bottom: 10px;
    }

    .SFX_Form_Common_Style_form_control {
        height: 40px !important;
        width: 100%;
        font-size: 13px !important;
    }

    .SFX_Form_Common_Style_form_control_textarea {
        width: 100%;
        font-size: 13px !important;
    }

    .SFX_Form_Common_Style_form_control_dropdown > a {
        height: 40px !important;
        font-size: 13px !important;
        padding: 12px 30px !important;
    }

    .SFX_Form_Common_Style_form_group {
        margin-bottom: 30px;
    }

    .SFX_Form_Common_Style_li {
        font-size: 12px;
    }

    .SFX_Form_Common_Style_hr {
        width: 100%;
        margin: 0 0 30px 0;
        border-top: 2px solid #377dff;
    }

    .SFX_Form_Common_Style_modal_content {
        box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.08);
    }

    .SFX_Form_Common_Style_BTN_form_submit {
        height: 40px;
        font-size: 12px;
        margin-bottom: 30px;
    }

    .SFX_Form_Common_Style_Selection_Button {
        background-color: unset !important;
        top: 0px !important;
    }

        .SFX_Form_Common_Style_Selection_Button:hover {
            background-color: unset
        }

        .SFX_Form_Common_Style_Selection_Button > i {
            color: #377dff !important;
        }

    .SFX_Form_Common_Style_modal_tq_content3 {
        font-size: 11px;
        margin-bottom: 30px !important;
        padding: 0 25px !important;
    }
}

@media screen and (min-width:768px) and (max-width:1300px) {
    .nav-table {
        display: none !important;
    }

    /* Ensure search button is circular and centered */
    .btnSearch {
        background-color: #f5f8ff;
        border-radius: 50%;
        width: 40px !important;
        height: 40px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: none;
        margin-left: auto;
    }
}

@media screen and (min-width:1301px) {
    .SFX_Hidden_New_MD {
        display: none !important;
    }
}

.SFX_All_Module_Common_Outer_LR_Padding {
    padding-left: 0px;
    padding-right: 0px;
}

@media screen and (max-width:767px) {
    .SFX_All_Module_Common_Outer_LR_Padding {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 390px) {
    .SFX_Form_Common_Style_recaptcha {
        transform: scale(0.96);
        -webkit-transform: scale(0.96);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

@media (max-width: 380px) {
    .SFX_Form_Common_Style_recaptcha {
        transform: scale(0.93);
        -webkit-transform: scale(0.93);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

@media (max-width: 370px) {
    .SFX_Form_Common_Style_recaptcha {
        transform: scale(0.89);
        -webkit-transform: scale(0.89);
    }
}

@media (max-width: 360px) {
    .SFX_Form_Common_Style_recaptcha {
        transform: scale(0.86);
        -webkit-transform: scale(0.86);
    }
}

@media (max-width: 350px) {
    .SFX_Form_Common_Style_recaptcha {
        transform: scale(0.82);
        -webkit-transform: scale(0.82);
    }
}

@media (max-width: 340px) {
    .SFX_Form_Common_Style_recaptcha {
        transform: scale(0.79);
        -webkit-transform: scale(0.79);
    }
}

@media (max-width: 330px) {
    .SFX_Form_Common_Style_recaptcha {
        transform: scale(0.76);
        -webkit-transform: scale(0.76);
    }
}

@media (max-width: 320px) {
    .SFX_Form_Common_Style_recaptcha {
        transform: scale(0.72);
        -webkit-transform: scale(0.72);
    }
}

.SFX_Share_Common_Style_modal_dialog {
    width: 300px !important;
}

.SFX_Share_Common_Style_modal_content {
    border-radius: 30px;
}

.SFX_Share_Common_Style_modal_header {
    display: flex;
}

.SFX_Share_Common_Style_modal_body {
    padding-bottom: 0px;
}

.SFX_Share_Common_Style_modal_close {
    width: 30px;
    height: 30px;
    margin: auto;
    cursor: pointer;
}

.SFX_Share_Common_Style_modal_body > #common-social-plugin-buttons {
    width: 100%;
}

    .SFX_Share_Common_Style_modal_body > #common-social-plugin-buttons i {
        font-size: 50px;
        margin-left: 20px;
        margin-bottom: 20px;
        background-color: white;
        border-radius: 7px;
    }


@media screen and (min-width:1041px) {

    .SFX_crumbs_content_children {
        color: #ffffff;
    }
}


.SFX_Active_Tick_Padding_Align {
    padding: 3px !important;
}

.SFX_Active_Tick_Padding_Align_MD {
    padding: 5px !important;
}


@media (min-width: 768px) {

    .navbar-collapse.collapse {
        display: none !important;
    }

        .navbar-collapse.collapse.in {
            display: block !important;
        }
}

@media (min-width: 1300px) {
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }
}

@media screen and (max-width: 1300px) {
    .nav.navbar-nav.SFX_Hidden_New_SM {
        display: none !important;
    }
}

.hidden-row {
    visibility: hidden !important;
    height: 0px !important;
    display: table-row;
}

img[src=""] {
    content: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    width: 160px;
    height: 50px;
}

/*@media (max-width: 768px) and (hover: none) and (pointer: coarse) {
    .hidden-row {
        height: 20px !important;
    }
}

@media (max-width: 576px) and (hover: none) and (pointer: coarse) {
    .hidden-row {
        height: 25px !important;
    }
}

@media (max-width: 420px) and (hover: none) and (pointer: coarse) {
    .hidden-row {
        height: 30px !important;
    }
}*/

/*@media (max-width: 768px) and (hover: none) and (pointer: coarse) {
    .top-blue-border {
        border-top: 6px solid #377dff;
    }
}*/