body {
    margin: 0 auto;
    min-width: 300px;
}

    body .sxui {
        line-height: 14px;
    }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body .sxui {
    line-height: 1;
}

.sxui blockquote, .sxui q {
    quotes: none;
}

    .sxui blockquote:before, .sxui blockquote:after,
    .sxui q:before, .sxui q:after {
        content: '';
        content: none;
    }

.sxui table {
    border-collapse: collapse;
    border-spacing: 0;
}

.sxui *, .sxui *:before, .sxui *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

.sxui .group:after {
    clear: both;
}

.sxui .group {
    zoom: 1;
}

.sxui {
    /* basic scrollbar styling */
    /* vertical scrollbar */
    /* horizontal scrollbar */
    /*scrollbar themes*/
    /*dark (dark colored scrollbar)*/
}

    .sxui *, .sxui *:before, .sxui *:after {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

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

    .sxui .group:after {
        clear: both;
    }

    .sxui .group {
        zoom: 1;
    }

    .sxui .orange {
        color: #f27a12;
    }

    .sxui .light-grey {
        color: #6C6D72;
    }

    .sxui .grey {
        color: #121212;
    }

    .sxui a.grey:hover {
        color: #3092cc;
    }

    .sxui .white {
        color: white;
    }

    .sxui .blue {
        color: #3092cc;
    }

    .sxui strong {
        font-family: "omnes-pro", 'Arial', sans-serif;
        font-style: normal;
        font-weight: 600;
    }

    .sxui h1, .sxui h2, .sxui h3, .sxui h4, .sxui h5, .sxui h6 {
        margin: 0 0 10px 0;
    }

    .sxui h1 {
        font-family: "omnes-pro", 'Arial', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 35px;
    }

    .sxui h2 {
        font-family: "omnes-pro", 'Arial', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 25px;
    }

    .sxui h3 {
        font-family: "omnes-pro", 'Arial', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
    }

    .sxui h4 {
        font-family: "omnes-pro", 'Arial', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        margin: 20px 0 30px;
    }

    .sxui h5 {
        font-family: "omnes-pro", 'Arial', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
    }

    .sxui h6 {
        font-family: "omnes-pro", 'Arial', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
    }

    .sxui p {
        font-size: 14px;
        color: #121212;
        line-height: 21px;
        text-align: left;
    }

    .sxui hr {
        border: 0;
        height: 1px;
        border-top: 1px dotted #dadadb;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .sxui input[type=text] {
        font-family: "omnes-pro", 'Arial', sans-serif;
        font-style: normal;
        font-weight: 500;
    }

    .sxui ::-webkit-input-placeholder {
        font-family: "omnes-pro", 'Arial', sans-serif;
        font-style: normal;
        font-weight: 500;
        color: #121212;
    }

    .sxui :-moz-placeholder {
        /* Firefox 18- */
        font-family: "omnes-pro", 'Arial', sans-serif;
        font-style: normal;
        font-weight: 500;
        color: #121212;
    }

    .sxui ::-moz-placeholder {
        /* Firefox 19+ */
        font-family: "omnes-pro", 'Arial', sans-serif;
        font-style: normal;
        font-weight: 500;
        color: #121212;
    }

    .sxui :-ms-input-placeholder {
        font-family: "omnes-pro", 'Arial', sans-serif;
        font-style: normal;
        font-weight: 500;
        color: #121212;
    }

    .sxui .widget {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        background: white;
        background: -moz-linear-gradient(top, white 1%, #f5f5f1 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, white), color-stop(100%, #f5f5f1));
        background: -webkit-linear-gradient(top, white 1%, #f5f5f1 100%);
        background: -o-linear-gradient(top, white 1%, #f5f5f1 100%);
        background: -ms-linear-gradient(top, white 1%, #f5f5f1 100%);
        background: linear-gradient(to bottom, white 1%, #f5f5f1 100%);
        padding: 20px;
        border: 1px solid #DBDBDB;
        /*text-align: center;*/
    }

        .sxui .widget div.widget-container {
            padding-top: 20px;
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 20px;
        }

    .sxui .large-widget {
        width: 600px;
        height: 179px;
    }

    .sxui .light-widget {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        background: #FCFCFB;
        background: -moz-linear-gradient(top, white 0%, #fcfcfb 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #fcfcfb));
        background: -webkit-linear-gradient(top, white 0%, #fcfcfb 100%);
        background: -o-linear-gradient(top, white 0%, #fcfcfb 100%);
        background: -ms-linear-gradient(top, white 0%, #fcfcfb 100%);
        background: linear-gradient(to bottom, white 0%, #fcfcfb 100%);
        padding: 10px;
        border: 1px solid #DBDBDB;
        text-align: center;
        padding: 15px;
    }

    .sxui .no-children {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        background: #F8F8F8;
        background: -moz-linear-gradient(top, #f8f8f8 0%, white 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, white));
        background: -webkit-linear-gradient(top, #f8f8f8 0%, white 100%);
        background: -o-linear-gradient(top, #f8f8f8 0%, white 100%);
        background: -ms-linear-gradient(top, #f8f8f8 0%, white 100%);
        background: linear-gradient(to bottom, #f8f8f8 0%, white 100%);
        padding: 20px;
        border: 1px solid #DBDBDB;
        text-align: center;
        margin-bottom: 20px;
    }

    .sxui .vertical-tabs {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        overflow: hidden;
        border: 1px solid #D2D2D2;
        border-bottom: 0;
    }

        .sxui .vertical-tabs .tab-title {
            background: #F9F9F9;
            background: -moz-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #e8e8e8));
            background: -webkit-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
            background: -o-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
            background: -ms-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
            background: linear-gradient(to bottom, #f9f9f9 0%, #e8e8e8 100%);
            width: 100%;
            height: 39px;
            border-bottom: 1px solid #D2D2D2;
            cursor: pointer;
        }

            .sxui .vertical-tabs .tab-title p {
                font-family: "omnes-pro", 'Arial', sans-serif;
                font-style: normal;
                font-weight: 600;
                float: left;
                margin: 8px 0 8px 17px;
                font-size: 14px;
            }

            .sxui .vertical-tabs .tab-title button {
                float: right;
                margin: 9px 10px 9px 0;
            }

            .sxui .vertical-tabs .tab-title:hover {
                background: #F0F0F0;
                background: -moz-linear-gradient(top, #f0f0f0 0%, #c9c9c9 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #c9c9c9));
                background: -webkit-linear-gradient(top, #f0f0f0 0%, #c9c9c9 100%);
                background: -o-linear-gradient(top, #f0f0f0 0%, #c9c9c9 100%);
                background: -ms-linear-gradient(top, #f0f0f0 0%, #c9c9c9 100%);
                background: linear-gradient(to bottom, #f0f0f0 0%, #c9c9c9 100%);
            }

        .sxui .vertical-tabs .tab-content {
            -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
            -moz-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
            box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
            display: none;
            padding: 20px;
            border-bottom: 1px solid #D2D2D2;
            background-color: white;
        }

            .sxui .vertical-tabs .tab-content p {
                margin: 0;
            }

        .sxui .vertical-tabs .contracted:hover {
            -webkit-box-shadow: inset -1px 0px 0px 1px black;
            -moz-box-shadow: inset -1px 0px 0px 1px black;
            box-shadow: inset -1px 0px 0px 1px black;
        }

        .sxui .vertical-tabs .contracted .tab-content {
            overflow: hidden;
            border: 0;
        }

    .sxui .info-tabs .tab-title {
        width: 100%;
        height: 40px;
        cursor: pointer;
    }

        .sxui .info-tabs .tab-title p {
            font-family: "omnes-pro", 'Arial', sans-serif;
            font-style: normal;
            font-weight: 600;
            float: left;
            margin: 0 0 0 10px;
            line-height: 33px;
        }

        .sxui .info-tabs .tab-title button {
            float: left;
            margin: 8px 0 0 0;
        }

    .sxui .info-tabs .tab-content {
        display: none;
        margin: 10px 0;
        padding: 15px 25px;
        background-color: #EEEEEE;
    }

    .sxui .disclaimer {
        clear: both;
        color: #818181;
        font-size: 12px;
    }

        .sxui .disclaimer a {
            color: #818181;
        }

            .sxui .disclaimer a:hover {
                color: #3092cc;
            }

    .sxui .slider-wrap {
        position: relative;
        margin: 60px auto 20px;
        width: 100%;
        padding: 0 10px;
    }

        .sxui .slider-wrap .slider {
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
            -moz-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
            box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
            position: relative;
            display: block;
            width: 100%;
            height: 6px;
            background-color: #D7D7D7;
        }

        .sxui .slider-wrap .ui-slider .ui-slider-handle {
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;
            position: absolute;
            top: -6px;
            margin-left: -9px;
            width: 20px;
            height: 20px;
            border: 1px solid #D2D2D1;
            background: red;
            background-color: #E9E9E9;
        }

            .sxui .slider-wrap .ui-slider .ui-slider-handle:before {
                position: absolute;
                content: '';
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                -ms-border-radius: 2px;
                -o-border-radius: 2px;
                border-radius: 2px;
                top: 7px;
                left: 7px;
                width: 4px;
                height: 4px;
                background-color: #717171;
            }

            .sxui .slider-wrap .ui-slider .ui-slider-handle:focus {
                outline: none;
            }

        .sxui .slider-wrap .ui-slider-range {
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            background: #1da3ea;
            background: -moz-linear-gradient(top, #1da3ea 1%, #2692ce 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #1da3ea), color-stop(100%, #2692ce));
            background: -webkit-linear-gradient(top, #1da3ea 1%, #2692ce 100%);
            background: -o-linear-gradient(top, #1da3ea 1%, #2692ce 100%);
            background: -ms-linear-gradient(top, #1da3ea 1%, #2692ce 100%);
            background: linear-gradient(to bottom, #1da3ea 1%, #2692ce 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1da3ea', endColorstr='#2692ce',GradientType=0 );
            display: block;
            height: 6px;
            background-color: #D7D7D7;
        }

        .sxui .slider-wrap .slider-steps {
            position: relative;
        }

            .sxui .slider-wrap .slider-steps i {
                float: left;
                display: block;
                margin-top: 10px;
                width: 16.6666667%;
                font-size: 14px;
                font-weight: 500;
                color: #777;
                font-style: normal;
            }

                .sxui .slider-wrap .slider-steps i span {
                    position: relative;
                    width: 100%;
                    display: block;
                }

                .sxui .slider-wrap .slider-steps i:nth-child(1) {
                    position: relative;
                    left: -0.5%;
                }

                    .sxui .slider-wrap .slider-steps i:nth-child(1) span {
                        text-align: left;
                    }

                .sxui .slider-wrap .slider-steps i:nth-child(2) {
                    position: relative;
                    left: 2.75%;
                }

                    .sxui .slider-wrap .slider-steps i:nth-child(2) span {
                        text-align: left;
                    }

                .sxui .slider-wrap .slider-steps i:nth-child(3) {
                    position: relative;
                    left: 5.75%;
                }

                    .sxui .slider-wrap .slider-steps i:nth-child(3) span {
                        text-align: left;
                    }

                .sxui .slider-wrap .slider-steps i:nth-child(4) {
                    position: relative;
                    right: 5.75%;
                }

                    .sxui .slider-wrap .slider-steps i:nth-child(4) span {
                        text-align: right;
                    }

                .sxui .slider-wrap .slider-steps i:nth-child(5) {
                    position: relative;
                    right: 2.75%;
                }

                    .sxui .slider-wrap .slider-steps i:nth-child(5) span {
                        text-align: right;
                    }

                .sxui .slider-wrap .slider-steps i:nth-child(6) {
                    position: relative;
                    right: -0.5%;
                }

                    .sxui .slider-wrap .slider-steps i:nth-child(6) span {
                        text-align: right;
                    }

        .sxui .slider-wrap .number-tooltip {
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            position: absolute;
            top: -41px;
            margin-left: -15px;
            width: 30px;
            height: 22px;
            border: 1px solid #CCCCCC;
            background: white;
            text-align: center;
            line-height: 20px;
            font-size: 14px;
            font-weight: 500;
            color: #777;
        }

            .sxui .slider-wrap .number-tooltip:before {
                position: absolute;
                content: '';
                bottom: -10px;
                left: 10px;
                width: 0px;
                height: 0px;
                border-width: 10px 5px 0 5px;
                border-style: solid;
                border-color: #CCCCCC transparent transparent transparent;
            }

            .sxui .slider-wrap .number-tooltip:after {
                position: absolute;
                content: '';
                bottom: -8px;
                left: 11px;
                width: 0px;
                height: 0px;
                border-width: 8px 4px 0 4px;
                border-style: solid;
                border-color: #ffffff transparent transparent transparent;
            }

    .sxui .grey-widget {
        background: #F0F0F0;
        margin: 0 20px;
        padding: 30px 0;
    }

        .sxui .grey-widget h1 {
            font-family: "omnes-pro", 'Arial', sans-serif;
            font-style: normal;
            font-weight: 500;
            margin: 0;
            font-size: 25px;
        }

        .sxui .grey-widget h4 {
            font-family: "omnes-pro", 'Arial', sans-serif;
            font-style: normal;
            font-weight: 500;
            margin: 0;
            font-size: 18px;
        }

        .sxui .grey-widget p {
            margin: 0;
            font-family: "omnes-pro", 'Arial', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 13px;
        }

        .sxui .grey-widget a, .sxui .grey-widget a:visited {
            font-size: 14px;
        }

    .sxui .white-widget {
        background: white;
        margin: 0 20px;
        padding: 30px 0;
    }

    .sxui .scroll-pane {
        height: 320px;
        background-color: white;
        width: 100%;
        border: 1px solid #eee;
    }

        .sxui .scroll-pane p {
            width: 96%;
            margin: 20px 10px;
        }

    .sxui .modal {
        position: fixed;
        top: 0;
        z-index: 999999;
        display: block;
        background: white;
        max-width: 630px;
        margin: 10% 20px;
        padding: 20px 25px;
    }

        .sxui .modal .close-modal {
            cursor: pointer;
            position: absolute;
            right: 25px;
            background: white;
            top: -3px;
            width: 50px;
            height: 27px;
            border: 1px solid #d0d0d0;
            line-height: 26px;
            -webkit-border-radius: 0 0 3px 3px;
            -moz-border-radius: 0 0 3px 3px;
            -ms-border-radius: 0 0 3px 3px;
            -o-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
            color: #525252;
            font-size: 14px;
            font-weight: 500;
        }

    .sxui .modal-overlay {
        position: fixed;
        background-color: black;
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: 100%;
        display: block;
        z-index: 99999;
        top: 0;
        right: 0;
    }

    .sxui .modal, .sxui .modal-overlay {
        display: none;
    }

    .sxui .form-progress {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        width: 100%;
        height: 29px;
        border: 1px solid #E6E8E9;
        background: white;
        /* Old browsers */
        background: -moz-linear-gradient(top, white 0%, #f7f7f7 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f7f7f7));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, white 0%, #f7f7f7 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, white 0%, #f7f7f7 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, white 0%, #f7f7f7 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, white 0%, #f7f7f7 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
        /* IE6-9 */
    }

        .sxui .form-progress a {
            font-family: "omnes-pro", 'Arial', sans-serif;
            font-style: normal;
            font-weight: 500;
            position: relative;
            display: block;
            float: left;
            width: 25%;
            height: 100%;
            color: #9E9E9E;
            text-decoration: none;
            font-size: 14px;
            line-height: 26px;
        }

            .sxui .form-progress a:first-child {
                -webkit-border-radius: 4px 0 0 4px;
                -moz-border-radius: 4px 0 0 4px;
                -ms-border-radius: 4px 0 0 4px;
                -o-border-radius: 4px 0 0 4px;
                border-radius: 4px 0 0 4px;
            }

            .sxui .form-progress a:last-child {
                -webkit-border-radius: 0 4px 4px 0;
                -moz-border-radius: 0 4px 4px 0;
                -ms-border-radius: 0 4px 4px 0;
                -o-border-radius: 0 4px 4px 0;
                border-radius: 0 4px 4px 0;
            }

                .sxui .form-progress a:last-child:before {
                    display: none;
                }

                .sxui .form-progress a:last-child:after {
                    display: none;
                }

                .sxui .form-progress a:last-child.current {
                    /* width: 19.5%;*/
                }

            .sxui .form-progress a.past-step {
                color: white;
                /*border: 1px solid #45A8DF;*/
                background: rgb(0, 170, 226);
            }

                .sxui .form-progress a.past-step:before {
                    position: absolute;
                    content: '';
                    width: 12px !important;
                    height: 27px !important;
                    /*top: -1px;*/
                    right: -12px;
                    z-index: 1;
                    background: url("../../img/sprites/group/past-blue-arrow.png") !important;
                    background-position: 0 !important;
                }

            .sxui .form-progress a.current-step {
                color: white;
                /*border: 1px solid rgb(0, 149, 207);*/
                background: rgb(0, 149, 207);
            }

                .sxui .form-progress a.current-step:before {
                    position: absolute;
                    content: '';
                    width: 12px;
                    height: 27px;
                    /*top: -1px;*/
                    right: -12px;
                    z-index: 1;
                    /*background: url("../../img/sprites/current-step.png") !important;*/
                    background: url("../../img/sprites/group/current-blue-arrow.png") !important;
                }

                .sxui .form-progress a.current-step:after {
                    position: absolute;
                    content: '';
                    width: 7px;
                    height: 4px;
                    bottom: -1px;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                }

            .sxui .form-progress a.future-step:before {
                position: absolute;
                content: '';
                width: 12px;
                height: 27px;
                /*top: -0.5px;*/
                right: -12px;
                z-index: 1;
                background: url("../../img/sprites/group/future-white-arrow.png") !important;
            }

            .sxui .form-progress a:first-child {
                margin-right: 0;
                margin-left: 0;
            }

                .sxui .form-progress a:first-child i:before, .sxui .form-progress a:first-child i:after {
                    display: none !important;
                }

            .sxui .form-progress a span {
                text-align: center!important;
            }

                .sxui .form-progress a span:nth-child(2) {
                    display: block;
                }

                .sxui .form-progress a span:nth-child(3) {
                    display: none;
                }

    .sxui input[type=text], .sxui input[type=password] {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        padding-left: 10px;
        min-height: 28px;
        width: 247px;
        border: 1px solid #D0D0D0;
        background: #F8F8F8;
        /* Old browsers */
        background: -moz-linear-gradient(top, #f8f8f8 0%, white 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, white));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f8f8f8 0%, white 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f8f8f8 0%, white 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f8f8f8 0%, white 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #f8f8f8 0%, white 100%);
        /* W3C */
        color: #121212;
        font-size: 14px;
        line-height: 17px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#FFFFFF',GradientType=0 );
        /* IE6-9 */
    }

    .sxui .account-number input {
        float: left;
        padding: 0;
        text-align: center;
    }

        .sxui .account-number input:nth-child(1) {
            margin-right: 5%;
            width: 17%;
        }

        .sxui .account-number input:nth-child(2) {
            margin-right: 5%;
            width: 22%;
        }

        .sxui .account-number input:nth-child(3) {
            margin-right: 5%;
            width: 27%;
        }

        .sxui .account-number input:nth-child(4) {
            width: 19%;
        }

    .sxui .select-styler {
        max-width: 328px;
        width: 100%;
        height: 32px;
        cursor: pointer;
        position: relative;
        font-weight: 500;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 0 0 1px #d0d0d0;
        -moz-box-shadow: inset 0 0 0 1px #d0d0d0;
        box-shadow: inset 0 0 0 1px #d0d0d0;
        background-color: #F4F5F1;
        background: -moz-linear-gradient(top, white 0%, #f4f5f1 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f4f5f1));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, white 0%, #f4f5f1 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, white 0%, #f4f5f1 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, white 0%, #f4f5f1 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, white 0%, #f4f5f1 100%);
        /* W3C */
    }

        .sxui .select-styler:before {
            cursor: pointer;
            z-index: 1;
            position: absolute;
            content: '';
            -webkit-border-radius: 0 2px 2px 0;
            -moz-border-radius: 0 2px 2px 0;
            -ms-border-radius: 0 2px 2px 0;
            -o-border-radius: 0 2px 2px 0;
            border-radius: 0 2px 2px 0;
            top: 1px;
            right: 1px;
            width: 30px;
            height: 30px;
            border-left: 1px solid #D0D0D0;
            background: #F5F5F5;
            /* Old browsers */
            background: -moz-linear-gradient(top, whitesmoke 0%, #dbdbdb 100%);
            /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, whitesmoke), color-stop(100%, #dbdbdb));
            /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, whitesmoke 0%, #dbdbdb 100%);
            /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, whitesmoke 0%, #dbdbdb 100%);
            /* Opera 11.10+ */
            background: -ms-linear-gradient(top, whitesmoke 0%, #dbdbdb 100%);
            /* IE10+ */
            background: linear-gradient(to bottom, whitesmoke 0%, #dbdbdb 100%);
            /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#DBDBDB',GradientType=0 );
            /* IE6-9 */
        }

        .sxui .select-styler:after {
            cursor: pointer;
            z-index: 1;
            position: absolute;
            content: '';
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            border-color: #898989 transparent transparent transparent;
            top: 13px;
            right: 11px;
        }

        .sxui .select-styler:hover:before {
            background: #EEEEEE;
            /* Old browsers */
            background: -moz-linear-gradient(top, #eeeeee 0%, #cfcfcf 100%);
            /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cfcfcf));
            /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #eeeeee 0%, #cfcfcf 100%);
            /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #eeeeee 0%, #cfcfcf 100%);
            /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #eeeeee 0%, #cfcfcf 100%);
            /* IE10+ */
            background: linear-gradient(to bottom, #eeeeee 0%, #cfcfcf 100%);
            /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#CFCFCF',GradientType=0 );
            /* IE6-9 */
        }

        .sxui .select-styler p {
            margin: 0;
            padding-left: 10px;
            width: 100%;
            line-height: 29px;
            background-color: transparent;
            z-index: 1;
            position: absolute;
        }

        .sxui .select-styler ul {
            display: none;
            -webkit-border-radius: 0 0 3px 3px;
            -moz-border-radius: 0 0 3px 3px;
            -ms-border-radius: 0 0 3px 3px;
            -o-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
            margin-top: 30px;
            background-color: #E6E6E6;
            border: 1px solid #D0D0D0;
            max-height: 300px;
            position: relative;
            z-index: 6;
        }

            .sxui .select-styler ul li {
                position: absolute;
                height: 30px;
                background-color: #E6E6E6;
                padding-left: 10px;
                line-height: 32px;
                border-top: 1px solid #D0D0D0;
                font-size: 14px;
                position: relative;
                text-align: left;
                height: 30px;
            }

                .sxui .select-styler ul li:hover {
                    background-color: #D4D4D4;
                }

                .sxui .select-styler ul li:nth-child(1) {
                    border-width: 0px;
                }

                .sxui .select-styler ul li:last-child {
                    -webkit-border-radius: 0 0 3px 3px;
                    -moz-border-radius: 0 0 3px 3px;
                    -ms-border-radius: 0 0 3px 3px;
                    -o-border-radius: 0 0 3px 3px;
                    border-radius: 0 0 3px 3px;
                }

                .sxui .select-styler ul li:active {
                    background-color: white;
                }

    .sxui .select-active p:before {
        cursor: pointer;
        z-index: 2;
        position: absolute;
        content: '';
        -webkit-border-radius: 0 2px 2px 0;
        -moz-border-radius: 0 2px 2px 0;
        -ms-border-radius: 0 2px 2px 0;
        -o-border-radius: 0 2px 2px 0;
        border-radius: 0 2px 2px 0;
        top: 1px;
        right: 1px;
        width: 30px;
        height: 30px;
        border-left: 1px solid #D0D0D0;
        background: #BBBBBB;
        /* Old browsers */
        background: -moz-linear-gradient(top, #bbbbbb 0%, #e6e6e6 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbbbbb), color-stop(100%, #e6e6e6));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #bbbbbb 0%, #e6e6e6 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #bbbbbb 0%, #e6e6e6 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #bbbbbb 0%, #e6e6e6 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #bbbbbb 0%, #e6e6e6 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBBBBB', endColorstr='#E6E6E6',GradientType=0 );
        /* IE6-9 */
    }

    .sxui .select-active p:after {
        cursor: pointer;
        z-index: 1;
        position: absolute;
        content: '';
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 5px 4px 0 4px;
        border-color: #898989 transparent transparent transparent;
        top: 13px;
        right: 11px;
    }

    .sxui .flex-left {
        float: left;
        width: 28%;
        margin-top: 3px;
    }

    .sxui p.flex-left, .sxui div.flex-left {
        width: 125px;
    }

        .sxui p.flex-left.large, .sxui div.flex-left.large {
            width: 150px;
        }


        .sxui p.flex-left.small, .sxui div.flex-left.small {
            width: 100px;
        }

    .sxui .flex-right {
        float: left;
        max-width: 330px;
        width: auto;
        /*margin-top: 20px;*/
        text-align: left;
        line-height: 28px;
    }

    .sxui .flex-left.marginBottom {
        margin-bottom: 20px;
    }

    .sxui .flex-right .value-field {
        font-weight: 600;
    }

    .sxui .group.marginBottom {
        margin-bottom: 0px;
    }

    /*.sxui input[type=checkbox], .sxui input[type=radio] {
        display: none;
    }*/

    .sxui .btn {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        font-family: "omnes-pro", 'Arial', sans-serif;
        font-style: normal;
        font-weight: 500;
        display: block;
        width: 100%;
        height: 33px;
        color: white;
        text-align: center !important;
        text-decoration: none;
        font-size: 14px;
        line-height: 32px;
        position: relative;
    }

    .sxui .x-sml-btn {
        max-width: 91px;
    }

    .sxui .sml-btn {
        max-width: 190px;
    }

    .sxui .med-btn {
        max-width: 300px;
    }

    .sxui .lrg-btn {
        max-width: 600px;
    }

    .sxui .orange-btn {
        background: #f97d12;
        background: -moz-linear-gradient(top, #f97d12 0%, #e87511 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f97d12), color-stop(100%, #e87511));
        background: -webkit-linear-gradient(top, #f97d12 0%, #e87511 100%);
        background: -o-linear-gradient(top, #f97d12 0%, #e87511 100%);
        background: -ms-linear-gradient(top, #f97d12 0%, #e87511 100%);
        background: linear-gradient(to bottom, #f97d12 0%, #e87511 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f97d12', endColorstr='#e87511',GradientType=0 );
        -webkit-box-shadow: 0 1px #b6b6b6;
        -moz-box-shadow: 0 1px #b6b6b6;
        box-shadow: 0 1px #b6b6b6;
        border: 1px solid #EA7412;
    }

        .sxui .orange-btn:hover {
            background: #e67000;
            background: -moz-linear-gradient(top, #e67000 0%, #ff7d00 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e67000), color-stop(100%, #ff7d00));
            background: -webkit-linear-gradient(top, #e67000 0%, #ff7d00 100%);
            background: -o-linear-gradient(top, #e67000 0%, #ff7d00 100%);
            background: -ms-linear-gradient(top, #e67000 0%, #ff7d00 100%);
            background: linear-gradient(to bottom, #e67000 0%, #ff7d00 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e67000', endColorstr='#ff7d00',GradientType=0 );
        }

        .sxui .orange-btn:active {
            -webkit-box-shadow: 0 1px #b6b6b6, inset 2px 3px 2px 0px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: 0 1px #b6b6b6, inset 2px 3px 2px 0px rgba(0, 0, 0, 0.4);
            box-shadow: 0 1px #b6b6b6, inset 2px 3px 2px 0px rgba(0, 0, 0, 0.4);
            border-top: 1px solid rgba(0, 0, 0, 0.4);
            border-left: 1px solid rgba(0, 0, 0, 0.4);
            border-right: 1px solid #C9640F;
        }

    .sxui .orange-inactive-btn {
        background: -moz-linear-gradient(top, rgba(249, 125, 18, 0.5) 0%, rgba(232, 117, 17, 0.5) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249, 125, 18, 0.5)), color-stop(100%, rgba(232, 117, 17, 0.5)));
        background: -webkit-linear-gradient(top, rgba(249, 125, 18, 0.5) 0%, rgba(232, 117, 17, 0.5) 100%);
        background: -o-linear-gradient(top, rgba(249, 125, 18, 0.5) 0%, rgba(232, 117, 17, 0.5) 100%);
        background: -ms-linear-gradient(top, rgba(249, 125, 18, 0.5) 0%, rgba(232, 117, 17, 0.5) 100%);
        background: linear-gradient(to bottom, rgba(249, 125, 18, 0.5) 0%, rgba(232, 117, 17, 0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80f97d12', endColorstr='#80e87511',GradientType=0 );
        -webkit-box-shadow: 0 1px rgba(182, 182, 182, 0.5);
        -moz-box-shadow: 0 1px rgba(182, 182, 182, 0.5);
        box-shadow: 0 1px rgba(182, 182, 182, 0.5);
        border: 1px solid #EFB481;
    }

    .sxui .grey-btn {
        background: #cccccc;
        background: -moz-linear-gradient(top, #cccccc 0%, #bbbbbb 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #bbbbbb));
        background: -webkit-linear-gradient(top, #cccccc 0%, #bbbbbb 100%);
        background: -o-linear-gradient(top, #cccccc 0%, #bbbbbb 100%);
        background: -ms-linear-gradient(top, #cccccc 0%, #bbbbbb 100%);
        background: linear-gradient(to bottom, #cccccc 0%, #bbbbbb 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#bbbbbb',GradientType=0 );
        -webkit-box-shadow: 0 1px #b6b6b6;
        -moz-box-shadow: 0 1px #b6b6b6;
        box-shadow: 0 1px #b6b6b6;
        border: 1px solid #AAAAAA;
    }

    .sxui .open, .sxui .close {
        background: #dee0e1;
        background: -moz-linear-gradient(top, #dee0e1 0%, #feffff 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dee0e1), color-stop(100%, #feffff));
        background: -webkit-linear-gradient(top, #dee0e1 0%, #feffff 100%);
        background: -o-linear-gradient(top, #dee0e1 0%, #feffff 100%);
        background: -ms-linear-gradient(top, #dee0e1 0%, #feffff 100%);
        background: linear-gradient(to bottom, #dee0e1 0%, #feffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dee0e1', endColorstr='#feffff',GradientType=0 );
        position: relative;
        padding: 0;
        width: 18px;
        height: 18px;
        outline: 0px;
        outline-style: none;
        outline-color: invert;
        border: 1px solid #C4C8C7;
        cursor: pointer;
        -webkit-appearance: none;
    }

        .sxui .open:hover, .sxui .close:hover {
            background: #FBFCFC;
            background: -moz-linear-gradient(top, #fbfcfc 0%, #c6c6c6 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfcfc), color-stop(100%, #c6c6c6));
            background: -webkit-linear-gradient(top, #fbfcfc 0%, #c6c6c6 100%);
            background: -o-linear-gradient(top, #fbfcfc 0%, #c6c6c6 100%);
            background: -ms-linear-gradient(top, #fbfcfc 0%, #c6c6c6 100%);
            background: linear-gradient(to bottom, #fbfcfc 0%, #c6c6c6 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFCFC', endColorstr='#C6C6C6 ',GradientType=0 );
        }

        .sxui .open:active, .sxui .close:active {
            -webkit-box-shadow: inset 2px 3px 2px 0px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: inset 2px 3px 2px 0px rgba(0, 0, 0, 0.4);
            box-shadow: inset 2px 3px 2px 0px rgba(0, 0, 0, 0.4);
            background-color: #F9FAFA;
        }

        .sxui .open:before {
            position: absolute;
            content: '';
            top: 7px;
            right: 0;
            left: 0;
            margin: 0 auto;
            width: 10px;
            height: 2px;
            background-color: #575A5B;
        }

        .sxui .open:after {
            position: absolute;
            content: '';
            top: 3px;
            right: 0;
            left: 0;
            margin: 0 auto;
            width: 2px;
            height: 10px;
            background-color: #575A5B;
        }

        .sxui .close:before {
            position: absolute;
            content: '';
            top: 7px;
            right: 0;
            left: 0;
            margin: 0 auto;
            width: 10px;
            height: 2px;
            background-color: #575A5B;
        }

    .sxui .select-btn-wrap {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 #e5e5e4;
        -moz-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 #e5e5e4;
        box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 #e5e5e4;
        display: inline-block;
        border: 1px solid #C8C8C8;
        background-color: #D7D7D7;
        width: 100%;
        text-align: center !important;
    }

    .sxui .select-btn {
        font-family: "omnes-pro", 'Arial', sans-serif;
        font-style: normal;
        font-weight: 500;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        display: inline-block;
        float: left;
        margin: 0;
        height: 100%;
        border: 0;
        background: transparent;
        color: #777777;
        text-decoration: none;
        font-size: 14px;
        padding: 7px 0;
        border-right: 1px solid #D3D3D3;
        border-left: 1px solid transparent;
    }

        .sxui .select-btn:first-child {
            margin-right: 0;
        }

    .sxui .select-btn-inactive {
        background: #f9f9f9;
        background: -moz-linear-gradient(top, #f9f9f9 0%, #e9e9e9 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #e9e9e9));
        background: -webkit-linear-gradient(top, #f9f9f9 0%, #e9e9e9 100%);
        background: -o-linear-gradient(top, #f9f9f9 0%, #e9e9e9 100%);
        background: -ms-linear-gradient(top, #f9f9f9 0%, #e9e9e9 100%);
        background: linear-gradient(to bottom, #f9f9f9 0%, #e9e9e9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0 );
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        -ms-border-radius: 1px;
        -o-border-radius: 1px;
        border-radius: 1px;
        -webkit-box-shadow: inset 0 1px 0 1px white;
        -moz-box-shadow: inset 0 1px 0 1px white;
        box-shadow: inset 0 1px 0 1px white;
        background-color: #E9E9E9;
    }

        .sxui .select-btn-inactive:hover {
            background: #D0D0D0;
            background: -moz-linear-gradient(top, white 0%, #d0d0d0 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, white));
            background: -webkit-linear-gradient(top, white 0%, #d0d0d0 100%);
            background: -o-linear-gradient(top, white 0%, #d0d0d0 100%);
            background: -ms-linear-gradient(top, white 0%, #d0d0d0 100%);
            background: linear-gradient(to bottom, #ffffff 0%, #d0d0d0 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#D0D0D0',GradientType=0 );
        }

        .sxui .select-btn-inactive:active {
            background: #E2E2E2;
            -webkit-box-shadow: inset 2px 3px 2px 0px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: inset 2px 3px 2px 0px rgba(0, 0, 0, 0.4);
            box-shadow: inset 2px 3px 2px 0px rgba(0, 0, 0, 0.4);
        }

    .sxui .two-btns .select-btn {
        width: 50%;
        padding-left: 10px;
        padding-right: 10px;
    }

        .sxui .two-btns .select-btn:last-child {
            float: right;
        }

    .sxui .three-btns .select-btn {
        width: 33.333%;
    }

        .sxui .three-btns .select-btn:nth-child(2) {
            border-right: 2px solid #D3D3D3;
        }

        .sxui .three-btns .select-btn:last-child {
            border-right: 0;
        }

    .sxui .four-btns .select-btn {
        width: 20%;
        padding-left: 10px;
        padding-right: 10px;
    }

        .sxui .four-btns .select-btn:last-child {
            float: right;
        }

    /*.sxui input[type=checkbox].square {
        position: absolute;
        overflow: hidden;
        margin: 0px;
        padding: 0;
        width: 0px;
        height: 0px;
        border: 0;
        background: transparent;
    }*/

    /*.sxui input[type=checkbox].square + label.square-label {
            display: inline-block;
            width: 21px;
            height: 20px;
            position: relative;
        }*/

    /*.sxui input[type=checkbox].square:checked + label.square-label {
            width: 21px;
            height: 20px;
        }*/

    .sxui .remove-item {
        display: block;
        position: relative;
        cursor: pointer;
        width: 26px;
        height: 26px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #D0D0D0;
        background: #e2e2e2;
        background: -moz-linear-gradient(top, whitesmoke 0%, #e2e2e2 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, whitesmoke), color-stop(100%, whitesmoke));
        background: -webkit-linear-gradient(top, whitesmoke 0%, #e2e2e2 100%);
        background: -o-linear-gradient(top, whitesmoke 0%, #e2e2e2 100%);
        background: -ms-linear-gradient(top, whitesmoke 0%, #e2e2e2 100%);
        background: linear-gradient(to bottom, whitesmoke 0%, #e2e2e2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e2e2e2',GradientType=0 );
    }

        .sxui .remove-item:before {
            width: 12px;
            height: 12px;
            position: absolute;
            content: '';
            left: 6px;
            top: 6px;
        }

    .sxui .radio-on {
        width: 19px;
        height: 19px;
        display: inline-block;
        position: relative;
        left: -3px;
        top: 5px;
        margin-right: 15px;
        cursor: pointer;
    }

    .sxui .radio-off {
        width: 19px;
        height: 19px;
        display: inline-block;
        position: relative;
        left: -3px;
        top: 5px;
        margin-right: 15px;
        cursor: pointer;
    }

    .sxui .head .medium-logo {
        display: none;
    }

    .sxui .head .small-logo {
        position: absolute;
        content: '';
        width: 150px;
        height: 53px;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 15px;
    }

    .sxui .head .medium-logo {
        position: absolute;
        content: '';
        width: 200px;
        height: 71px;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 20px;
    }

    .sxui .mobile-header {
        text-align: center !important;
        background-color: white;
        height: 86px;
    }

        .sxui .mobile-header .medium-logo {
            display: none;
        }

        .sxui .mobile-header .small-logo {
            position: absolute;
            content: '';
            width: 150px;
            height: 53px;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 10px;
        }

        .sxui .mobile-header .medium-logo {
            position: absolute;
            content: '';
            width: 200px;
            height: 71px;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 20px;
        }

    .sxui .nav-overlay {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0;
        display: none;
    }

    .sxui .mobile-nav {
        position: absolute;
        top: 0;
        left: -270px;
        z-index: 999;
        width: 270px;
        min-height: 430px;
        background: #2993ce;
        text-align: left;
    }

        .sxui .mobile-nav a, .sxui .mobile-nav a:visited {
            display: block;
            width: 100%;
            color: white;
            text-decoration: none;
            font-family: "omnes-pro", 'Arial', sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: 18px;
        }

        .sxui .mobile-nav li.selected a, .sxui .mobile-nav li.selected a:visited {
            font-weight: 600;
        }

        .sxui .mobile-nav .head {
            width: 100%;
            height: 86px;
            background: white;
            text-align: center;
        }

            .sxui .mobile-nav .head img {
                margin: 15px auto 0;
            }

        .sxui .mobile-nav .desktop {
            font-family: "omnes-pro", 'Arial', sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            text-align: center;
            padding: 0;
        }

        .sxui .mobile-nav h2 {
            margin: 20px 5px 25px;
            font-size: 24px;
            font-weight: 600;
        }

        .sxui .mobile-nav h3 {
            font-size: 20px;
            font-weight: 500;
        }

        .sxui .mobile-nav p {
            margin-top: 40px;
            text-align: center;
            font-size: 14px;
        }

        .sxui .mobile-nav hr {
            width: 85%;
            background: rgba(255, 255, 255, 0.5);
            height: 1px;
            padding: 0;
        }

        .sxui .mobile-nav .mobile-nav-toggle {
            position: absolute;
            top: 33px;
            right: -50px;
            width: 30px;
            height: 25px;
            border: 0;
            background: transparent;
            cursor: pointer;
        }

            .sxui .mobile-nav .mobile-nav-toggle:focus {
                outline: 0;
            }

            .sxui .mobile-nav .mobile-nav-toggle i {
                -webkit-transition: all 500ms ease;
                -moz-transition: all 500ms ease;
                -o-transition: all 500ms ease;
                transition: all 500ms ease;
                position: absolute;
                left: 0;
                width: 20px;
                height: 3px;
                background-color: #3092cc;
            }

                .sxui .mobile-nav .mobile-nav-toggle i:nth-child(1) {
                    top: 0;
                }

                .sxui .mobile-nav .mobile-nav-toggle i:nth-child(2) {
                    top: 6px;
                }

                .sxui .mobile-nav .mobile-nav-toggle i:nth-child(3) {
                    top: 12px;
                }

        .sxui .mobile-nav .navigation-bottom {
            /*            position: absolute;
            bottom: 0;*/
        }

    .sxui .mobile-footer {
        width: 100%;
        height: 86px;
        margin-top: 20px;
        background-color: #3093CC;
    }

        .sxui .mobile-footer a, .sxui .mobile-footer a:visited {
            font-size: 14px;
            line-height: 90px;
        }

            .sxui .mobile-footer a i, .sxui .mobile-footer a:visited i {
                position: relative;
                left: -15px;
                top: 5px;
                display: inline-block;
                width: 26px;
                height: 23px;
            }

    .sxui hr {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 30px;
        border: 0;
        background: transparent;
        border-bottom: 1px dotted #dadadb;
    }

        .sxui hr.bottom-margin {
            margin-bottom: 30px;
        }

    .sxui .sml-padding {
        padding: 10px 0;
    }

    .sxui .med-padding {
        padding: 20px 0;
    }

    .sxui .lrg-padding {
        padding: 30px 0;
    }

    .sxui .half {
        float: left;
        width: 50%;
    }

    .sxui .third {
        float: left;
        width: 33.333333333%;
    }

    .sxui .fourth {
        float: left;
        width: 25%;
    }

    .sxui .fifth {
        float: left;
        width: 20%;
    }

    .sxui .center-text {
        text-align: center;
    }

    .sxui .centered {
        float: none;
        margin: 0 auto;
    }

    .sxui .left {
        float: left;
    }

    .sxui .right {
        float: right;
    }

    .sxui .left-align {
        text-align: left;
    }

    .sxui .left-img {
        float: left;
        margin-right: 10px;
    }

    .sxui .right-img {
        float: right;
        margin-left: 10px;
    }

    .sxui .img-wrap {
        background-color: #EEEEEE;
        overflow: hidden;
        position: relative;
    }

        .sxui .img-wrap img {
            width: 100%;
        }

    .sxui .sml-img {
        width: 128px;
        height: 136px;
    }

    .sxui .no-margins {
        margin: 0;
    }

    .sxui .sml-margins {
        margin: 10px auto;
    }

    .sxui .med-margins {
        margin: 20px auto;
    }

    .sxui .lrg-margins {
        margin: 30px auto;
    }

    .sxui .contained {
        padding-right: 10px;
        padding-left: 10px;
    }

    .sxui .sml-neg-margin {
        margin-top: -10px;
    }

    .sxui .neg-margin {
        margin-top: -20px;
    }

    .sxui .inline {
        display: inline-block;
    }

    .sxui .more-info {
        cursor: pointer;
        width: 15px;
        height: 14px;
        display: inline-block;
        margin: 0px 3px -3px 2px;
    }

    .sxui .asterisk, .sxui .asterisk-alt {
        width: 7px;
        height: 6px;
        display: inline-block;
        margin: 1px 3px 4px 2px;
        border: none !important;
    }

    .sxui .small-tick {
        width: 16px;
        height: 15px;
        position: relative;
        display: block;
        display: inline-block;
        margin-right: 6px;
        left: 0;
        top: 3px;
    }

    .sxui .pencil {
        cursor: pointer;
        width: 16px;
        height: 16px;
        position: relative;
        display: block;
        display: inline-block;
        margin-left: 10px;
        left: 0;
        top: 3px;
    }

    .sxui .tri-down {
        cursor: pointer;
        width: 7px;
        height: 4px;
        position: relative;
        display: block;
        display: inline-block;
        margin: 5px 0 10px;
        right: 3px;
        top: 3px;
    }



    .sxui .detailed .tri-down {
        cursor: pointer;
        width: 7px;
        height: 4px;
        position: relative;
        display: block;
        display: inline-block;
        margin: 5px 0 10px;
        right: 3px;
        top: 3px;
    }

    .sxui .add {
        width: 14px;
        height: 14px;
        position: relative;
        display: inline-block;
        left: -5px;
        top: 2px;
        margin: 0;
    }

    /*.sxui p.error {
        color: #FF0000;
        margin: 0 0 20px 0;
    }*/

    .sxui .hwd {
        display: block;
    }

    .sxui .hwm {
        display: none;
    }

    .sxui .divided {
        border-bottom: 1px dotted #dadadb;
    }

    .sxui .divider {
        height: 1px;
        border-bottom: 1px dotted #dadadb;
    }

    .sxui .remove-tip {
        display: none;
        width: 110px;
        height: 30px;
        border: 1px solid #D0D0D0;
        background-color: #F3F3F3;
        line-height: 26px;
        font-size: 14px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        position: absolute;
        top: -3px;
        left: -122px;
    }

        .sxui .remove-tip:before {
            position: absolute;
            content: '';
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 6px 0 6px 9px;
            border-color: transparent transparent transparent #d0d0d0;
            right: -9px;
            top: 8px;
        }

        .sxui .remove-tip:after {
            position: absolute;
            content: '';
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 5px 0 5px 8px;
            border-color: transparent transparent transparent #f3f3f3;
            right: -8px;
            top: 9px;
        }

    .sxui .remove-item:hover .remove-tip {
        display: block;
    }

    .sxui #pseudo-frame {
        max-width: 720px;
        position: relative;
        margin: 0 auto;
    }

    .sxui .mCSB_container {
        width: auto;
        margin-right: 30px;
        overflow: hidden;
    }

        .sxui .mCSB_container.mCS_no_scrollbar {
            margin-right: 0;
        }

    .sxui .mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar,
    .sxui .mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
        margin-right: 30px;
    }

    .sxui .mCustomScrollBox > .mCSB_scrollTools {
        width: 16px;
        height: 100%;
        top: 0;
        right: 0;
    }

    .sxui .mCSB_scrollTools .mCSB_draggerContainer {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: auto;
    }

    .sxui .mCSB_scrollTools a + .mCSB_draggerContainer {
        margin: 20px 0;
    }

    .sxui .mCSB_scrollTools .mCSB_draggerRail {
        width: 19px;
        height: 100%;
        margin: 0 auto;
    }

    .sxui .mCSB_scrollTools .mCSB_dragger {
        cursor: pointer;
        width: 100%;
        height: 30px;
    }

        .sxui .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            width: 4px;
            height: 100%;
            margin: 0 auto;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            text-align: center;
        }

    .sxui .mCSB_scrollTools .mCSB_buttonUp,
    .sxui .mCSB_scrollTools .mCSB_buttonDown {
        display: block;
        position: relative;
        height: 20px;
        overflow: hidden;
        margin: 0 auto;
        cursor: pointer;
    }

    .sxui .mCSB_scrollTools .mCSB_buttonDown {
        top: 100%;
        margin-top: -40px;
    }

    .sxui .mCSB_horizontal > .mCSB_container {
        height: auto;
        margin-right: 0;
        margin-bottom: 30px;
        overflow: hidden;
    }

        .sxui .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
            margin-bottom: 0;
        }

    .sxui .mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar,
    .sxui .mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .sxui .mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
        width: 100%;
        height: 16px;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        overflow: hidden;
    }

    .sxui .mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
        margin: 0 20px;
    }

    .sxui .mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
        width: 100%;
        height: 2px;
        margin: 7px 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .sxui .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
        width: 30px;
        height: 100%;
    }

        .sxui .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            width: 100%;
            height: 4px;
            margin: 6px auto;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

    .sxui .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft,
    .sxui .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
        display: block;
        position: relative;
        width: 20px;
        height: 100%;
        overflow: hidden;
        margin: 0 auto;
        cursor: pointer;
        float: left;
    }

    .sxui .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
        margin-left: -40px;
        float: right;
    }

    .sxui .mCustomScrollBox {
        -ms-touch-action: none;
        /*MSPointer events - direct all pointer events to js*/
    }

    .sxui .mCSB_scrollTools .mCSB_buttonUp {
        background-position: 0 0;
        /*
    sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
    */
    }

    .sxui .mCSB_scrollTools .mCSB_buttonDown {
        background-position: 0 -20px;
        /*
    sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
    */
    }

    .sxui .mCSB_scrollTools .mCSB_buttonLeft {
        background-position: 0 -40px;
        /*
    sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)
    */
    }

    .sxui .mCSB_scrollTools .mCSB_buttonRight {
        background-position: 0 -56px;
        /*
    sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)
    */
    }

    .sxui .mCS-dark > .mCSB_scrollTools .mCSB_draggerRail {
        background: #C8C8C8;
        width: 18px;
    }

    .sxui .mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: #444444;
        width: 6px;
    }

    .sxui .mCS-light > .mCSB_scrollTools .mCSB_draggerRail {
        background: #C8C8C8;
        width: 10px;
        outline: 1px solid #D0D0D0;
        background: #eeeeee;
        /* Old browsers */
        background: -moz-linear-gradient(left, #eeeeee 0%, white 50%, #eeeeee 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #eeeeee), color-stop(50%, white), color-stop(100%, #eeeeee));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, #eeeeee 0%, white 50%, #eeeeee 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, #eeeeee 0%, white 50%, #eeeeee 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(left, #eeeeee 0%, white 50%, #eeeeee 100%);
        /* IE10+ */
        background: linear-gradient(to right, #eeeeee 0%, white 50%, #eeeeee 100%);
        /* W3C */
    }

    .sxui .mCS-light > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: #666666;
        width: 8px;
    }

    .sxui .select-styler .mCSB_container {
        margin-right: 5px;
    }

    .sxui .select-styler .mCustomScrollBox > .mCSB_scrollTools {
        width: 16px;
        height: 96%;
        top: 2%;
        right: 0;
    }

        .sxui .select-styler .mCustomScrollBox > .mCSB_scrollTools .mCSB_draggerRail {
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;
            border: 1px solid #D0D0D0;
            outline: 0;
        }

    .sxui .select-styler .mCSB_scrollTools .mCSB_dragger {
        padding: 1px 0;
    }

    .sxui .add {
        width: 14px;
        height: 14px;
        background-position: 0 -0px !important;
    }

    .sxui .asterisk {
        width: 7px;
        height: 6px;
        background-position: 0 -48px !important;
    }

    .sxui .captcha {
        /*width: 19px;*/
        height: 18px;
        background-position: 0 -53px !important;
    }

    /*.sxui input[type=checkbox].square + label.square-label {
        width: 21px;
        height: 20px;
        background-position: 0 -71px !important;
    }*/

    /*.sxui input[type=checkbox].square:checked + label.square-label {
        width: 21px;
        height: 20px;
        background-position: 0 -91px !important;
    }*/

    .sxui .radio-off {
        width: 19px;
        height: 19px;
        background-position: 0 -111px !important;
    }

    .sxui .radio-on {
        width: 19px;
        height: 19px;
        background-position: 0 -130px !important;
    }

    .sxui a.current-step:before {
        width: 15px;
        height: 41px;
        background-position: 0 -149px !important;
    }

    .sxui a.future-step:before {
        width: 15px;
        height: 41px;
        background-position: 0 -190px !important;
    }

    .sxui .small-logo {
        width: 150px;
        height: 53px;
        background-position: 0 -264px !important;
    }

    .sxui .medium-logo {
        width: 200px;
        height: 71px;
        background-position: 0 -317px !important;
    }

    .sxui .form-progress a.past-step:before {
        width: 15px;
        height: 41px;
        /*background-position: 0 -388px !important;*/
    }

    .sxui .pencil {
        width: 16px;
        height: 16px;
        background-position: 0 -429px !important;
    }

    .sxui .more-info {
        width: 15px;
        height: 14px;
        background-position: 0 -445px !important;
    }

    .sxui .remove-item:before {
        width: 12px;
        height: 12px;
        background-position: 0 -459px !important;
    }

    .sxui .mCS-dark > .mCSB_scrollTools .mCSB_buttonDown, .sxui .mCS-light > .mCSB_scrollTools .mCSB_buttonDown {
        width: 16px;
        height: 20px;
        background-position: 0 -471px !important;
    }

    .sxui .mCS-dark > .mCSB_scrollTools .mCSB_buttonUp, .sxui .mCS-light > .mCSB_scrollTools .mCSB_buttonUp {
        width: 16px;
        height: 20px;
        background-position: 0 -491px !important;
    }

    .sxui .small-tick {
        width: 16px;
        height: 15px;
        background-position: 0 -511px !important;
    }

    .sxui .mobile-footer a i {
        width: 26px;
        height: 23px;
        background-position: 0 -526px !important;
    }

    .sxui a.current-step:after {
        width: 7px;
        height: 4px;
        background-position: 0 -549px !important;
    }

    .sxui .tri-down {
        width: 7px;
        height: 4px;
        background-position: 0 -553px !important;
    }

    .sxui .detailed .tri-down {
        width: 7px;
        height: 4px;
        background-position: 0 -557px !important;
    }

    .sxui .asterisk-alt {
        width: 7px;
        height: 6px;
        display: inline-block;
        margin: 1px 3px 4px 2px;
    }

    /* line 416, ../scss/_content.scss */
    .sxui .asterisk-alt {
        position: absolute;
        margin-top: 6px;
    }

.asterisk, .asterisk-alt {
    width: 7px;
    height: 6px;
    background-position: 0 -47px !important;
}

.sxui .add, .sxui .small-logo, .sxui .medium-logo, .sxui .mobile-footer a i, .sxui .more-info, .sxui .asterisk, .sxui .asterisk-alt, .sxui .small-tick, .sxui .pencil,
.sxui .detailed .tri-down,
.sxui input[type=checkbox].square + label.square-label, .sxui .tri-down,
.sxui .remove-item:before, .sxui .radio-on, .sxui .radio-off, .sxui .form-progress a.past-step:before, .sxui a.current-step:before,
.sxui a.current-step:after, .sxui a.future-step:before,
.sxui .mCS-dark > .mCSB_scrollTools .mCSB_buttonDown, .sxui .mCS-light > .mCSB_scrollTools .mCSB_buttonDown,
.sxui .mCS-dark > .mCSB_scrollTools .mCSB_buttonUp, .sxui .mCS-light > .mCSB_scrollTools .mCSB_buttonUp, .sxui .apple, .sxui .google {
    background: url(../../img/sprites/sprites.png) no-repeat;
}

.textbox-progress {
    position: absolute;
    display: block;
    top: 38px;
    right: 72px;
    width: 16px;
    height: 16px;
    background: url(../../img/ajax-loader.gif) no-repeat;
}


.slider-steps i span {
    font-style: normal !important;
}

.submit-loader {
    width: 24px;
    height: 24px;
    background: url(../../img/non-sprite/submit-loader.gif);
    display: inline-block;
    position: relative;
    top: 4px;
    right: 4px;
    float: right;
    display: none;
}

.button {
    line-height: 21px !important;
}

.success-watermark {
    background-image: url('../../img/sprites/small-tick.png') !important;
    background-repeat: no-repeat !important;
    width: 16px;
    height: 15px;
    float: right;
    position: relative;
    margin: 8px 0px -25px 0;
}

.tooltip-mobile {
    display: inline-block !important;
}

.tooltip-desktop {
    display: none !important;
}
/*-----------------------------------------------------
- Media css queries
-------------------------------------------------------*/
@media all and (max-width: 526px) {
    .sxui .line-fix .select-btn:last-child {
        line-height: 28px;
    }
}


@media all and (min-width: 769px) {
    .sxui .mobile-nav, .sxui .mobile-header, .sxui .mobile-footer, .sxui .hwd {
        display: none;
    }

    .sxui .hwm {
        display: block;
    }

    .sxui .left-column {
        float: left;
        max-width: 480px;
        width: 100%;
        position: relative;
    }

    .sxui .right-column {
        float: right;
        max-width: 240px;
        width: 240px;
        margin: 0;
        position: relative;
    }
}

@media all and (min-width: 769px) {
    .sxui .form-progress a span:nth-child(2), .sxui .form-progress a:visited span:nth-child(2) {
        display: none;
    }

    .sxui .form-progress a span:nth-child(3), .sxui .form-progress a:visited span:nth-child(3) {
        display: block;
    }

    .sxui .line-fix .select-btn:last-child {
        line-height: 28px;
    }
}

@media all and (min-width: 481px) {
    .sxui .mobile-header {
        height: 115px;
    }

        .sxui .mobile-header .small-logo {
            display: none;
        }

        .sxui .mobile-header .medium-logo {
            display: block;
        }

    .sxui .head .small-logo {
        display: none;
    }

    .sxui .head .medium-logo {
        display: block;
    }

    .sxui .mobile-nav .head {
        height: 115px;
    }

    .sxui .mobile-nav .mobile-nav-toggle {
        top: 45px;
        right: -50px;
    }

        .sxui .mobile-nav .mobile-nav-toggle i {
            width: 30px;
            height: 5px;
        }

            .sxui .mobile-nav .mobile-nav-toggle i:nth-child(1) {
                top: 0;
            }

            .sxui .mobile-nav .mobile-nav-toggle i:nth-child(2) {
                top: 9px;
            }

            .sxui .mobile-nav .mobile-nav-toggle i:nth-child(3) {
                top: 18px;
            }

    .tooltip-mobile {
        display: none !important;
    }

    .tooltip-desktop {
        display: inline-block !important;
    }
}

@media all and (max-width: 769px) {

    html.menuOpen {
        background-color: #2993ce;
        background-image: none;
    }

    body {
        overflow-x: hidden;
    }

        body .wrapper {
            left: 0 !important;
            position: relative;
            -webkit-transition: left 600ms cubic-bezier(0, 1, 0.5, 1);
            -moz-transition: left 600ms cubic-bezier(0, 1, 0.5, 1);
            -ms-transition: left 600ms cubic-bezier(0, 1, 0.5, 1);
            -o-transition: left 600ms cubic-bezier(0, 1, 0.5, 1);
            transition: left 600ms cubic-bezier(0, 1, 0.5, 1);
        }

    html.menuOpen body .wrapper {
        left: 270px !important;
    }

    .container_12.footer, .container_12 .legalContent {
        display: none !important;
    }
}

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

    .sxui .info-tabs .tab-title p {
        width: 85%!important;
    }
}

@media all and (max-width: 480px) {
    .responsive .sxui .flex-right {
        max-width: 100%;
        width: 100%;
        margin-top: 0;
    }

    .responsive .sxui .flex-left {
        float: left;
        width: 100%;
    }
}


.sxui fieldset.widget {
    padding: 0;
}

a.button {
    text-align: center;
}

@media screen and (max-width: 480px) {
    .button.mobile-full-width {
        width: 100% !important;
    }

    a.button.mobile-full-width {
        display: block;
    }

    .flex-left.mobile-clear {
        height: 0;
        margin: 0;
        padding: 0;
    }
}