/*#region CSS amis social insurance */
.social-insurance {
    font-family: GoogleSans, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #000;
}

/*#region Banner */
.banner {
    background: url(/sites/amis/images/pages/amis-social-insurance/bg-banner.svg) no-repeat;
    background-position: center;
    background-size: cover;
}

.b-content {
    height: 600px;
}

.b-title {
    font-family: GoogleSans Bold, Arial, sans-serif;
    font-size: 28px;
    line-height: 1.42857143;
    padding-bottom: 15px;
}

.b-subtitle {
    font-size: 18px;
    line-height: 1.42857143;
    padding-bottom: 40px;
}

.b-button {
    display: inline-flex;
}

    .b-button a {
        display: inline-block;
        color: #FFF;
        border-radius: 4px;
        overflow: hidden;
        height: 44px;
        width: 160px;
        line-height: 44px;
        font-family: GoogleSans Medium, Arial, sans-serif;
        text-align: center;
    }

        .b-button a:not(:last-child) {
            margin-right: 15px;
        }

        .b-button a.buy {
            background: #FFAE24;
        }

        .b-button a.advisory {
            background: #FFF;
            border: solid 1px #D1D1D1;
            color: #019160;
        }

        .b-button a.manual {
            background: #019160;
            font-size: 14px;
        }


.b-image {
    z-index: 1;
    margin: 0 auto;
}

.b-image-background {
    position: absolute;
    top: -155px;
    z-index: 0;
    margin-left: -50px;
}

.img-resolution {
    position: absolute;
    z-index: 1;
    top: 140px;
    margin-left: -80px;
}

.logo-banner {
    padding-bottom: 20px;
}

/*#endregion*/

/*#region Video */
.video {
    padding: 60px 0 0;
    text-align: center
}

.v-title {
    font-family: GoogleSans Bold, Arial, sans-serif;
    font-size: 26px;
    padding-bottom: 30px;
    line-height: 1.3;
}

.v-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .v-content a {
        position: relative;
    }

.v-play-image {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
}

.v-content:hover .v-video-image {
    opacity: 0.85;
    transition: all 0.15s 0.15s linear;
}

.v-content:hover .v-play-image {
    opacity: 1;
    transform: scale(1.2);
    transition: all 0.15s 0.15s linear;
}

.v-button {
    background: -moz-linear-gradient(0, #F6F6F6, #E9EBEE);
    background: -o-linear-gradient(0, #F6F6F6, #E9EBEE);
    background: linear-gradient(0, #F6F6F6, #E9EBEE);
    background: -webkit-linear-gradient(90deg, #F6F6F6, #E9EBEE);
    padding: 50px 0 15px;
    margin-top: -40px;
}

.vb-content {
    position: relative;
}

.vb-button {
    display: inline-flex;
}

    .vb-button a {
        display: inline-block;
        color: #FFF;
        border-radius: 4px;
        overflow: hidden;
        height: 44px;
        width: 160px;
        line-height: 44px;
        font-family: GoogleSans Medium, Arial, sans-serif;
        text-align: center;
    }

        .vb-button a.manual {
            background: #019160;
            font-size: 14px;
        }

        .vb-button a.buy {
            background: #FFAE24;
            margin: 0 15px;
        }

        .vb-button a.advisory {
            background: #FFF;
            border: solid 1px #D1D1D1;
            color: #019160;
        }

.v-left-image {
    display: none;
    position: absolute;
    top: -120px;
    left: -90px;
}

.v-right-image {
    display: none;
    position: absolute;
    top: -190px;
    right: -90px;
}
/*#endregion*/

/*#region Introduction */
.i-region {
    padding: 60px 0;
    position: relative;
}

    .i-region:nth-child(1) {
        background: url(/sites/amis/images/pages/amis-social-insurance/bg-introduction.svg) no-repeat;
        background-position: center;
        background-size: cover;
    }

    .i-region:nth-child(2) {
        background: #F1FFFA;
    }

    .i-region:nth-child(5) {
        background: #000B36;
        color: #FFF;
    }

        .i-region:nth-child(5) .ir-check {
            background: url(/sites/amis/images/pages/amis-social-insurance/ic-white-check.svg) no-repeat;
            color: #FFF;
        }

.ir-title {
    font-family: GoogleSans Bold, Arial, sans-serif;
    font-size: 32px;
    padding-bottom: 20px;
    line-height: 1.3;
}

.ir-check {
    background: url(/sites/amis/images/pages/amis-social-insurance/ic-green-check.svg) no-repeat;
    background-position: left;
    background-position-y: -1px;
    margin-bottom: 25px;
    padding: 1px 0 0 40px;
    color: #454545;
}

    .ir-check:last-child {
        margin-bottom: 0;
    }
/*#endregion*/

/*#region Security */
.security {
    padding: 60px 0;
}

.s-title {
    font-family: GoogleSans Bold, Arial, sans-serif;
    font-size: 32px;
    padding-bottom: 30px;
}

.s-content ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin-left: -10px;
    margin-right: -10px;
}

    .s-content ul li {
        width: 20%;
        padding: 0 10px;
        margin: 0;
        -webkit-flex-basis: auto;
        -moz-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

.s-box {
    text-align: center;
}

.sb-image {
    border: solid 1px #96E2C9;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 20px;
}

.sb-title {
    font-size: 14px;
    color: #454545;
}
/*#endregion*/

/*#region register */

.section-register {
    padding: 50px 0;
}

.section-register-title {
    font-family: GoogleSans Bold, Arial, sans-serif;
    font-size: 26px;
    text-align: center;
}

.register-wrap {
    padding: 30px 0 0;
}

.register-img {
    margin: 0 auto;
}

.register-form-title {
    font-family: GoogleSans Bold, Arial, sans-serif;
    font-size: 20px;
    text-align: center;
    padding-bottom: 20px;
}

.register-form {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 0 16px 8px rgba(0, 0, 0, 0.05);
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    font-size: 16px;
}

    .register-form form[lz-id='4f70222a-0bb0-4a0e-b0dd-e494450dd30a'].private-form {
        background-color: transparent !important;
        padding: 0 !important;
    }

        .register-form form[lz-id='4f70222a-0bb0-4a0e-b0dd-e494450dd30a'].private-form .form-row {
            margin: 0 !important;
        }

            .register-form form[lz-id='4f70222a-0bb0-4a0e-b0dd-e494450dd30a'].private-form .form-row .field-wrapper {
                padding: 8px !important;
            }

                .register-form form[lz-id='4f70222a-0bb0-4a0e-b0dd-e494450dd30a'].private-form .form-row .field-wrapper .field-inner {
                    padding: 0 !important;
                }

                    .register-form form[lz-id='4f70222a-0bb0-4a0e-b0dd-e494450dd30a'].private-form .form-row .field-wrapper .field-inner * {
                        font-size: 16px !important;
                    }

                    .register-form form[lz-id='4f70222a-0bb0-4a0e-b0dd-e494450dd30a'].private-form .form-row .field-wrapper .field-inner .lz-input:not([type="radio"]):not([type="checkbox"]) {
                        font-size: 16px !important;
                        outline: none !important;
                        z-index: 100 !important;
                    }

                    .register-form form[lz-id='4f70222a-0bb0-4a0e-b0dd-e494450dd30a'].private-form .form-row .field-wrapper .field-inner .lz-input::-webkit-input-placeholder {
                        font-size: 16px !important;
                    }

        .register-form form[lz-id='4f70222a-0bb0-4a0e-b0dd-e494450dd30a'].private-form .submit-wrapper .btn-form-submit {
            width: auto !important;
            border-radius: 5px !important;
            padding: 0 30px !important;
            font-size: 16px !important;
            font-weight: normal !important;
            background: #019160 !important;
            margin-top: 15px !important;
        }

        .register-form form[lz-id='4f70222a-0bb0-4a0e-b0dd-e494450dd30a'].private-form .submit-wrapper {
            padding: 0 !important
        }
		
@media(min-width: 980px) {
	.register-wrap {
		display: flex;
		align-items: center;
	}
}

@media(max-width: 979px) {
	.register-img {
		display: none;
	}
	
	.section-register-title {
		font-size: 24px;
	}
}

/*#endregion */

/*#region Button */
.button {
    background: #F1FFFA;
    padding: 60px 0;
}

.bu-title {
    font-family: GoogleSans Bold, Arial, sans-serif;
    font-size: 24px;
    letter-spacing: -0.4px;
    padding-bottom: 30px;
    text-align: center;
    line-height: 1.3;
}

.bu-left {
    text-align: center;
}

.bu-right img {
    margin: 0 auto;
}

.bu-button {
    display: inline-flex;
}

    .bu-button a {
        display: inline-block;
        color: #FFF;
        border-radius: 4px;
        overflow: hidden;
        height: 44px;
        width: 160px;
        line-height: 44px;
        font-family: GoogleSans Medium, Arial, sans-serif;
        text-align: center;
    }

        .bu-button a.manual {
            background: #019160;
            font-size: 14px;
        }

        .bu-button a.buy {
            background: #FFAE24;
            margin: 0 15px;
        }

        .bu-button a.advisory {
            background: #FFF;
            border: solid 1px #D1D1D1;
            color: #019160;
        }
/*#endregion*/

/*#region Responsive*/
@media (max-width: 1920px) {
    .bg-line {
        position: absolute;
        top: 0px;
        z-index: 0;
        height: 505px;
        left: 400px;
    }
}

@media (max-width: 1366px) {
    .bg-line {
        left: 320px;
    }
}

@media (min-width: 980px) {
    /*#region Banner */
    .b-content {
        display: flex;
        align-items: center;
    }

    .b-left {
        width: 55%;
    }

    .b-right {
        width: 45%;
    }

    .b-image {
        position: absolute;
        top: 150px;
        margin-left: 50px;
        width: 600px;
    }

    /*#endregion*/
    /*#region Introduction */
    .i-flex {
        display: flex;
        align-items: center;
    }

    .i-left {
        width: 50%;
        padding-right: 15px;
    }

    .i-right {
        width: 50%;
        padding-left: 15px;
        display: flex;
        justify-content: flex-end;
    }

    .i-region:nth-child(2n) {
        direction: rtl;
    }

        .i-region:nth-child(2n) .i-left {
            direction: ltr;
            padding: 0 0 0 30px;
        }

        .i-region:nth-child(2n) .i-right {
            padding: 0 30px 0 0;
        }

    .i-region:nth-child(4) .img-cubes {
        width: 780px;
        position: absolute;
        top: 0;
        right: 47%;
        z-index: 0;
    }

    .i-region:nth-child(4) .img-introduction {
        z-index: 2;
    }

    /* Responsive*/

    /*#region Button */
    .bu-content {
        display: flex;
        align-items: center;
        direction: rtl;
    }

    .bu-left {
        width: 50%;
        padding-left: 5px;
        direction: ltr;
    }

    .bu-right {
        width: 50%;
        padding-right: 5px;
    }
    /*#endregion*/
}

@media (min-width: 1280px) {
    /*#region Video */
    .v-left-image {
        display: block;
    }

    .v-right-image {
        display: block;
    }
    /*#endregion*/
}

@media (min-width: 1366px) {
    /*#region Banner */
    .b-image {
        max-width: unset;
    }
    /*#endregion*/
}

@media (max-width: 1099px) {
    /*#region Banner */
    .b-button a {
        width: 148px;
    }

    /*#endregion*/

    /*#region Video */
    .vb-button a {
        width: 148px;
    }

        .vb-button a.buy {
            background: #FFAE24;
        }
    /*#endregion*/

    /*#region Button */
    .bu-title {
        letter-spacing: 0;
    }

    .bu-button a {
        width: 148px;
    }

    /*#endregion*/
}

@media (max-width: 979px) {
    /*#region Banner */
    .banner {
        padding: 40px 0;
        text-align: center
    }

    .b-content {
        height: auto;
    }

    .b-left {
        padding-bottom: 40px;
        position: relative;
        z-index: 2;
    }

    .b-button a {
        width: 160px;
    }

    .b-right {
        width: 80%;
        margin: 0 auto;
        position: relative;
    }

    .b-image-background {
        display: none;
    }

    .logo-banner {
        display: flex;
        justify-content: center;
    }

    .b-image {
        display: none;
    }

    .img-resolution {
        top: -60px;
        margin-left: -15px;
        width: 120px;
    }

    /*#endregion*/

    /*#region Video */
    .video {
        padding: 40px 0 0;
    }

    .vb-button a {
        width: 160px;
    }

        .vb-button a.buy {
            background: #FFAE24;
            margin: 0 15px;
        }

    .v-title br {
        display: none;
    }
    /*#endregion*/
    /*#region Introduction */
    .i-region {
        padding: 40px 0;
    }

    .i-left {
        padding-bottom: 40px;
    }

    .i-right {
        width: 80%;
        margin: 0 auto;
    }

        .i-right img {
            margin: 0 auto;
        }

    .i-region:nth-child(4) {
        background: #F1FFFA;
    }

        .i-region:nth-child(4) .i-right {
            background: #3FAD79;
            border-radius: 5px;
            padding: 15px;
        }

        .i-region:nth-child(4) .img-cubes {
            display: none;
        }

    .bg-line {
        display: none;
    }

    .ir-title {
        text-align: center;
    }
    /*#endregion*/
    /*#region Security */
    .security {
        padding: 40px 0;
    }
    /*#endregion*/

    /*#region Button */
    .button {
        padding: 40px 0;
    }

    .bu-button a {
        width: 160px;
    }

        .bu-button a.buy {
            margin: 0 15px;
        }

    .bu-left {
        padding-bottom: 40px;
    }

    .bu-right {
        width: 80%;
        margin: 0 auto;
    }
    /*#endregion*/
}

@media (max-width: 767px) {
    /*#region Banner */
    .b-title {
        font-size: 24px;
    }

        .b-title br {
            display: none;
        }

    .b-button {
        display: inline-grid;
    }

        .b-button a:not(:last-child) {
            margin-bottom: 15px;
            margin-right: 0;
        }

    .b-right {
        width: 100%;
    }
    /*#endregion*/

    /*#region Video */
    .v-title {
        font-size: 24px;
    }

    .v-button {
        padding: 50px 0 20px;
    }

    .vb-button {
        display: inline-grid;
    }

        .vb-button a {
            margin-bottom: 15px;
        }

            .vb-button a:last-child {
                margin-bottom: 0;
            }

            .vb-button a.buy {
                margin: 0 0 15px;
            }
    /*#endregion*/

    /*#region Introduction */
    .ir-title {
        font-size: 24px;
    }

    .i-right {
        width: 100%;
    }
    /*#endregion*/

    /*#region Security */
    .s-title {
        font-size: 24px;
        text-align: center;
    }

    .s-content ul li {
        width: 50%;
        margin-bottom: 30px;
    }

        .s-content ul li:last-child {
            margin: 0 auto;
        }
    /*#endregion*/

    /*#region Button */
    .bu-button {
        display: inline-grid;
    }

        .bu-button a {
            margin-bottom: 15px;
        }

            .bu-button a:last-child {
                margin-bottom: 0;
            }

            .bu-button a.buy {
                margin: 0 0 15px;
            }

    .bu-right {
        width: 100%;
    }
    /*#endregion*/
}

/*#endregion*/
@media (max-width: 375px) {
    .v-title, .ir-title {
        font-size: 20px;
    }
}
/*#endregion*/