/* _content/VNNSoftApp/Components/Modal/BlazoredModal.razor.rz.scp.css */

.blazored-modal-container[b-eq4e1c2h44] {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    justify-content: center;
    align-items: center;
}

.blazored-modal-overlay[b-eq4e1c2h44] {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 101;
    background-color: rgba(0,0,0,0.5);
}

.blazored-modal-active[b-eq4e1c2h44] {
    display: flex;
    z-index: 10000;
}

.blazored-modal[b-eq4e1c2h44] {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
/*    border: 1px solid #fff;
    padding: 1.5rem;*/
    box-shadow: 0 2px 2px rgba(0,0,0,.25);
}

.blazored-modal-header[b-eq4e1c2h44] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 3px 1em;
    font-size: 14px;
    position: relative;
    height: 30px;
    line-height: 30px;
    background: #72af22;
    color: #ffffff;
}

.blazored-modal-content[b-eq4e1c2h44] {
    position: relative;
    border: 0;
    padding: 15px;
    background: #ffffff;
}


.blazored-modal-title[b-eq4e1c2h44] {
    margin-bottom: 0;
}

.blazored-modal-close[b-eq4e1c2h44] {
    padding: 1.1rem 0.8rem;
    margin: -1rem -1rem -1rem auto;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: bold;
    color: white;
}

.blazored-modal-center[b-eq4e1c2h44] {
    align-items: center;
    justify-content: center;
}

.blazored-modal-wrapper[b-eq4e1c2h44] {
    z-index: 102;
    background: white;
    /*padding: 10px;*/
    background: white;
    margin-top: -120px;
}

.blazored-modal-topleft .blazored-modal-wrapper[b-eq4e1c2h44] {
    position: absolute;
    top: 32px;
    left: 32px;
}

.blazored-modal-topright .blazored-modal-wrapper[b-eq4e1c2h44] {
    position: absolute;
    top: 32px;
    right: 32px;
}

.blazored-modal-bottomleft .blazored-modal-wrapper[b-eq4e1c2h44] {
    position: absolute;
    bottom: 32px;
    left: 32px;
}

.blazored-modal-bottomright .blazored-modal-wrapper[b-eq4e1c2h44] {
    position: absolute;
    bottom: 32px;
    right: 32px;
}
/* _content/VNNSoftApp/Pages/Auth/Profile.razor.rz.scp.css */

.login-vnnsoft[b-6thrywmzj2] {
    border-top: 1px solid #efefef;
    padding: 150px 0 14px;
    text-align: center;
    position: relative;
}

.login-vnnsoft h1[b-6thrywmzj2] {
    font-size: 42px;
    font-weight: 300;
    color: #000;
    margin: 0 0 13px;
}

.login-vnnsoft p[b-6thrywmzj2] {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 48px;
    color: #42464e;
}

.login-vnnsoft .login-channel .image[b-6thrywmzj2] {
    height: 82px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0 0 27px;
}

.login-vnnsoft .login-channel .image img[b-6thrywmzj2] {
    max-width: 100%;
    max-height: 82px;
}

.login-vnnsoft .login-channel .btn-registration[b-6thrywmzj2] {
    font-size: 16px;
    font-weight: 400;
    width: 180px;
    padding: 0 10px;
    height: 45px;
    line-height: 45px;
    outline: none;
    background-image: -moz-linear-gradient(0deg,rgba(242,142,38,.99608) 0%,#fd644f 100%);
    background-image: -webkit-linear-gradient(0deg,rgba(242,142,38,.99608) 0%,#fd644f 100%);
    background-image: -ms-linear-gradient(0deg,rgba(242,142,38,.99608) 0%,#fd644f 100%);
}

.login-vnnsoft .scroll-down[b-6thrywmzj2] {
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translateX(-50%);
    text-decoration: none;
    color: #b10a1a;
}

.login-vnnsoft .scroll-down i[b-6thrywmzj2] {
    animation: bounce-b-6thrywmzj2 2s infinite;
    font-size: 28px;
    display: block;
}

.affiliate[b-6thrywmzj2] {
    background: url(/images/login-bg-min.png) no-repeat bottom center;
    padding: 206px 0 217px;
}

.affiliate p[b-6thrywmzj2] {
    color: #000;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.2;
    margin: 0 0 15px;
}

.affiliate h2[b-6thrywmzj2] {
    font-size: 32px;
    font-weight: bold;
    color: #ee4d2d;
    line-height: 1.2;
    margin: 0 0 88px;
}

.affiliate .block-content[b-6thrywmzj2] {
    text-align: left;
}

.affiliate .block-content p[b-6thrywmzj2] {
    line-height: 32px;
    margin: 0 0 15px;
}

.affiliate .block-content .price[b-6thrywmzj2] {
    text-transform: uppercase;
    font-size: 21px;
    line-height: 1.2;
    color: #FFB501;
    font-weight: bold;
    margin: 0 0 45px;
}

.affiliate .block-content .price span[b-6thrywmzj2] {
    display: block;
    text-transform: initial;
    font-weight: 900;
    font-size: 72px;
    line-height: 1;
    letter-spacing: 4px;
    margin: 0 0 10px;
}

.affiliate .block-content .btn-registration[b-6thrywmzj2] {
    height: 60px;
    line-height: 60px;
    width: 230px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.btn-registration[b-6thrywmzj2] {
    color: #fff;
    background: #2ad38b;
    background: linear-gradient(to right, rgb(2 134 255), rgb(1 135 255));
    border-radius: 45px;
    display: inline-block;
    line-height: 63px;
    padding: 0 35px;
    outline: none;
    -webkit-user-select: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    white-space: nowrap;
    font-size: 16px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

@-webkit-keyframes bounce {
    0%,10%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40%,60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@media (max-width: 767px) {
    .login-vnnsoft[b-6thrywmzj2] {
        padding: 40px 0 0;
    }

    .login-vnnsoft h1[b-6thrywmzj2] {
        font-size: 28px;
        line-height: normal;
    }

    .login-vnnsoft p[b-6thrywmzj2] {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .login-vnnsoft .login-channel[b-6thrywmzj2] {
        margin-bottom: 30px;
    }

    .affiliate[b-6thrywmzj2] {
        background: #eef7ff;
        padding: 40px 0;
    }

    .affiliate p[b-6thrywmzj2] {
        font-size: 18px;
        line-height: 1.2;
    }

    .affiliate h2[b-6thrywmzj2] {
        margin: 0 0 30px;
        font-size: 26px;
    }

    .affiliate .block-content[b-6thrywmzj2] {
        text-align: center;
    }

    .affiliate .block-content p[b-6thrywmzj2] {
        line-height: 1.2;
    }

    .affiliate .block-content .price[b-6thrywmzj2] {
        font-size: 18px;
        margin: 0 0 10px;
    }

    .affiliate .block-content .price span[b-6thrywmzj2] {
        font-size: 50px;
    }

    .affiliate .block-content .btn-registration[b-6thrywmzj2] {
        height: 45px;
        line-height: 45px;
        width: auto;
        padding: 0 40px;
        font-size: 18px;
    }
}

@keyframes bounce-b-6thrywmzj2 {
    0%,10%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40%,60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
/* _content/VNNSoftApp/Pages/Customers.razor.rz.scp.css */

.khach-hang-noi-bat[b-8jwyktore9] {
    position: relative;
    overflow: hidden;
}

.khach-hang-noi-bat .banner[b-8jwyktore9] {
    padding: 176px 0 0;
    position: relative;
}

    .khach-hang-noi-bat .slide-customer .swiper-wrapper .swiper-slide img[b-8jwyktore9] {
        padding-top: 80px;
        margin-left: 30px;
        width: 600px;
    }

    .khach-hang-noi-bat .banner[b-8jwyktore9]:before {
        content: "";
        width: 100%;
        height: 733px;
        background: url(/images/bg-banner.png) no-repeat top center;
        position: absolute;
        top: 0;
        left: 0;
        background-position-y: -70px;
    }

    .khach-hang-noi-bat .banner h1[b-8jwyktore9] {
        font-size: 42px;
        line-height: 1.2;
        font-weight: 300;
        color: #ee4d2d;
        margin: 0 0 16px;
        font-weight: bold;
        text-align: left;
    }

    .khach-hang-noi-bat .banner p[b-8jwyktore9] {
        font-size: 20px;
        line-height: 1.5;
        font-weight: 300;
        color: #42464e;
        margin: 0 0 30px;
    }

    .khach-hang-noi-bat .banner .btn-registration[b-8jwyktore9] {
        background-image: -moz-linear-gradient(0deg,rgba(242,142,38,.99608) 0%,#fd644f 100%);
        background-image: -webkit-linear-gradient(0deg,rgba(242,142,38,.99608) 0%,#fd644f 100%);
        background-image: -ms-linear-gradient(0deg,rgba(242,142,38,.99608) 0%,#fd644f 100%);
        font-size: 26px;
        height: 74px;
        line-height: 74px;
    }

    .khach-hang-noi-bat .banner .block-slide[b-8jwyktore9] {
        position: relative;
        top: -120px;
        left: 40px;
    }

        .khach-hang-noi-bat .banner .block-slide .slide-customer[b-8jwyktore9] {
            position: relative;
            margin: 0 -60px;
        }

            .khach-hang-noi-bat .banner .block-slide .slide-customer .swiper-container[b-8jwyktore9] {
                padding: 0 60px;
            }

            .khach-hang-noi-bat .banner .block-slide .slide-customer h3[b-8jwyktore9] {
                font-size: 16px;
                line-height: 29px;
                text-align: center;
                background: url(/images/bg-title.png) no-repeat top center;
                font-weight: initial;
                height: 29px;
                margin-top: -10px;
            }

            .khach-hang-noi-bat .banner .block-slide .slide-customer p[b-8jwyktore9] {
                font-size: 16px;
                text-align: center;
                font-weight: initial;
                margin-bottom: 5px;
            }

    .khach-hang-noi-bat .banner p[b-8jwyktore9] {
        font-size: 20px;
        line-height: 1.5;
        font-weight: 300;
        color: #42464e;
        margin: 0 0 30px;
    }

    .khach-hang-noi-bat .banner .block-slide .slide-customer .swiper-pagination[b-8jwyktore9] {
        left: 50%;
        transform: translateX(-50%);
    }

        /*.khach-hang-noi-bat .banner .block-slide .slide-customer .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #0dc57d !important;
        }

        .khach-hang-noi-bat .banner .block-slide .slide-customer .swiper-pagination .swiper-pagination-bullet {
            width: 14px;
            height: 14px;
            margin: 0 3.5px;
            background: #fff;
            border: 1px solid #0dc57d;
            opacity: 1;
            outline: none;
        }*/

    .khach-hang-noi-bat .banner .block-slide .slide-customer .swiper-button-next[b-8jwyktore9] {
        background-image: url(/images/arrow-right.png);
        width: 15px;
        height: 12px;
        background-size: contain;
        left: 50%;
        transform: translateX(-50%);
        top: 102%;
        margin-left: 61px;
        margin-top: 0;
        outline: none;
    }

    .khach-hang-noi-bat .banner .block-slide .slide-customer .swiper-button-prev[b-8jwyktore9] {
        background-image: url(/images/arrow-left.png);
        width: 15px;
        height: 12px;
        background-size: contain;
        left: 50%;
        transform: translateX(-50%);
        top: 102%;
        margin-top: 0;
        margin-left: -61px;
        outline: none;
    }

.khach-hang-noi-bat .swiper-button-next[b-8jwyktore9]:after, .khach-hang-noi-bat .swiper-container-rtl .swiper-button-prev[b-8jwyktore9]:after {
    display: none;
}

.khach-hang-noi-bat .swiper-button-prev[b-8jwyktore9]:after, .khach-hang-noi-bat .swiper-container-rtl .swiper-button-next[b-8jwyktore9]:after {
    display: none;
}

@media (max-width: 767px) {
    .khach-hang-noi-bat .banner[b-8jwyktore9] {
        padding: 30px 0 50px;
    }

        .khach-hang-noi-bat .banner[b-8jwyktore9]:before {
            height: 100%;
            background-size: cover;
            background-position-y: 0;
        }

        .khach-hang-noi-bat .banner h1[b-8jwyktore9] {
            font-size: 28px;
            text-align: center;
        }

        .khach-hang-noi-bat .banner p[b-8jwyktore9] {
            font-size: 18px;
            text-align: center;
            margin-bottom: 0;
        }

        .khach-hang-noi-bat .banner .block-content .button[b-8jwyktore9] {
            text-align: center;
            padding-top: 15px;
        }

            .khach-hang-noi-bat .banner .block-content .button a[b-8jwyktore9] {
                font-size: 16px;
                height: 58px;
                line-height: 58px;
                width: initial;
                padding: 0 20px;
                margin-bottom: 15px;
            }

        .khach-hang-noi-bat .banner .block-slide[b-8jwyktore9] {
            top: 0;
            left: 0;
        }

            .khach-hang-noi-bat .banner .block-slide .slide-customer[b-8jwyktore9] {
                margin: 0;
            }

                .khach-hang-noi-bat .banner .block-slide .slide-customer .swiper-container[b-8jwyktore9] {
                    padding: 0;
                }

                    .khach-hang-noi-bat .banner .block-slide .slide-customer .swiper-container img[b-8jwyktore9] {
                        max-width: 100%;
                        padding-top: 10px;
                        margin-left: 0;
                    }

                .khach-hang-noi-bat .banner .block-slide .slide-customer h3[b-8jwyktore9] {
                    margin-top: 0;
                }

            .khach-hang-noi-bat .banner .block-slide .swiper-button-prev[b-8jwyktore9], .khach-hang-noi-bat .banner .block-slide .swiper-button-next[b-8jwyktore9] {
                top: 103% !important;
            }
}

@media (max-width: 1199px) {
    .khach-hang-noi-bat .banner[b-8jwyktore9] {
        padding-bottom: 40px;
    }
}

/* _content/VNNSoftApp/Pages/Features/Feature01.razor.rz.scp.css */
.function-page[b-w2vy1axe8g] {
    overflow: hidden;
    position: relative;
}

    .function-page[b-w2vy1axe8g]:before {
        content: "";
        height: 716px;
        width: 100%;
        top: 0;
        left: 0;
        background: url(/images/bg-function.png) no-repeat top center;
        position: absolute;
    }


.function-page .function-content .item .block-content h2[b-w2vy1axe8g] {
    font-weight: 300;
    font-size: 36px;
    margin: 0;
    margin-bottom: 15px;
}

.register-bottom h2[b-w2vy1axe8g] {
    font-size: 42px;
    font-weight: 300;
    line-height: 56px;
    margin: 0 0 10px;
}

.register-bottom p[b-w2vy1axe8g] {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 15px;
}

.register-bottom .reg-form .btn-registration[b-w2vy1axe8g] {
    border: 2px solid #fff;
    line-height: 61px !important;
    background: none;
}

.register-bottom .reg-form .btn-registration[b-w2vy1axe8g] {
    height: 65px;
    line-height: 65px;
    padding: 0 45px;
    font-size: 24px;
    vertical-align: top;
}





@media (max-width: 767px) {
    

    .function-page .function-content[b-w2vy1axe8g] {
        padding-top: 30px;
    }

        .function-page .function-content .item[b-w2vy1axe8g] {
            margin-bottom: 40px;
        }

            .function-page .function-content .item .block-img[b-w2vy1axe8g] {
                margin: 0 0 30px;
            }

                .function-page .function-content .item .block-img img[b-w2vy1axe8g] {
                    max-height: 250px;
                }

            .function-page .function-content .item .block-content[b-w2vy1axe8g] {
                padding: 0 15px !important;
            }

                .function-page .function-content .item .block-content h2[b-w2vy1axe8g] {
                    font-size: 24px;
                }


    .register-bottom[b-w2vy1axe8g] {
        background-size: cover !important;
    }

        .register-bottom h2[b-w2vy1axe8g] {
            font-size: 25px;
            line-height: 32px;
        }

        .register-bottom p[b-w2vy1axe8g] {
            font-size: 18px;
        }

        .register-bottom .reg-form .btn-registration[b-w2vy1axe8g] {
            line-height: 58px;
            height: 65px;
            font-size: 20px;
        }
}


.function-page .function-content[b-w2vy1axe8g] {
    padding-top: 50px;
    position: relative;
}

    .function-page .function-content .item[b-w2vy1axe8g] {
        margin-bottom: 80px;
    }

        .function-page .function-content .item .block-img[b-w2vy1axe8g] {
            text-align: center;
        }

            .function-page .function-content .item .block-img img[b-w2vy1axe8g] {
                max-width: 100%;
            }

        .function-page .function-content .item .block-content[b-w2vy1axe8g] {
            text-align: left;
        }




            .function-page .function-content .item .block-content p[b-w2vy1axe8g] {
                font-size: 18px;
                margin: 0 0 10px;
                text-align: justify;
            }

    .function-page .function-content p[b-w2vy1axe8g] {
        text-align: center;
        color: #42464e;
        font-size: 22px;
        font-weight: 300;
        margin: 0 0 80px;
    }


    .function-page .function-content .item .block-content a[b-w2vy1axe8g] {
        font-size: 18px;
        font-weight: 300;
        color: #0fd186;
    }




.register-bottom[b-w2vy1axe8g] {
    text-align: center;
    padding: 30px 0 45px;
    color: #fff;
    padding: 30px 0 45px;
    background: url(/images/bg-register-bottom-web.png) no-repeat top center;
    color: #fff;
}


  

    .register-bottom .reg-form input[b-w2vy1axe8g] {
        width: 500px;
        height: 65px;
        line-height: 65px;
        font-size: 16px;
        color: #575757;
        padding: 0 20px;
        margin-right: 15px;
        border-radius: 38px;
        border: none;
        outline: none;
        vertical-align: top;
    }


.btn-registration[b-w2vy1axe8g] {
    color: #fff;
    background: #2ad38b;
    background: linear-gradient(to right,#2ad38b,#0cceb0);
    border-radius: 45px;
    display: inline-block;
    line-height: 63px;
    padding: 0 35px;
    outline: none;
    -webkit-user-select: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    white-space: nowrap;
    font-size: 16px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}


    .btn-registration[b-w2vy1axe8g]:before {
        content: "";
        border-radius: 45px;
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,.04);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        transition: all .5s ease-out;
    }

    .btn-registration:hover[b-w2vy1axe8g]:before, .btn-registration:focus[b-w2vy1axe8g]:before, .btn-registration:active[b-w2vy1axe8g]:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
/* _content/VNNSoftApp/Pages/Features/Feature02.razor.rz.scp.css */
.function-page[b-9w3wuv2kgf] {
    overflow: hidden;
    position: relative;
}

    .function-page[b-9w3wuv2kgf]:before {
        content: "";
        height: 716px;
        width: 100%;
        top: 0;
        left: 0;
        background: url(/images/bg-function.png) no-repeat top center;
        position: absolute;
    }


    .function-page .function-content .item .block-content h2[b-9w3wuv2kgf] {
        font-weight: 300;
        font-size: 36px;
        margin: 0;
        margin-bottom: 15px;
    }

.register-bottom h2[b-9w3wuv2kgf] {
    font-size: 42px;
    font-weight: 300;
    line-height: 56px;
    margin: 0 0 10px;
}

.register-bottom p[b-9w3wuv2kgf] {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 15px;
}

.register-bottom .reg-form .btn-registration[b-9w3wuv2kgf] {
    border: 2px solid #fff;
    line-height: 61px !important;
    background: none;
}

.register-bottom .reg-form .btn-registration[b-9w3wuv2kgf] {
    height: 65px;
    line-height: 65px;
    padding: 0 45px;
    font-size: 24px;
    vertical-align: top;
}





@media (max-width: 767px) {


    .function-page .function-content[b-9w3wuv2kgf] {
        padding-top: 30px;
    }

        .function-page .function-content .item[b-9w3wuv2kgf] {
            margin-bottom: 40px;
        }

            .function-page .function-content .item .block-img[b-9w3wuv2kgf] {
                margin: 0 0 30px;
            }

                .function-page .function-content .item .block-img img[b-9w3wuv2kgf] {
                    max-height: 250px;
                }

            .function-page .function-content .item .block-content[b-9w3wuv2kgf] {
                padding: 0 15px !important;
            }

                .function-page .function-content .item .block-content h2[b-9w3wuv2kgf] {
                    font-size: 24px;
                }


    .register-bottom[b-9w3wuv2kgf] {
        background-size: cover !important;
    }

        .register-bottom h2[b-9w3wuv2kgf] {
            font-size: 25px;
            line-height: 32px;
        }

        .register-bottom p[b-9w3wuv2kgf] {
            font-size: 18px;
        }

        .register-bottom .reg-form .btn-registration[b-9w3wuv2kgf] {
            line-height: 58px;
            height: 65px;
            font-size: 20px;
        }
}


.function-page .function-content[b-9w3wuv2kgf] {
    padding-top: 50px;
    position: relative;
}

    .function-page .function-content .item[b-9w3wuv2kgf] {
        margin-bottom: 80px;
    }

        .function-page .function-content .item .block-img[b-9w3wuv2kgf] {
            text-align: center;
        }

            .function-page .function-content .item .block-img img[b-9w3wuv2kgf] {
                max-width: 100%;
            }

        .function-page .function-content .item .block-content[b-9w3wuv2kgf] {
            text-align: left;
        }




            .function-page .function-content .item .block-content p[b-9w3wuv2kgf] {
                font-size: 18px;
                margin: 0 0 10px;
                text-align: justify;
            }

    .function-page .function-content p[b-9w3wuv2kgf] {
        text-align: center;
        color: #42464e;
        font-size: 22px;
        font-weight: 300;
        margin: 0 0 80px;
    }


    .function-page .function-content .item .block-content a[b-9w3wuv2kgf] {
        font-size: 18px;
        font-weight: 300;
        color: #0fd186;
    }




.register-bottom[b-9w3wuv2kgf] {
    text-align: center;
    padding: 30px 0 45px;
    color: #fff;
    padding: 30px 0 45px;
    background: url(/images/bg-register-bottom-web.png) no-repeat top center;
    color: #fff;
}




    .register-bottom .reg-form input[b-9w3wuv2kgf] {
        width: 500px;
        height: 65px;
        line-height: 65px;
        font-size: 16px;
        color: #575757;
        padding: 0 20px;
        margin-right: 15px;
        border-radius: 38px;
        border: none;
        outline: none;
        vertical-align: top;
    }


.btn-registration[b-9w3wuv2kgf] {
    color: #fff;
    background: #2ad38b;
    background: linear-gradient(to right,#2ad38b,#0cceb0);
    border-radius: 45px;
    display: inline-block;
    line-height: 63px;
    padding: 0 35px;
    outline: none;
    -webkit-user-select: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    white-space: nowrap;
    font-size: 16px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}


    .btn-registration[b-9w3wuv2kgf]:before {
        content: "";
        border-radius: 45px;
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,.04);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        transition: all .5s ease-out;
    }

    .btn-registration:hover[b-9w3wuv2kgf]:before, .btn-registration:focus[b-9w3wuv2kgf]:before, .btn-registration:active[b-9w3wuv2kgf]:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
/* _content/VNNSoftApp/Pages/Features/Feature03.razor.rz.scp.css */
.function-page[b-58gd78gnds] {
    overflow: hidden;
    position: relative;
}

    .function-page[b-58gd78gnds]:before {
        content: "";
        height: 716px;
        width: 100%;
        top: 0;
        left: 0;
        background: url(/images/bg-function.png) no-repeat top center;
        position: absolute;
    }


    .function-page .function-content .item .block-content h2[b-58gd78gnds] {
        font-weight: 300;
        font-size: 36px;
        margin: 0;
        margin-bottom: 15px;
    }

.register-bottom h2[b-58gd78gnds] {
    font-size: 42px;
    font-weight: 300;
    line-height: 56px;
    margin: 0 0 10px;
}

.register-bottom p[b-58gd78gnds] {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 15px;
}

.register-bottom .reg-form .btn-registration[b-58gd78gnds] {
    border: 2px solid #fff;
    line-height: 61px !important;
    background: none;
}

.register-bottom .reg-form .btn-registration[b-58gd78gnds] {
    height: 65px;
    line-height: 65px;
    padding: 0 45px;
    font-size: 24px;
    vertical-align: top;
}





@media (max-width: 767px) {


    .function-page .function-content[b-58gd78gnds] {
        padding-top: 30px;
    }

        .function-page .function-content .item[b-58gd78gnds] {
            margin-bottom: 40px;
        }

            .function-page .function-content .item .block-img[b-58gd78gnds] {
                margin: 0 0 30px;
            }

                .function-page .function-content .item .block-img img[b-58gd78gnds] {
                    max-height: 250px;
                }

            .function-page .function-content .item .block-content[b-58gd78gnds] {
                padding: 0 15px !important;
            }

                .function-page .function-content .item .block-content h2[b-58gd78gnds] {
                    font-size: 24px;
                }


    .register-bottom[b-58gd78gnds] {
        background-size: cover !important;
    }

        .register-bottom h2[b-58gd78gnds] {
            font-size: 25px;
            line-height: 32px;
        }

        .register-bottom p[b-58gd78gnds] {
            font-size: 18px;
        }

        .register-bottom .reg-form .btn-registration[b-58gd78gnds] {
            line-height: 58px;
            height: 65px;
            font-size: 20px;
        }
}


.function-page .function-content[b-58gd78gnds] {
    padding-top: 50px;
    position: relative;
}

    .function-page .function-content .item[b-58gd78gnds] {
        margin-bottom: 80px;
    }

        .function-page .function-content .item .block-img[b-58gd78gnds] {
            text-align: center;
        }

            .function-page .function-content .item .block-img img[b-58gd78gnds] {
                max-width: 100%;
            }

        .function-page .function-content .item .block-content[b-58gd78gnds] {
            text-align: left;
        }




            .function-page .function-content .item .block-content p[b-58gd78gnds] {
                font-size: 18px;
                margin: 0 0 10px;
                text-align: justify;
            }

    .function-page .function-content p[b-58gd78gnds] {
        text-align: center;
        color: #42464e;
        font-size: 22px;
        font-weight: 300;
        margin: 0 0 80px;
    }


    .function-page .function-content .item .block-content a[b-58gd78gnds] {
        font-size: 18px;
        font-weight: 300;
        color: #0fd186;
    }




.register-bottom[b-58gd78gnds] {
    text-align: center;
    padding: 30px 0 45px;
    color: #fff;
    padding: 30px 0 45px;
    background: url(/images/bg-register-bottom-web.png) no-repeat top center;
    color: #fff;
}




    .register-bottom .reg-form input[b-58gd78gnds] {
        width: 500px;
        height: 65px;
        line-height: 65px;
        font-size: 16px;
        color: #575757;
        padding: 0 20px;
        margin-right: 15px;
        border-radius: 38px;
        border: none;
        outline: none;
        vertical-align: top;
    }


.btn-registration[b-58gd78gnds] {
    color: #fff;
    background: #2ad38b;
    background: linear-gradient(to right,#2ad38b,#0cceb0);
    border-radius: 45px;
    display: inline-block;
    line-height: 63px;
    padding: 0 35px;
    outline: none;
    -webkit-user-select: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    white-space: nowrap;
    font-size: 16px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}


    .btn-registration[b-58gd78gnds]:before {
        content: "";
        border-radius: 45px;
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,.04);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        transition: all .5s ease-out;
    }

    .btn-registration:hover[b-58gd78gnds]:before, .btn-registration:focus[b-58gd78gnds]:before, .btn-registration:active[b-58gd78gnds]:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
/* _content/VNNSoftApp/Pages/Index.razor.rz.scp.css */
.website-design[b-i7lqagswg9] {
    overflow: hidden;
}


.fade[b-i7lqagswg9] {
    transition: opacity .15s linear;
}



@media (min-width: 320px) and (max-width: 767px) {
    .btn-registration[b-i7lqagswg9] {
        margin-top: 16px !important;
    }
}


.website-design .ctkm[b-i7lqagswg9] {
    position: relative;
    margin-top: 70px;
    margin-bottom: -30px;
}


.website-design .ctkm .container[b-i7lqagswg9]{
    /*background: rgb(0, 102, 204);*/
}

.website-design .section-head[b-i7lqagswg9] {
    position: relative;
}

.website-design .section-head .head-background[b-i7lqagswg9] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.website-design .section-head .head-background img[b-i7lqagswg9] {
    height: 100%;
    width: auto;
}
/* _content/VNNSoftApp/Pages/NotFound.razor.rz.scp.css */

#box404 .item .icon.icon-1[b-pduthiw4ma] {
    background: url(/images/404_network.png) no-repeat center center;
}

#box404 .item .icon.icon-2[b-pduthiw4ma] {
    background: url(/images/404_money.png) no-repeat center center;
}

#box404 .item .icon.icon-3[b-pduthiw4ma] {
    background: url(/images/404_phone.png) no-repeat center center;
}


#box404[b-pduthiw4ma] {
    padding: 100px 0;
    margin-top: 50px;
}

    #box404 .block-img[b-pduthiw4ma] {
        text-align: center;
    }

        #box404 .block-img img[b-pduthiw4ma] {
            margin-top: -70px;
            width: 580px;
        }

    #box404 h1[b-pduthiw4ma] {
        font-size: 36px;
        font-weight: 500;
        color: #08f;
        margin: 20px 0 10px;
    }

    #box404 p[b-pduthiw4ma] {
        font-size: 16px;
        font-weight: 400;
        color: #707070;
        margin-bottom: 35px;
    }

    #box404 .item[b-pduthiw4ma] {
        border-right: solid 1px #ebebeb;
        display: flex;
        align-items: flex-start;
    }

        #box404 .item a[b-pduthiw4ma] {
            font-size: 18px;
            font-weight: 700;
            color: #454545;
            display: block;
            margin-bottom: 10px;
        }

        #box404 .item span[b-pduthiw4ma] {
            font-size: 14px;
            font-weight: 400;
            color: #707070;
            display: block;
        }

            #box404 .item span a[b-pduthiw4ma] {
                font-size: 14px;
                font-weight: 500;
                display: inline-block;
                margin: 0;
            }

        #box404 .item .icon[b-pduthiw4ma] {
            width: 20px;
            height: 20px;
            margin-right: 10px;
            flex-shrink: 0;
            margin-top: 3px;
        }

@media (max-width: 1199px) {
    #box404 .block-img img[b-pduthiw4ma] {
        margin-top: 0;
        max-width: 100%;
    }

    #box404[b-pduthiw4ma] {
        margin-top: 0;
        padding: 60px 0;
    }
}


@media (max-width: 767px) {
    #box404 h1[b-pduthiw4ma] {
        font-size: 24px;
    }

    #box404[b-pduthiw4ma] {
        padding: 20px 0 10px;
    }

        #box404 .item[b-pduthiw4ma] {
            margin: 0 0 20px;
        }

            #box404 .item a[b-pduthiw4ma] {
                margin-bottom: 0;
            }
}
/* _content/VNNSoftApp/Pages/Price.razor.rz.scp.css */
.price-vnnsoftweb[b-5jn3emlyfv] {
    overflow: hidden;
}

@media (min-width: 992px) {
    .price-vnnsoftweb .banner.haspromotion[b-5jn3emlyfv] {
        padding: 110px 0 370px;
        background-size: cover;
    }

    .price-vnnsoftweb .packages.haspromotion[b-5jn3emlyfv] {
        margin-top: -335px;
    }
}

.price-vnnsoftweb .banner[b-5jn3emlyfv] {
    background: url(/images/bg-price.png) no-repeat top center;
    color: #42464e;
    padding: 110px 0 265px;
}

    .price-vnnsoftweb .banner h1[b-5jn3emlyfv] {
        font-size: 42px;
        line-height: 1.2;
        font-weight: 300;
        margin: 0 0 6px;
    }

    .price-vnnsoftweb .banner p[b-5jn3emlyfv] {
        font-size: 20px;
        font-weight: 300;
        line-height: 1.2;
        margin: 0;
    }

.price-vnnsoftweb .packages[b-5jn3emlyfv] {
    margin-top: -225px;
}

    .price-vnnsoftweb .packages .item:not(.web)[b-5jn3emlyfv] {
        margin-top: 65px;
    }

    .price-vnnsoftweb .packages .item[b-5jn3emlyfv] {
        border-radius: 7px;
        background-color: #fff;
        box-shadow: 0 0 73px 0 rgb(12 52 98 / 9%);
        padding: 0 0 30px;
        position: relative;
        overflow: hidden;
        border: solid 1px #ebebeb;
        display: block;
    }

.packages .item[b-5jn3emlyfv] {
    background: #fff;
    box-shadow: 0 0 73px 0 rgb(12 52 98 / 9%);
    border-radius: 7px;
    display: flex;
    margin: 0 0 43px;
    position: relative;
}

.price-vnnsoftweb .packages .item .icon.vnnsoft-web-basic[b-5jn3emlyfv] {
    background: url(/images/icon-vnnsoftweb-basic.svg) no-repeat bottom center;
}

.price-vnnsoftweb .packages .item .icon.vnnsoft-web-pro[b-5jn3emlyfv] {
    background: url(/images/icon-vnnsoftweb-pro.svg) no-repeat bottom center;
}

.price-vnnsoftweb .packages .item .icon.vnnsoft-web-omni[b-5jn3emlyfv] {
    background: url(/images/icon-vnnsoftweb-omni.svg) no-repeat bottom center;
}

.price-vnnsoftweb .packages .item .icon[b-5jn3emlyfv] {
    height: 65px;
    margin: 10px 0 17px;
    display: block;
}

.price-vnnsoftweb .packages .item h2[b-5jn3emlyfv] {
    font-size: 32px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 0 0 4px;
}

.price-vnnsoftweb .packages .item p[b-5jn3emlyfv] {
    font-size: 16px;
    line-height: 22px;
    color: #6e7685;
    margin: 0 0 10px;
}

.price-vnnsoftweb .packages .item .price[b-5jn3emlyfv] {
    height: 45px;
    margin: 0 0 20px;
}

    .price-vnnsoftweb .packages .item .price .price-regular[b-5jn3emlyfv] {
        font-size: 37px;
        font-weight: 900;
        color: rgb(238, 77, 45);
        line-height: normal;
    }

    .price-vnnsoftweb .packages .item .price p[b-5jn3emlyfv] {
        margin: 0;
    }

.price-vnnsoftweb .packages .item p[b-5jn3emlyfv] {
    font-size: 16px;
    line-height: 22px;
    color: #6e7685;
    margin: 0 0 10px;
}

.price-vnnsoftweb .packages .item .price .price-regular sup[b-5jn3emlyfv] {
    font-size: 24px;
}

.price-vnnsoftweb .packages .item .price .price-regular span[b-5jn3emlyfv] {
    font-size: 23px;
    font-weight: 300;
    color: #42464e;
}

.price-vnnsoftweb .packages .item .action[b-5jn3emlyfv] {
    height: 90px;
}

    .price-vnnsoftweb .packages .item .action a[b-5jn3emlyfv] {
        margin-bottom: 12px;
    }

.price-vnnsoftweb .packages .item .btn-registration[b-5jn3emlyfv] {
    height: 44px;
    line-height: 44px;
    padding: 0 38px;
    color: #fff;
    font-size: 18px;
    /*background: #0fd186;*/
    background-image: -moz-linear-gradient(0deg,rgba(242,142,38,.99608) 0%,#fd644f 100%);
    background-image: -webkit-linear-gradient(0deg,rgba(242,142,38,.99608) 0%,#fd644f 100%);
    background-image: -ms-linear-gradient(0deg,rgba(242,142,38,.99608) 0%,#fd644f 100%);
}

.price-vnnsoftweb .packages .item .incontent h4[b-5jn3emlyfv] {
    padding: 0 52px;
    font-weight: bold;
    font-size: 16px;
    color: #364e63;
    margin: 0;
    line-height: 1.3;
    background: #fde6db;
    height: 50px;
    align-items: center;
    display: flex;
}

.price-vnnsoftweb .packages .item ul[b-5jn3emlyfv] {
    margin: 0;
    padding: 0 10px 0 52px;
    position: relative;
    list-style: none;
    text-align: left;
}

    .price-vnnsoftweb .packages .item ul li:not(.no-icon)[b-5jn3emlyfv] {
        background: url(/images/checked-price.png) no-repeat center left;
        background-position-y: 20px;
    }

    .price-vnnsoftweb .packages .item ul li[b-5jn3emlyfv] {
        font-size: 16px;
        color: #6e7685;
        padding: 0 0 0 25px;
        position: relative;
        min-height: 50px;
        display: flex;
        align-items: center;
    }

.price-vnnsoftweb .packages .item .action p[b-5jn3emlyfv] {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: rgb(238, 77, 45);
}

.price-vnnsoftweb .packages .item ul li div[b-5jn3emlyfv] {
    position: relative;
}

.price-vnnsoftweb .packages .item ul li .circle[b-5jn3emlyfv] {
    width: 15px;
    height: 20px;
    background: url(/images/price-info.png) no-repeat center center;
    display: inline-block;
    position: absolute;
    right: -20px;
    top: 2px;
    cursor: pointer;
}

    .price-vnnsoftweb .packages .item ul li .circle:hover ~ ul[b-5jn3emlyfv] {
        display: block;
    }

.price-vnnsoftweb .packages .item ul li ul[b-5jn3emlyfv] {
    position: absolute;
    min-width: 180px;
    height: auto;
    padding: 0;
    background: #fff;
    border-radius: 5px;
    line-height: 24px;
    right: -25px;
    font-size: 12px;
    box-shadow: 0 0 73px 0 rgb(12 52 98 / 9%);
    border: solid 1px #ebebeb;
    z-index: 9;
    display: none;
    min-height: unset;
    top: 25px;
}

    .price-vnnsoftweb .packages .item ul li ul li[b-5jn3emlyfv] {
        padding: 0;
        line-height: 24px;
        font-size: 12px;
        text-align: center;
        display: block;
        min-height: unset;
    }

.price-vnnsoftweb .packages .item ul.mr-top-15[b-5jn3emlyfv] {
    margin-top: 10px;
}


.price-vnnsoftweb .packages .item ul li.twoline[b-5jn3emlyfv] {
    min-height: 60px;
}

.price-vnnsoftweb .packages .notice[b-5jn3emlyfv] {
    font-size: 16px;
    line-height: 24px;
    color: #7d8492;
    padding: 0 0 0;
    position: relative;
    margin: 0;
    font-style: italic;
}

.price-vnnsoftweb .packages .item .top-item[b-5jn3emlyfv] {
    background-image: -moz-linear-gradient(-176deg,rgba(242,142,38,.99608) 0%,#fd644f 99%);
    background-image: -webkit-linear-gradient(-176deg,rgba(242,142,38,.99608) 0%,#fd644f 99%);
    background-image: -ms-linear-gradient(-176deg,rgba(242,142,38,.99608) 0%,#fd644f 99%);
    text-align: center;
    padding: 10px 0 10px;
}

    .price-vnnsoftweb .packages .item .top-item p[b-5jn3emlyfv] {
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
        line-height: 1.3;
        margin-bottom: -5px;
    }

    .price-vnnsoftweb .packages .item .top-item span[b-5jn3emlyfv] {
        font-weight: 400;
        font-size: 16px;
        color: #fffc00;
    }

@media (max-width: 767px) {
    .price-vnnsoftweb .banner[b-5jn3emlyfv] {
        padding: 30px 0 180px;
    }

        .price-vnnsoftweb .banner h1[b-5jn3emlyfv] {
            font-size: 28px;
            margin: 0 0 10px;
            letter-spacing: -1.4px;
        }

        .price-vnnsoftweb .banner p[b-5jn3emlyfv] {
            font-size: 18px;
        }

    .price-vnnsoftweb .packages .item:not(.web)[b-5jn3emlyfv] {
        margin-top: 0;
        padding-bottom: 0;
    }

    .price-vnnsoftweb .packages .notice[b-5jn3emlyfv] {
        padding-bottom: 30px;
    }

    .price-vnnsoftweb .packages .item[b-5jn3emlyfv] {
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
}
/* _content/VNNSoftApp/Pages/Themes/ThemeIndex.razor.rz.scp.css */
b sub[b-qvdqh7hy1f],
i sub[b-qvdqh7hy1f] {
    bottom: 6px;
    right: 2px;
}

.index-container[b-qvdqh7hy1f] {
    overflow: hidden;
}

.index-container .banner[b-qvdqh7hy1f] {
    background: url(/images/bg-theme02.jpg) no-repeat top center;
    padding: 110px 0 0;
    position: relative;
}

.index-container .banner .account-login[b-qvdqh7hy1f] {
    position: absolute;
    color: #b4b8bb;
    top: 64px;
    right: 15px;
    z-index: 20;
    width: 50%;
    font-size: 14px;
    font-weight: 300;
    text-align: right;
    opacity: 0;
}

.index-container .banner .account-login a[b-qvdqh7hy1f] {
    color: #b4b8bb;
}

.index-container .index-title h1[b-qvdqh7hy1f] {
    font-size: 36px;
    text-align: center;
    color: #ee4d2d;
    font-weight: bold;
    line-height: 1.3;
    margin: 0;
    margin-bottom: 10px;
}

.index-container .index-title p[b-qvdqh7hy1f] {
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    color: #42464e;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.index-container .feature-themes .slide-feature[b-qvdqh7hy1f] {
    position: relative;
    margin: -50px;
}

.index-container .feature-themes .slide-feature[b-qvdqh7hy1f]:before {
    content: "";
    /*background: url(/images/shape-featured.png) no-repeat top left;*/
    width: 960px;
    height: 528px;
    position: absolute;
    bottom: 0;
    left: -345px;
}

.index-container .feature-themes .slide-feature .swiper-container[b-qvdqh7hy1f] {
    padding: 50px;
    margin-top: 23px;
}

.index-container .feature-themes .feature-item .feature-image[b-qvdqh7hy1f] {
    position: relative;
}

.index-container .feature-themes .feature-item .feature-image .image-desktop[b-qvdqh7hy1f] {
    background: url(/images/bg-feature-image-desktop.png) no-repeat center bottom;
    width: 730px;
    height: 460px;
    padding-top: 62px;
    padding-left: 80px;
    margin-left: -80px;
    margin-bottom: -65px;
}

.index-container .feature-themes .feature-item .feature-image .image-desktop a[b-qvdqh7hy1f] {
    display: block;
    width: 570px;
    height: 332px;
    overflow: hidden;
}

.index-container .feature-themes .feature-item .feature-image .image-desktop a img[b-qvdqh7hy1f] {
    width: 100%;
    height: auto;
}

.index-container .feature-themes .feature-item .feature-image .image-mobile[b-qvdqh7hy1f] {
    background: url(/images/bg-feature-image-mobile.png) no-repeat center center;
    width: 260px;
    height: 395px;
    position: absolute;
    z-index: 9;
    bottom: -78px;
    right: 67px;
    padding-top: 51px;
    padding-left: 31px;
}

.index-container .feature-themes .feature-item .feature-image .image-mobile a[b-qvdqh7hy1f] {
    display: block;
    width: 198px;
    height: 270px;
    overflow: hidden;
}

.index-container .feature-themes .feature-item .feature-image .image-mobile a img[b-qvdqh7hy1f] {
    width: 100%;
    height: auto;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.index-container .feature-themes .feature-item .feature-info[b-qvdqh7hy1f] {
    padding-left: 0;
}

.index-container .feature-themes .feature-item .feature-info .title[b-qvdqh7hy1f] {
    font-size: 20px;
    color: #42464e;
    margin-top: 55px;
    border-bottom: 1px solid #f6d7cd;
    padding-bottom: 13px;
    font-weight: 300;
}

.index-container .feature-themes .feature-item .feature-info .title span[b-qvdqh7hy1f] {
    display: block;
    font-weight: bold;
    font-size: 36px;
    color: #42464e;
}

.index-container .feature-themes .feature-item .feature-info .other-info[b-qvdqh7hy1f] {
    padding: 13px 0 30px;
}

.index-container .feature-themes .feature-item .feature-info .other-info .price[b-qvdqh7hy1f] {
    display: inline-block;
    font-size: 12px;
}

.index-container .feature-themes .feature-item .feature-info .other-info .price.has-compare b[b-qvdqh7hy1f] {
    color: #e72b2c;
    display: inline-block;
    margin-right: 8px;
}

.index-container .feature-themes .feature-item .feature-info .other-info .price.has-compare i[b-qvdqh7hy1f] {
    display: inline-block;
    margin-left: 8px;
    text-decoration: line-through;
    font-size: 16px;
    color: #42464e;
    font-style: normal;
}

.index-container .feature-themes .feature-item .feature-info .other-info .price b[b-qvdqh7hy1f] {
    font-weight: 700;
    font-size: 28px;
    color: #42464e;
}

.index-container .feature-themes .feature-item .feature-info .button .preview[b-qvdqh7hy1f] {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    border-radius: 22px;
    padding: 0 50px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    background-image: -moz-linear-gradient(0deg, rgba(242, 142, 38, .99608) 0%, #fd644f 100%);
    background-image: -webkit-linear-gradient(0deg, rgba(242, 142, 38, .99608) 0%, #fd644f 100%);
    background-image: -ms-linear-gradient(0deg, rgba(242, 142, 38, .99608) 0%, #fd644f 100%);
    margin-right: 8px;
}

.index-container .feature-themes .feature-item .feature-info .button .view-detail[b-qvdqh7hy1f] {
    display: inline-block;
    border: 1px solid #ee4d2d;
    height: 45px;
    line-height: 43px;
    border-radius: 22px;
    padding: 0 50px;
    color: #ee4d2d;
    font-size: 18px;
    font-weight: 400;
    background: #fff;
}

.index-container .feature-themes .swiper-button-prev[b-qvdqh7hy1f],
.index-container .feature-themes .swiper-button-next[b-qvdqh7hy1f] {
    background: none;
    width: 26px;
    height: 14px;
}

.index-container .feature-themes .swiper-button-prev[b-qvdqh7hy1f]:before,
.index-container .feature-themes .swiper-button-next[b-qvdqh7hy1f]:before {
    content: "";
    width: 26px;
    height: 14px;
    position: absolute;
    background: url(/images/arrow-fade.png) no-repeat center center;
    background-size: contain;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.index-container .feature-themes .swiper-button-prev:hover[b-qvdqh7hy1f]:before,
.index-container .feature-themes .swiper-button-next:hover[b-qvdqh7hy1f]:before {
    background: url(/images/arrow.png) no-repeat center center;
}

.index-container .feature-themes .swiper-button-prev[b-qvdqh7hy1f] {
    bottom: 110px;
    top: auto;
    right: 400px;
    left: auto;
}

.index-container .feature-themes .swiper-button-prev[b-qvdqh7hy1f]:before {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
}

.index-container .feature-themes .swiper-button-prev:hover[b-qvdqh7hy1f]:before {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
}

.index-container .feature-themes .swiper-button-next[b-qvdqh7hy1f] {
    bottom: 110px;
    top: auto;
    right: 360px;
}

.index-container .feature-themes .swiper-button-next:hover[b-qvdqh7hy1f]:before {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
}


@media (max-width: 1199px) {
    .index-container .banner .account-login[b-qvdqh7hy1f] {
        top: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index-container .banner[b-qvdqh7hy1f] {
        padding: 60px 0 0;
    }

    .index-container .feature-themes .slide-feature[b-qvdqh7hy1f]:before {
        left: -420px;
    }

    .index-container .feature-themes .feature-item .feature-info .title[b-qvdqh7hy1f] {
        font-size: 18px;
        margin-top: 80px;
    }

    .index-container .feature-themes .feature-item .feature-info .title span[b-qvdqh7hy1f] {
        font-size: 26px;
    }

    .index-container .feature-themes .feature-item .feature-info .button .preview[b-qvdqh7hy1f],
    .index-container .feature-themes .feature-item .feature-info .button .view-detail[b-qvdqh7hy1f] {
        padding: 0 30px;
    }

    .index-container .feature-themes .feature-item .feature-image[b-qvdqh7hy1f] {
        height: 430px;
    }

    .index-container .feature-themes .feature-item .feature-image .image-desktop[b-qvdqh7hy1f] {
        position: absolute;
        left: 63px;
        bottom: 0;
        width: 610px;
        height: 470px;
        padding-top: 88px;
        padding-left: 33px;
        margin-left: -80px;
        margin-bottom: -65px;
        background-size: contain;
    }

    .index-container .feature-themes .feature-item .feature-image .image-desktop a[b-qvdqh7hy1f] {
        display: block;
        width: 545px;
        height: 330px;
        overflow: hidden;
    }

    .index-container .feature-themes .feature-item .feature-image .image-mobile[b-qvdqh7hy1f] {
        width: 230px;
        height: 395px;
        position: absolute;
        z-index: 9;
        bottom: -85px;
        right: 0;
        padding-top: 81px;
        padding-left: 35px;
        background-size: contain;
    }

    .index-container .feature-themes .feature-item .feature-image .image-mobile a[b-qvdqh7hy1f] {
        display: block;
        width: 160px;
        height: 250px;
        overflow: hidden;
    }

    .index-container .feature-themes .swiper-button-prev[b-qvdqh7hy1f] {
        right: 325px;
        bottom: 145px;
        outline: none;
    }

    .index-container .feature-themes .swiper-button-next[b-qvdqh7hy1f] {
        right: 285px;
        bottom: 145px;
        outline: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .index-container .banner[b-qvdqh7hy1f] {
        padding: 60px 0 0;
    }

    .index-container .index-title[b-qvdqh7hy1f] {
        margin: 0 0 30px;
    }

    .index-container .index-title h1[b-qvdqh7hy1f] {
        font-size: 22px;
    }

    .index-container .feature-themes .slide-feature[b-qvdqh7hy1f]:before {
        left: -650px;
    }

    .index-container .feature-themes .feature-item .feature-info .title[b-qvdqh7hy1f] {
        font-size: 18px;
        margin-top: 20px;
    }

    .index-container .feature-themes .feature-item .feature-info .title span[b-qvdqh7hy1f] {
        font-size: 26px;
    }

    .index-container .feature-themes .feature-item .feature-info .button .preview[b-qvdqh7hy1f],
    .index-container .feature-themes .feature-item .feature-info .button .view-detail[b-qvdqh7hy1f] {
        padding: 0 30px;
    }

    .index-container .feature-themes .feature-item .feature-info .other-info[b-qvdqh7hy1f] {
        padding-bottom: 15px;
    }

    .index-container .feature-themes .feature-item .feature-info .other-info .price[b-qvdqh7hy1f] {
        font-size: 20px;
    }

    .index-container .feature-themes .feature-item .feature-image[b-qvdqh7hy1f] {
        height: 290px;
    }

    .index-container .feature-themes .feature-item .feature-image .image-desktop[b-qvdqh7hy1f] {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 420px;
        height: 290px;
        background-size: cover;
        overflow: hidden;
        padding-left: 22px;
        padding-top: 26px;
        margin-left: -35px;
        margin-bottom: -30px;
    }

    .index-container .feature-themes .feature-item .feature-image .image-desktop a[b-qvdqh7hy1f] {
        width: 376px;
        height: 310px;
    }

    .index-container .feature-themes .feature-item .feature-image .image-mobile[b-qvdqh7hy1f] {
        right: 15px;
        width: 125px;
        height: 240px;
        background-size: cover;
        padding: 33px 0 0 4px;
    }

    .index-container .feature-themes .feature-item .feature-image .image-mobile a[b-qvdqh7hy1f] {
        width: 118px;
        height: 170px;
    }

    .index-container .feature-themes .swiper-button-prev[b-qvdqh7hy1f] {
        right: 244px;
        bottom: 10px;
    }

    .index-container .feature-themes .swiper-button-next[b-qvdqh7hy1f] {
        right: 204px;
        bottom: 10px;
    }
}

@media (max-width: 767px) {
    .index-container .banner[b-qvdqh7hy1f] {
        padding: 40px 0 0;
        background: url(/images/bg-top-mobile-theme.png) no-repeat top center;
        background-size: cover;
    }

    .index-container .index-title h1[b-qvdqh7hy1f] {
        font-size: 24px;
        padding: 0 0 5px;
        line-height: normal;
    }

    .index-container .index-title p[b-qvdqh7hy1f] {
        font-size: 16px;
        width: 300px;
        margin: 0 auto;
    }

    .index-container .feature-themes[b-qvdqh7hy1f] {
        text-align: center;
        padding-bottom: 20px;
    }

    .index-container .feature-themes .slide-feature[b-qvdqh7hy1f]:before {
        content: none;
    }

    .index-container .feature-themes .slide-feature .swiper-container[b-qvdqh7hy1f] {
        padding-bottom: 110px;
    }

    .index-container .feature-themes .feature-item .feature-info[b-qvdqh7hy1f] {
        padding-left: 15px;
    }

    .index-container .feature-themes .feature-item .feature-info .title[b-qvdqh7hy1f] {
        font-size: 18px;
        margin-top: 20px;
        text-align: center;
    }

    .index-container .feature-themes .feature-item .feature-info .title span[b-qvdqh7hy1f] {
        font-size: 26px;
    }

    .index-container .feature-themes .feature-item .feature-info .button[b-qvdqh7hy1f] {
        text-align: center;
        margin-bottom: 0;
    }

    .index-container .feature-themes .feature-item .feature-info .button .preview[b-qvdqh7hy1f],
    .index-container .feature-themes .feature-item .feature-info .button .view-detail[b-qvdqh7hy1f] {
        padding: 0 35px;
    }

    .index-container .feature-themes .feature-item .feature-info .other-info[b-qvdqh7hy1f] {
        padding-bottom: 15px;
    }

    .index-container .feature-themes .feature-item .feature-info .other-info .price[b-qvdqh7hy1f] {
        font-size: 20px;
    }

    .index-container .feature-themes .feature-item .feature-image .image-desktop[b-qvdqh7hy1f] {
        background-size: cover;
        width: 322px;
        height: 264px;
        padding: 39px 0 0 0;
        overflow: hidden;
        margin: 0 auto;
    }

    .index-container .feature-themes .feature-item .feature-image .image-desktop a[b-qvdqh7hy1f] {
        height: 225px;
        width: 322px;
    }

    .index-container .feature-themes .swiper-button-prev[b-qvdqh7hy1f] {
        position: absolute;
        display: inline-block;
        left: 50%;
        margin-left: -40px;
        bottom: 65px;
        outline: none;
    }

    .index-container .feature-themes .swiper-button-next[b-qvdqh7hy1f] {
        position: absolute;
        display: inline-block;
        right: 50%;
        margin-right: -25px;
        bottom: 65px;
        outline: none;
    }
}


.swiper-button-next[b-qvdqh7hy1f]:after,
.swiper-container-rtl .swiper-button-prev[b-qvdqh7hy1f]:after {
    display: none;
}

.swiper-button-prev[b-qvdqh7hy1f]:after,
.swiper-container-rtl .swiper-button-next[b-qvdqh7hy1f]:after {
    display: none;
}

.other-info span.price sub[b-qvdqh7hy1f] {
    bottom: 6px;
    right: 2px;
}
/* _content/VNNSoftApp/Partial/Customers/CustomersCategory.razor.rz.scp.css */


.khach-hang-noi-bat .category[b-dz6qyn37fn] {
    padding: 22px 0 25px;
    position: relative;
}

    .khach-hang-noi-bat .category .block-title h2[b-dz6qyn37fn] {
        font-size: 36px;
        font-weight: bold;
        line-height: 1.222;
        color: #ee4d2d;
        text-align: center;
        margin-bottom: 45px;
    }

    .khach-hang-noi-bat .category .cate-item[b-dz6qyn37fn] {
        width: 142px;
        padding: 0 15px;
        flex-shrink: 0;
        position: relative;
        z-index: 9;
    }

        .khach-hang-noi-bat .category .cate-item > a.actived[b-dz6qyn37fn], .khach-hang-noi-bat .category .cate-item > a:hover[b-dz6qyn37fn] {
            color: #ee4d2d;
            text-decoration: underline;
        }

        .khach-hang-noi-bat .category .cate-item > a[b-dz6qyn37fn] {
            font-size: 16px;
            color: #535353;
            line-height: 24px;
            padding-top: 115px;
            padding-bottom: 22px;
            text-align: center;
            position: relative;
            display: block;
            text-decoration: none;
        }

            .khach-hang-noi-bat .category .cate-item > a.icon-featured[b-dz6qyn37fn]:before {
                background: url(/images/icon-noibat.svg) no-repeat center top;
            }

            .khach-hang-noi-bat .category .cate-item > a.icon-beauty[b-dz6qyn37fn]:before {
                background: url(/images/icon-lamdep.svg) no-repeat center top;
            }

            .khach-hang-noi-bat .category .cate-item > a.icon-service[b-dz6qyn37fn]:before {
                background: url(/images/icon-dichvu.svg) no-repeat center top;
            }

            .khach-hang-noi-bat .category .cate-item > a.icon-furniture[b-dz6qyn37fn]:before {
                background: url(/images/icon-noithat.svg) no-repeat center top;
            }

            .khach-hang-noi-bat .category .cate-item > a.icon-family[b-dz6qyn37fn]:before {
                background: url(/images/icon-giadinh.svg) no-repeat center top;
            }

            .khach-hang-noi-bat .category .cate-item > a.icon-equipment[b-dz6qyn37fn]:before {
                background: url(/images/icon-thietbi.svg) no-repeat center top;
            }

            .khach-hang-noi-bat .category .cate-item > a.icon-other[b-dz6qyn37fn]:before {
                background: url(/images/icon-khac.svg) no-repeat center top;
            }

            .khach-hang-noi-bat .category .cate-item > a[b-dz6qyn37fn]:before {
                content: "";
                height: 55px;
                width: 100%;
                position: absolute;
                top: 20px;
                left: 0;
            }

            .khach-hang-noi-bat .category .cate-item > a.actived[b-dz6qyn37fn]:after, .khach-hang-noi-bat .category .cate-item > a:hover[b-dz6qyn37fn]:after {
                opacity: 1;
            }

            .khach-hang-noi-bat .category .cate-item > a[b-dz6qyn37fn]:after {
                content: "";
                width: 100px;
                height: 100px;
                border-radius: 29px;
                background: #FFF5F4;
                position: absolute;
                top: 0;
                left: 50%;
                transform: translateX(-50%);
                z-index: -1;
                opacity: 0;
            }

        .khach-hang-noi-bat .category .cate-item ul[b-dz6qyn37fn] {
            display: none;
            padding: 0;
            margin: 0;
            list-style: none;
            position: absolute;
            z-index: 9;
            background: #fff;
            box-shadow: 0 3px 18px 0 rgb(8 60 38 / 13%);
            border: 1px solid #e8e8e8;
            left: 50%;
            transform: translateX(-50%);
            top: 100%;
            width: 260px;
        }

            .khach-hang-noi-bat .category .cate-item ul[b-dz6qyn37fn]:before {
                border-color: rgba(232,232,232,0);
                border-bottom-color: #e8e8e8;
                border-width: 11px;
                margin-left: -11px;
            }

            .khach-hang-noi-bat .category .cate-item ul[b-dz6qyn37fn]:after {
                border-color: rgba(255,255,255,0);
                border-bottom-color: #fff;
                border-width: 10px;
                margin-left: -10px;
            }

            .khach-hang-noi-bat .category .cate-item ul[b-dz6qyn37fn]:after, .khach-hang-noi-bat .category .cate-item ul[b-dz6qyn37fn]:before {
                bottom: 100%;
                left: 50%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
            }

            .khach-hang-noi-bat .category .cate-item ul[b-dz6qyn37fn]:after, .khach-hang-noi-bat .category .cate-item ul[b-dz6qyn37fn]:before {
                bottom: 100%;
                left: 50%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
            }

            .khach-hang-noi-bat .category .cate-item ul li[b-dz6qyn37fn] {
                border-bottom: 1px solid #e3e3e3;
            }

                .khach-hang-noi-bat .category .cate-item ul li a[b-dz6qyn37fn] {
                    font-size: 15px;
                    display: block;
                    padding: 6px 15px;
                    text-align: left;
                    margin: 0;
                    color: #363636;
                }

        .khach-hang-noi-bat .category .cate-item:hover ul[b-dz6qyn37fn] {
            display: block;
        }

@media (max-width: 767px) {
    .khach-hang-noi-bat .category[b-dz6qyn37fn] {
        padding: 15px 0 15px;
    }

        .khach-hang-noi-bat .category .block-title h2[b-dz6qyn37fn] {
            font-size: 24px;
            margin-bottom: 20px;
        }

        .khach-hang-noi-bat .category .row[b-dz6qyn37fn] {
            margin: 0 -5px;
        }

        .khach-hang-noi-bat .category .cate-item[b-dz6qyn37fn] {
            width: calc(100%/4);
            padding: 0 5px;
        }

            .khach-hang-noi-bat .category .cate-item a[b-dz6qyn37fn] {
                padding-top: 60px;
                padding-bottom: 0;
            }

                .khach-hang-noi-bat .category .cate-item a[b-dz6qyn37fn]:before {
                    background-size: auto 30px !important;
                }

            .khach-hang-noi-bat .category .cate-item > a[b-dz6qyn37fn]:after {
                display: none;
            }
}
/* _content/VNNSoftApp/Partial/FunctionMenu.razor.rz.scp.css */

.function-menu[b-kulan7dqvw] {
    position: relative;
    text-align: center;
    padding: 103px 0 72px;
}

/*    .function-menu .item a {
        color: #42464e;
        padding: 71px 0 0 0;
        display: inline-block;
        font-weight: 300;
        line-height: 24px;
        font-size: 16px;
    }

        .function-menu .item a:hover {
            color: #17d586;
        }*/

    .function-menu h1[b-kulan7dqvw] {
        font-size: 42px;
        line-height: 1.2;
        color: #42464e;
        font-weight: 300;
        margin: 0 0 22px;
    }

    .function-menu p[b-kulan7dqvw] {
        font-size: 20px;
        line-height: 1.2;
        font-weight: 300;
        color: #42464e;
        margin: 0 0 87px;
    }

@media (max-width: 991px) and (min-width: 768px) {
    .function-menu[b-kulan7dqvw] {
        padding: 40px 0 0;
    }

        .function-menu h1[b-kulan7dqvw] {
            font-size: 36px;
        }

        .function-menu p[b-kulan7dqvw] {
            margin: 0 0 50px;
            padding: 0 80px;
        }
}


@media (max-width: 767px) {
    .function-menu[b-kulan7dqvw] {
        padding: 30px 0 0;
    }

    .function-menu h1[b-kulan7dqvw] {
        font-size: 26px;
    }

    .function-menu p[b-kulan7dqvw] {
        margin: 0 0 30px;
        font-size: 18px;
    }
}
/* _content/VNNSoftApp/Partial/Home/HomeBanner.razor.rz.scp.css */
.website-design .banner[b-32fe74ncxs] {
    background: #ecfff9;
    padding-bottom: 75px;
    position: relative;
    overflow: hidden;
}

.website-design .banner[b-32fe74ncxs]:before {
    content: "";
    background-image: url(/images/bg-before-banner.png);
    width: 820px;
    height: 612px;
    position: absolute;
    top: 0;
    right: -20px;
}

.website-design .banner .block-title h1[b-32fe74ncxs] {
    font-size: 50px;
    color: #ee4d2d;
    font-weight: bold;
    line-height: 1.12;
    margin-top: 190px;
    position: sticky;
}

.website-design .banner .block-title p[b-32fe74ncxs] {
    font-size: 20px;
    color: #475751;
    line-height: 1.5;
    font-weight: 300;
    margin-top: 16px;
    margin-bottom: 50px;
}


.website-design .banner .block-title .btn-registration[b-32fe74ncxs] {
    background-image: -moz-linear-gradient(0deg,rgba(242,142,38,.99608) 0%,#fd644f 100%);
    background-image: -webkit-linear-gradient(0deg,rgba(242,142,38,.99608) 0%,#fd644f 100%);
    background-image: -ms-linear-gradient(0deg,rgba(242,142,38,.99608) 0%,#fd644f 100%);
    width: 342px;
    height: 74px;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    line-height: 74px;
}

.website-design .banner .btn-registration.km[b-32fe74ncxs] {
    margin-bottom: 65px;
}


.website-design .banner .block-image img[b-32fe74ncxs] {
    margin-top: 105px;
    margin-left: -45px;
}

/*    .website-design .banner .btn-registration.km {
        margin-bottom: 65px;
        }
        */

.btn-registration[b-32fe74ncxs] {
    color: #fff;
    background: #2ad38b;
    background: linear-gradient(to right,#2ad38b,#0cceb0);
    border-radius: 45px;
    display: inline-block;
    line-height: 63px;
    padding: 0 35px;
    outline: none;
    -webkit-user-select: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    white-space: nowrap;
    font-size: 16px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

@media (max-width: 1600px) and (min-width: 1366px) {
    .website-design .banner[b-32fe74ncxs]:before {
        right: -350px;
    }
}

@media (max-width: 1365px) and (min-width: 1280px) {
    .website-design .banner[b-32fe74ncxs]:before {
        right: -350px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .website-design .banner .block-title h1[b-32fe74ncxs] {
        font-size: 38px;
    }

    .website-design .banner[b-32fe74ncxs]:before {
        display: none;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .website-design .banner[b-32fe74ncxs]:before {
        display: none;
    }

    .website-design .banner .block-title[b-32fe74ncxs] {
        text-align: center;
    }

        .website-design .banner .block-title h1[b-32fe74ncxs] {
            margin-top: 50px;
        }

    .website-design .banner .block-image img[b-32fe74ncxs] {
        margin: auto;
        margin-left: 70px;
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .website-design .banner .block-title h1[b-32fe74ncxs] {
        margin-top: 50px;
    }

    .website-design .banner .block-title h1[b-32fe74ncxs] {
        font-size: 32px;
    }

    .website-design .banner .block-title[b-32fe74ncxs] {
        text-align: center;
    }

    .website-design .banner[b-32fe74ncxs]:before {
        display: none;
    }

    .website-design .banner .block-title[b-32fe74ncxs] {
        text-align: center;
    }

        .website-design .banner .block-title h1[b-32fe74ncxs] {
            margin-top: 50px;
        }

    .website-design .banner .block-image img[b-32fe74ncxs] {
        margin: auto;
        margin-left: 0;
        margin-top: 40px;
        max-width: 100%;
    }

    .website-design .banner .block-title P[b-32fe74ncxs] {
        margin-bottom: 20px;
    }

    .website-design .banner .btn-registration.km[b-32fe74ncxs] {
        margin-bottom: 40px;
    }

    .website-design .banner .block-title .btn-registration[b-32fe74ncxs] {
        height: 55px;
        line-height: 55px;
        font-size: 20px;
        padding: 0 30px;
        max-width: 250px;
    }
}


.website-design .banner .block-title h1 mark.styled[b-32fe74ncxs] {
    color: #ecfff9;
    position: relative;
    display: inline-block;
    z-index: -1;
    background: none;
    background: url(/images/mark/mark-inside.svg) 50% repeat-x;
    background-size: auto 1.2em;
}

.website-design .banner .block-title h1 mark.styled[b-32fe74ncxs]:after, mark.styled[b-32fe74ncxs]:before {
    position: absolute;
    height: 100%;
    width: 50px;
    z-index: -1;
}


.website-design .banner .block-title h1 mark.styled[b-32fe74ncxs]:before {
    bottom: 0;
    content: "";
    background: url(/images/mark/mark-left.svg) 100% no-repeat;
    background-size: inherit;
    right: calc(100% - .23em);
}


.website-design .banner .block-title h1 mark.styled[b-32fe74ncxs]:after {
    bottom: 0;
    content: "";
    background: url(/images/mark/mark-right.svg) 0 no-repeat;
    background-size: inherit;
    left: calc(100% - .04em);
}
/* _content/VNNSoftApp/Partial/Home/HomeBenefit.razor.rz.scp.css */
.website-design .benefit[b-kkde798w6c] {
    position: relative;
    z-index: 9;
}

.website-design .benefit .block-left p[b-kkde798w6c] {
    font-size: 21px;
    color: rgb(238, 77, 45);
    line-height: 1.524;
    font-weight: 300;
    margin-top: 120px;
}

.website-design .benefit .block-left h2[b-kkde798w6c] {
    font-size: 36px;
    color: rgb(238, 77, 45);
    font-weight: bold;
    line-height: 1.2;
}

.website-design .benefit .block-right[b-kkde798w6c] {
    padding-top: 130px;
    left: 10px;
}

    .website-design .benefit .block-right .item[b-kkde798w6c] {
        margin-bottom: 45px;
    }

        .website-design .benefit .block-right .item .icon[b-kkde798w6c] {
            border-radius: 20px;
            width: 70px;
            height: 70px;
            display: block;
            margin-bottom: 25px;
            background-repeat: no-repeat;
            background-position: center;
        }

        .website-design .benefit .block-right .item h3[b-kkde798w6c] {
            font-size: 18px;
            color: #42464e;
            font-weight: bold;
            line-height: 1.444;
            margin-bottom: 15px;
        }

        .website-design .benefit .block-right .item p[b-kkde798w6c] {
            font-size: 16px;
            color: #777;
            line-height: 1.625;
            text-align: justify;
            padding-right: 15px;
        }


/*.benefit .block-left img {
    margin-top: 30px;
    margin-left: -95px;
    width: 628px;
}*/

.website-design .benefit .block-right .item.one .icon[b-kkde798w6c] {
    background-color: #ebfaf4;
    background-image: url(/images/icon-quy-trinh-5.svg);
}

.website-design .benefit .block-right .item.two .icon[b-kkde798w6c] {
    background-color: #fff4ef;
    background-image: url(/images/icon-thuc-day-2.svg);
}

.website-design .benefit .block-right .item.three .icon[b-kkde798w6c] {
    background-color: #e5f6ff;
    background-image: url(/images/icon-thuc-day-3.svg);
}

.website-design .benefit .block-right .item.four .icon[b-kkde798w6c] {
    background-color: #f0f2ff;
    background-image: url(/images/icon-thuc-day-4.svg);
}

@media (max-width: 1600px) and (min-width: 1366px) {
    .website-design .benefit[b-kkde798w6c]:before {
        left: -200px;
    }
}

@media (max-width: 1365px) and (min-width: 1280px) {
    .website-design .benefit[b-kkde798w6c]:before {
        left: -200px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .website-design .benefit[b-kkde798w6c]:before {
        display: none;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .website-design .benefit[b-kkde798w6c]:before {
        display: none;
    }
}

@media (max-width: 767px) {
    .website-design .benefit .block-left[b-kkde798w6c] {
        text-align: center;
    }

        .website-design .benefit .block-left p[b-kkde798w6c] {
            margin-top: 50px;
        }

        .website-design .benefit .block-left h2[b-kkde798w6c] {
            font-size: 28px;
        }

        /*.website-design .benefit .block-left img {
            display: none;
        }*/

    .website-design .benefit .block-right[b-kkde798w6c] {
        padding-top: 40px;
        left: initial;
    }


        .website-design .benefit .block-right .item[b-kkde798w6c] {
            text-align: center;
            margin-bottom: 20px;
            padding: 0 15px 0 30px;
        }

            .website-design .benefit .block-right .item .icon[b-kkde798w6c] {
                margin: auto auto 25px;
            }

            .website-design .benefit .block-right .item .icon[b-kkde798w6c] {
                display: none;
            }

            .website-design .benefit .block-right .item h3[b-kkde798w6c] {
                text-align: left;
                margin-bottom: 0;
                position: relative;
            }

                .website-design .benefit .block-right .item h3[b-kkde798w6c]:before {
                    content: "";
                    width: 7px;
                    height: 7px;
                    background: #ee4d2d;
                    border-radius: 50%;
                    position: absolute;
                    left: -15px;
                    top: 6px;
                }

            .website-design .benefit .block-right .item p[b-kkde798w6c] {
                text-align-last: center;
                padding: initial !important;
            }

            .website-design .benefit .block-right .item p[b-kkde798w6c] {
                text-align: justify;
                text-align-last: left !important;
                visibility: hidden;
                opacity: 0;
                height: 0;
                transition: visibility 0s,opacity .5s linear;
                margin-bottom: 0;
            }

        .website-design .benefit .block-right .item[b-kkde798w6c] {
            text-align: center;
            margin-bottom: 20px;
            padding: 0 15px 0 30px;
        }

    .website-design .benefit .more-button[b-kkde798w6c] {
        font-size: 16px;
        color: #ee4d2d;
        font-weight: bold;
        padding-left: 15px;
        text-align: left;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: -10px;
        margin-bottom: 10px;
    }

    .website-design .benefit[b-kkde798w6c]:before {
        display: none;
    }

    .website-design .benefit .block-right .item p.active[b-kkde798w6c] {
        margin: 15px 0 0 0;
        height: unset;
        visibility: visible;
        opacity: 1;
    }
}

.website-design .benefit[b-kkde798w6c]:before {
    content: "";
    background-image: url(/images/bg-before-thuc-day.png);
    width: 837px;
    height: 940px;
    position: absolute;
    top: 367px;
    left: 0;
}


.website-design .benefit p mark.styled[b-kkde798w6c] {
    color: rgb(255 255 255);
    position: relative;
    display: inline-block;
    z-index: -1;
    background: none;
    background: url(/images/mark/mark-inside.svg) 50% repeat-x;
    background-size: auto 1.2em;
}

    .website-design .benefit p mark.styled[b-kkde798w6c]:after, .website-design .benefit p mark.styled[b-kkde798w6c]:before {
        position: absolute;
        height: 100%;
        width: 50px;
        z-index: -1;
    }

    .website-design .benefit p mark.styled[b-kkde798w6c]:before {
        bottom: 0;
        content: "";
        background: url(/images/mark/mark-left.svg) 100% no-repeat;
        background-size: inherit;
        right: calc(100% - .23em);
    }

    .website-design .benefit p mark.styled[b-kkde798w6c]:after {
        bottom: 0;
        content: "";
        background: url(/images/mark/mark-right.svg) 0 no-repeat;
        background-size: inherit;
        left: calc(100% - .04em);
    }
/* _content/VNNSoftApp/Partial/Home/HomeParameter.razor.rz.scp.css */
.website-design .parameter .block-content[b-pa1gqvm2nc] {
    margin: -40px;
}

    .website-design .parameter .block-content .parameter-swiper[b-pa1gqvm2nc] {
        padding: 40px;
        margin-top: -100px;
    }


        .website-design .parameter .block-content .parameter-swiper .swiper-slide[b-pa1gqvm2nc] {
            border-radius: 12px;
            background: #fff;
            box-shadow: 0 18px 36px 0 rgb(0 117 71 / 12%);
            padding: 30px 60px;
            display: flex;
        }

            .website-design .parameter .block-content .parameter-swiper .swiper-slide .icon.khach-hang[b-pa1gqvm2nc] {
                background-image: url(/images/quang-cao-icon.svg);
            }

            .website-design .parameter .block-content .parameter-swiper .swiper-slide .icon.giao-dien[b-pa1gqvm2nc] {
                background-image: url(/images/giao-dien-icon.svg);
            }

            .website-design .parameter .block-content .parameter-swiper .swiper-slide .icon.linh-vuc[b-pa1gqvm2nc] {
                background-image: url(/images/icon-tab-2.svg);
            }

            .website-design .parameter .block-content .parameter-swiper .swiper-slide .icon[b-pa1gqvm2nc] {
                background: #fff;
                width: 65px;
                height: 65px;
                background-repeat: no-repeat;
                background-position: center;
            }

            .website-design .parameter .block-content .parameter-swiper .swiper-slide .info[b-pa1gqvm2nc] {
                width: calc(100% - 50px);
                padding-left: 15px;
            }

                .website-design .parameter .block-content .parameter-swiper .swiper-slide .info .number.khach-hang[b-pa1gqvm2nc] {
                    color: #ff7039;
                }

                .website-design .parameter .block-content .parameter-swiper .swiper-slide .info .number.giao-dien[b-pa1gqvm2nc] {
                    color: rgb(232 58 65);
                }

                .website-design .parameter .block-content .parameter-swiper .swiper-slide .info .number.linh-vuc[b-pa1gqvm2nc] {
                    color: rgb(255 176 6);
                }

                .website-design .parameter .block-content .parameter-swiper .swiper-slide .info .text.giao-dien[b-pa1gqvm2nc] {
                    color: rgb(131 13 17);
                }

                .website-design .parameter .block-content .parameter-swiper .swiper-slide .info .text.linh-vuc[b-pa1gqvm2nc] {
                    color: rgb(192 134 9);
                }

                .website-design .parameter .block-content .parameter-swiper .swiper-slide .info .number[b-pa1gqvm2nc] {
                    font-size: 34px;
                    font-weight: bold;
                    line-height: .765;
                }

                .website-design .parameter .block-content .parameter-swiper .swiper-slide .info .text.khach-hang[b-pa1gqvm2nc] {
                    color: #915c48;
                }

                .website-design .parameter .block-content .parameter-swiper .swiper-slide .info .text[b-pa1gqvm2nc] {
                    font-size: 16px;
                    margin-top: 10px;
                }

@media (max-width: 767px) {
    .website-design .parameter .block-content .parameter-swiper .swiper-slide[b-pa1gqvm2nc] {
        padding: 10px 5px;
        display: block;
    }

        .website-design .parameter .block-content .parameter-swiper .swiper-slide .icon[b-pa1gqvm2nc] {
            margin: auto auto 15px;
        }

        .website-design .parameter .block-content .parameter-swiper .swiper-slide .info[b-pa1gqvm2nc] {
            width: initial;
            padding-left: initial;
            text-align: center;
        }

            .website-design .parameter .block-content .parameter-swiper .swiper-slide .info .number[b-pa1gqvm2nc] {
                font-size: 16px;
            }

            .website-design .parameter .block-content .parameter-swiper .swiper-slide .info .text[b-pa1gqvm2nc] {
                font-size: 14px;
            }

    .website-design .parameter .block-content .parameter-swiper .swiper-slide[b-pa1gqvm2nc] {
        width: 31.333333%;
        margin-right: 3%;
    }
}
/* _content/VNNSoftApp/Partial/Price/PriceCustomers.razor.rz.scp.css */
/* _content/VNNSoftApp/Partial/Price/PriceFaq.razor.rz.scp.css */
/* _content/VNNSoftApp/Partial/Price/PriceRegisterBottom.razor.rz.scp.css */
/* _content/VNNSoftApp/Partial/Theme/ThemeFavorite.razor.rz.scp.css */
b sub[b-hdvwl95ic6],
i sub[b-hdvwl95ic6] {
    bottom: 6px;
    right: 2px;
}


.index-container .favorite-themes[b-hdvwl95ic6] {
    position: relative;
}

    .index-container .favorite-themes[b-hdvwl95ic6]:after {
        content: "";
        width: 295px;
        height: 873px;
        background: url(/images/shape-right-index.png) no-repeat center center;
        position: absolute;
        bottom: -200px;
        right: -80px;
    }

    .index-container .favorite-themes .container[b-hdvwl95ic6] {
        position: relative;
    }

    .index-container .favorite-themes h2[b-hdvwl95ic6] {
        text-align: left;
        font-weight: bold;
        font-size: 36px;
        color: #ee4d2d;
        margin: 70px 0 0;
        position: relative;
    }

    .index-container .favorite-themes p.desc[b-hdvwl95ic6] {
        text-align: left;
        color: #42464e;
        font-size: 21px;
        font-weight: 300;
        margin: 10px 0 40px;
    }

    .index-container .favorite-themes .more-theme[b-hdvwl95ic6] {
        display: inline-block;
        padding-right: 27px;
        font-size: 18px;
        font-weight: 400;
        color: #ee4d2d;
        background-size: auto;
        position: absolute;
        right: 15px;
        top: 55px;
    }

        .index-container .favorite-themes .more-theme[b-hdvwl95ic6]:before {
            content: "";
            width: 26px;
            height: 14px;
            position: absolute;
            right: 0;
            top: 7px;
            background: url(/images/more-theme.png) no-repeat center right;
        }

        .index-container .favorite-themes .more-theme:hover[b-hdvwl95ic6]:before {
            opacity: 0.6;
        }

    .index-container .favorite-themes .theme-item[b-hdvwl95ic6] {
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 0 0 40px 0 rgba(16, 155, 98, 0.12);
        -webkit-box-shadow: 0 0 40px 0 rgba(16, 155, 98, 0.12);
        -moz-box-shadow: 0 0 40px 0 rgba(16, 155, 98, 0.12);
        -o-box-shadow: 0 0 40px 0 rgba(16, 155, 98, 0.12);
        -os-box-shadow: 0 0 40px 0 rgba(16, 155, 98, 0.12);
        max-height: 386px;
        overflow: hidden;
        margin-bottom: 40px;
    }

        .index-container .favorite-themes .theme-item.mobile[b-hdvwl95ic6] {
            border: none;
            min-height: 386px;
        }

            .index-container .favorite-themes .theme-item.mobile .theme-image[b-hdvwl95ic6] {
                background: url(/images/bg-theme-mobile.png) no-repeat top center;
                border: none;
                text-align: center;
                padding-top: 42px;
            }

                .index-container .favorite-themes .theme-item.mobile .theme-image img[b-hdvwl95ic6] {
                    width: 168px;
                }

            .index-container .favorite-themes .theme-item.mobile .theme-info[b-hdvwl95ic6] {
                border: 1px solid #e1e1e1;
                border-radius: 0 0 5px 5px;
            }

                .index-container .favorite-themes .theme-item.mobile .theme-info .ti-info-alt[b-hdvwl95ic6] {
                    position: absolute;
                    bottom: 110px;
                    right: 25px;
                    color: #b6b6b6;
                    font-size: 20px;
                }

                .index-container .favorite-themes .theme-item.mobile .theme-info .tooltip[b-hdvwl95ic6] {
                    font-size: 12px;
                    opacity: 1 !important;
                }

                    .index-container .favorite-themes .theme-item.mobile .theme-info .tooltip .tooltip-arrow[b-hdvwl95ic6] {
                        display: none;
                    }

                    .index-container .favorite-themes .theme-item.mobile .theme-info .tooltip .tooltip-inner[b-hdvwl95ic6] {
                        background: #fff;
                        padding: 5px;
                        font-size: 12px;
                        width: 320px;
                        max-width: 320px;
                        text-align: left;
                        color: #797777;
                        border: 1px solid #e1e1e1;
                        position: relative;
                        box-shadow: #e1e1e1 0 0 15px 5px;
                    }

                        .index-container .favorite-themes .theme-item.mobile .theme-info .tooltip .tooltip-inner[b-hdvwl95ic6]:after,
                        .index-container .favorite-themes .theme-item.mobile .theme-info .tooltip .tooltip-inner[b-hdvwl95ic6]:before {
                            bottom: 100%;
                            left: 50%;
                            border: solid transparent;
                            content: " ";
                            height: 0;
                            width: 0;
                            position: absolute;
                            pointer-events: none;
                        }

                        .index-container .favorite-themes .theme-item.mobile .theme-info .tooltip .tooltip-inner[b-hdvwl95ic6]:after {
                            border-color: rgba(255, 255, 255, 0);
                            border-bottom-color: #fff;
                            border-width: 7px;
                            margin-left: -7px;
                        }

                        .index-container .favorite-themes .theme-item.mobile .theme-info .tooltip .tooltip-inner[b-hdvwl95ic6]:before {
                            border-color: rgba(225, 225, 225, 0);
                            border-bottom-color: #e1e1e1;
                            border-width: 8px;
                            margin-left: -8px;
                        }

        .index-container .favorite-themes .theme-item .theme-image[b-hdvwl95ic6] {
            position: relative;
            height: 285px;
            overflow: hidden;
        }

            .index-container .favorite-themes .theme-item .theme-image img[b-hdvwl95ic6] {
                width: 100%;
                position: relative;
            }

            .index-container .favorite-themes .theme-item .theme-image:hover .theme-action[b-hdvwl95ic6] {
                height: 100%;
            }

            .index-container .favorite-themes .theme-item .theme-image .theme-action[b-hdvwl95ic6] {
                overflow: hidden;
                position: absolute;
                top: 0;
                width: 100%;
                height: 0;
                text-align: center;
                -webkit-transition: all 0.3s ease 0.15s;
                -moz-transition: all 0.3s ease 0.15s;
                -o-transition: all 0.3s ease 0.15s;
                -ms-transition: all 0.3s ease 0.15s;
                transition: all 0.3s ease 0.15s;
            }

                .index-container .favorite-themes .theme-item .theme-image .theme-action[b-hdvwl95ic6]:before {
                    content: "";
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    background: rgba(0, 0, 0, 0.5);
                }

                .index-container .favorite-themes .theme-item .theme-image .theme-action .button[b-hdvwl95ic6] {
                    position: relative;
                    top: 50%;
                    transform: translateY(-50%);
                }

                .index-container .favorite-themes .theme-item .theme-image .theme-action a[b-hdvwl95ic6] {
                    display: block;
                    width: 165px;
                    height: 45px;
                    line-height: 45px;
                    font-size: 18px;
                    margin: 0 auto;
                    font-weight: 400;
                }

                    .index-container .favorite-themes .theme-item .theme-image .theme-action a:hover[b-hdvwl95ic6] {
                        text-decoration: none;
                    }

                    .index-container .favorite-themes .theme-item .theme-image .theme-action a.view-demo[b-hdvwl95ic6] {
                        color: #fff;
                        background-image: -moz-linear-gradient(0deg, rgba(242, 142, 38, .99608) 0%, #fd644f 100%);
                        background-image: -webkit-linear-gradient(0deg, rgba(242, 142, 38, .99608) 0%, #fd644f 100%);
                        background-image: -ms-linear-gradient(0deg, rgba(242, 142, 38, .99608) 0%, #fd644f 100%);
                        margin-bottom: 15px;
                    }

                    .index-container .favorite-themes .theme-item .theme-image .theme-action a.view-detail[b-hdvwl95ic6] {
                        color: #fff;
                        border: 1px solid #fff;
                        background: transparent;
                    }

        .index-container .favorite-themes .theme-item .theme-info[b-hdvwl95ic6] {
            padding: 25px;
            border-top: 0 solid #e1e1e1;
            background: #fff;
        }

            .index-container .favorite-themes .theme-item .theme-info h3[b-hdvwl95ic6] {
                font-size: 18px;
                font-weight: 400;
                color: #096f47;
                margin: 0;
            }

                .index-container .favorite-themes .theme-item .theme-info h3 a[b-hdvwl95ic6] {
                    display: block;
                    font-size: 18px;
                    font-weight: 400;
                    color: #ee4d2d;
                    margin-bottom: 5px;
                    height: 23px;
                    overflow: hidden;
                }

            .index-container .favorite-themes .theme-item .theme-info .price[b-hdvwl95ic6] {
                display: block;
                font-size: 16px;
            }

                .index-container .favorite-themes .theme-item .theme-info .price b[b-hdvwl95ic6] {
                    color: #4e4747;
                    font-weight: bold;
                }

                .index-container .favorite-themes .theme-item .theme-info .price.has-compare b[b-hdvwl95ic6] {
                    color: #e61919;
                }

                .index-container .favorite-themes .theme-item .theme-info .price.has-compare i[b-hdvwl95ic6] {
                    text-decoration: line-through;
                    font-size: 12px;
                    color: #4e4747;
                    font-style: normal;
                }


@media (min-width: 1300px) and (max-width: 1600px) {
    .index-container .favorite-themes[b-hdvwl95ic6]:after {
        right: -240px;
    }

    .index-container .themes-list[b-hdvwl95ic6]:after {
        left: -200px;
    }
}

@media (max-width: 1299px) {
    .index-container .favorite-themes[b-hdvwl95ic6]:after {
        content: none;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .index-container .favorite-themes h2[b-hdvwl95ic6] {
        margin-top: 30px;
        font-size: 30px;
    }

    .index-container .favorite-themes .more-theme[b-hdvwl95ic6] {
        top: 50px;
    }

    .index-container .favorite-themes .theme-item[b-hdvwl95ic6] {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .index-container .favorite-themes h2[b-hdvwl95ic6] {
        margin-top: 30px;
        font-size: 24px;
        text-align: center;
    }

    .index-container .favorite-themes p.desc[b-hdvwl95ic6] {
        text-align: center;
        font-size: 18px;
        margin: 10px 0 25px;
    }

    .index-container .favorite-themes .more-theme[b-hdvwl95ic6] {
        display: none;
    }

    .index-container .favorite-themes .theme-item[b-hdvwl95ic6] {
        margin-bottom: 30px;
        max-height: 435px;
    }

        .index-container .favorite-themes .theme-item .theme-image[b-hdvwl95ic6] {
            height: 330px;
        }

    .index-container .favorite-themes .row[b-hdvwl95ic6] {
        color: #fff;
    }

        .index-container .favorite-themes .row > div:nth-child(3)[b-hdvwl95ic6],
        .index-container .favorite-themes .row > div:nth-child(2)[b-hdvwl95ic6],
        .index-container .favorite-themes .row > div:nth-child(4)[b-hdvwl95ic6],
        .index-container .favorite-themes .row > div:nth-child(5)[b-hdvwl95ic6],
        .index-container .favorite-themes .row > div:nth-child(6)[b-hdvwl95ic6],
        .index-container .favorite-themes .row > div:nth-child(7)[b-hdvwl95ic6],
        .index-container .favorite-themes .row > div:nth-child(8)[b-hdvwl95ic6] {
            display: none;
        }

    .index-container .favorite-themes .more-button[b-hdvwl95ic6] {
        width: 100%;
    }

        .index-container .favorite-themes .more-button a[b-hdvwl95ic6] {
            display: inline-block;
            height: 40px;
            line-height: 40px;
            border: solid 1px #e3a791;
            border-radius: 40px;
            margin-top: 0 !important;
            background: transparent;
            font-size: 16px;
            color: #ee4d2d;
            background: url(/images/more-theme.png) no-repeat center right;
            background-position-x: 116px;
            padding: 0 55px 0 35px;
        }
}
/* _content/VNNSoftApp/Partial/Theme/ThemeMenu.razor.rz.scp.css */

.menu-toolbar[b-kgvp4zbadn] {
    background: #fff;
    border-bottom: 1px solid #ebebeb;
    box-shadow: 0 -22px 21px 0 rgb(255 247 245);
    position: relative;
    z-index: 1;
}

    .menu-toolbar .filter-desktop ul[b-kgvp4zbadn] {
        list-style: none;
        padding: 0 0;
        margin: 0 0;
        display: flex;
    }

        .menu-toolbar .filter-desktop ul li[b-kgvp4zbadn] {
            margin-right: 50px;
            position: relative;
        }

            .menu-toolbar .filter-desktop ul li:nth-last-child(2)[b-kgvp4zbadn] {
                margin-right: 0;
            }

            .menu-toolbar .filter-desktop ul li[b-kgvp4zbadn]:after {
                content: "";
                width: 100%;
                height: 1px;
                background: #ee4d2d;
                position: absolute;
                bottom: -1px;
                left: 0;
                opacity: 0;
            }

            .menu-toolbar .filter-desktop ul li:hover[b-kgvp4zbadn]:after,
            .menu-toolbar .filter-desktop ul li.active[b-kgvp4zbadn]:after {
                opacity: 1;
            }

            .menu-toolbar .filter-desktop ul li:hover > a[b-kgvp4zbadn],
            .menu-toolbar .filter-desktop ul li.active > a[b-kgvp4zbadn] {
                font-weight: 700;
                color: #ee4d2d;
            }

            .menu-toolbar .filter-desktop ul li:hover > i[b-kgvp4zbadn],
            .menu-toolbar .filter-desktop ul li.active > i[b-kgvp4zbadn] {
                color: #12d288;
            }

            .menu-toolbar .filter-desktop ul li:hover ul.sub-menu[b-kgvp4zbadn] {
                display: block;
            }

            .menu-toolbar .filter-desktop ul li a[b-kgvp4zbadn] {
                height: 74px;
                line-height: 74px;
                font-size: 16px;
                color: #42464e;
                margin-right: 0;
                display: flex;
                align-items: center;
                text-decoration: none;
            }

                .menu-toolbar .filter-desktop ul li a svg[b-kgvp4zbadn],
                .menu-toolbar .filter-desktop ul li a img[b-kgvp4zbadn] {
                    margin-right: 10px;
                }

                .menu-toolbar .filter-desktop ul li a .fa-angle-down[b-kgvp4zbadn] {
                    margin-left: 5px;
                }

            .menu-toolbar .filter-desktop ul li .badge[b-kgvp4zbadn] {
                display: none;
            }

                .menu-toolbar .filter-desktop ul li .badge.d[b-kgvp4zbadn] {
                    display: inline-block;
                    font-size: 12px;
                    font-weight: 400;
                    color: #fff;
                    background: #ed1f1f;
                    border-radius: 4px;
                    padding: 0 4px;
                    line-height: 15px;
                    position: absolute;
                    top: 13px;
                    right: -35px;
                }

@media (max-width: 1199px) {
    .menu-toolbar .filter-desktop ul li .badge.d[b-kgvp4zbadn] {
        right: -22px;
    }
}

.menu-toolbar .filter-desktop ul li i[b-kgvp4zbadn] {
    font-size: 20px;
}

.menu-toolbar .filter-desktop ul li ul.sub-menu[b-kgvp4zbadn] {
    display: none;
    position: absolute;
    top: 75px;
    left: 0;
    z-index: 9;
    background: #fff;
    border: 1px solid #ebebeb;
}

    .menu-toolbar .filter-desktop ul li ul.sub-menu li[b-kgvp4zbadn] {
        display: block;
        margin: 0 15px;
        padding: 0;
        min-width: 260px;
        border-bottom: 1px solid #ebebeb;
    }

        .menu-toolbar .filter-desktop ul li ul.sub-menu li[b-kgvp4zbadn]:after {
            content: none;
        }

        .menu-toolbar .filter-desktop ul li ul.sub-menu li a[b-kgvp4zbadn] {
            line-height: normal;
            height: auto;
            padding: 10px 0;
            font-size: 14px;
            color: #7c7c7c;
            display: block;
            margin-right: 0;
        }

            .menu-toolbar .filter-desktop ul li ul.sub-menu li a:hover[b-kgvp4zbadn] {
                color: #363636;
            }

        .menu-toolbar .filter-desktop ul li ul.sub-menu li:first-child[b-kgvp4zbadn] {
            font-weight: normal;
        }

        .menu-toolbar .filter-desktop ul li ul.sub-menu li:last-child[b-kgvp4zbadn] {
            border: none;
        }

.menu-toolbar .filter-form[b-kgvp4zbadn] {
    text-align: right;
    display: flex;
    align-items: center;
}

    .menu-toolbar .filter-form .sort-theme[b-kgvp4zbadn] {
        position: relative;
        cursor: pointer;
        margin-right: 10px;
    }

        .menu-toolbar .filter-form .sort-theme a[b-kgvp4zbadn] {
            display: flex;
            color: #a5a5a5;
            height: 74px;
            align-items: center;
        }

            .menu-toolbar .filter-form .sort-theme a svg[b-kgvp4zbadn] {
                display: block;
            }

        .menu-toolbar .filter-form .sort-theme:hover[b-kgvp4zbadn] {
            color: #2d2d2d;
        }

            .menu-toolbar .filter-form .sort-theme:hover .sort-by[b-kgvp4zbadn] {
                display: block;
            }

        .menu-toolbar .filter-form .sort-theme .sort-by[b-kgvp4zbadn] {
            display: none;
            position: absolute;
            top: 74px;
            left: -10px;
            border: 1px solid #e1e1e1;
            background: #fff;
            z-index: 9;
        }

            .menu-toolbar .filter-form .sort-theme .sort-by ul[b-kgvp4zbadn] {
                flex-wrap: wrap;
            }

                .menu-toolbar .filter-form .sort-theme .sort-by ul li[b-kgvp4zbadn] {
                    padding: 10px 0;
                    margin: 0 10px;
                    min-width: 180px;
                    text-align: left;
                    line-height: normal;
                    height: auto;
                    font-size: 14px;
                    color: #7c7c7c;
                    border-bottom: 1px solid #e1e1e1;
                }

                    .menu-toolbar .filter-form .sort-theme .sort-by ul li[b-kgvp4zbadn]:after {
                        content: none;
                    }

                    .menu-toolbar .filter-form .sort-theme .sort-by ul li:first-child[b-kgvp4zbadn] {
                        font-weight: normal;
                    }

                    .menu-toolbar .filter-form .sort-theme .sort-by ul li:last-child[b-kgvp4zbadn] {
                        border-bottom: none;
                    }

                    .menu-toolbar .filter-form .sort-theme .sort-by ul li.active[b-kgvp4zbadn],
                    .menu-toolbar .filter-form .sort-theme .sort-by ul li:hover[b-kgvp4zbadn] {
                        font-weight: 700;
                        color: #2d2d2d;
                    }

    .menu-toolbar .filter-form form[b-kgvp4zbadn] {
        position: relative;
    }

        .menu-toolbar .filter-form form input[b-kgvp4zbadn] {
            border: none;
            border: 1px solid #fef4f3;
            border-radius: 5px;
            height: 40px;
            line-height: 40px;
            width: 280px;
            padding: 0 50px 0 15px;
            outline: none;
            font-size: 14px;
            font-weight: 400;
            background: #fff5f4;
            color: #ee4d2d;
        }

            .menu-toolbar .filter-form form input[b-kgvp4zbadn]::placeholder {
                color: #ee4d2d;
            }

            .menu-toolbar .filter-form form input:-ms-input-placeholder[b-kgvp4zbadn] {
                color: #ee4d2d;
            }

            .menu-toolbar .filter-form form input[b-kgvp4zbadn]::-ms-input-placeholder {
                color: #ee4d2d;
            }

        .menu-toolbar .filter-form form button[b-kgvp4zbadn] {
            position: absolute;
            border: none;
            background: none;
            right: 1px;
            top: 0;
            font-size: 16px;
            width: 40px;
            height: 40px;
            cursor: pointer;
            outline: none;
            line-height: 35px;
        }

            .menu-toolbar .filter-form form button i[b-kgvp4zbadn] {
                color: #d02c0d;
                font-weight: 300;
            }

.menu-toolbar .filter-mobile[b-kgvp4zbadn] {
    position: relative;
}

    .menu-toolbar .filter-mobile .title-filter-mobile[b-kgvp4zbadn] {
        display: block;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        color: #2d2d2d;
        margin-right: 5px;
    }

    .menu-toolbar .filter-mobile .show-search-form[b-kgvp4zbadn] {
        position: absolute;
        right: 0;
        top: 0;
        display: inline-block;
        height: 75px;
        line-height: 75px;
        width: 45px;
        text-align: center;
        border-left: 1px solid #f6d7cd;
    }

        .menu-toolbar .filter-mobile .show-search-form i[b-kgvp4zbadn] {
            font-size: 18px;
            color: #3e3d3c;
        }

    .menu-toolbar .filter-mobile .filter-by[b-kgvp4zbadn] {
        display: none;
        position: absolute;
        top: 76px;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 9;
        padding: 0 15px;
    }

        .menu-toolbar .filter-mobile .filter-by ul[b-kgvp4zbadn] {
            padding: 0 0;
            margin: 0;
        }

            .menu-toolbar .filter-mobile .filter-by ul li:last-child[b-kgvp4zbadn] {
                border-bottom: none;
            }

            .menu-toolbar .filter-mobile .filter-by ul li a[b-kgvp4zbadn] {
                display: block;
                height: 45px;
                line-height: 45px;
                font-size: 16px;
                color: #2d2d2d;
            }

                .menu-toolbar .filter-mobile .filter-by ul li a img[b-kgvp4zbadn] {
                    display: none;
                }

                .menu-toolbar .filter-mobile .filter-by ul li a:hover[b-kgvp4zbadn] {
                    text-decoration: none;
                }

            .menu-toolbar .filter-mobile .filter-by ul li i[b-kgvp4zbadn] {
                font-size: 20px;
                top: 13px;
            }

            .menu-toolbar .filter-mobile .filter-by ul li .sub-menu[b-kgvp4zbadn] {
                margin-left: 20px;
                display: none;
            }

                .menu-toolbar .filter-mobile .filter-by ul li .sub-menu li[b-kgvp4zbadn] {
                    padding: 0 0;
                }

.menu-toolbarSearch[b-kgvp4zbadn] {
    margin-bottom: 40px;
}

    .menu-toolbarSearch .filter-form[b-kgvp4zbadn] {
        text-align: right;
    }

        .menu-toolbarSearch .filter-form .sort-theme[b-kgvp4zbadn] {
            display: inline-block;
            color: #a5a5a5;
            font-size: 20px;
            line-height: 74px;
            margin-left: 0;
            position: relative;
            cursor: pointer;
        }

            .menu-toolbarSearch .filter-form .sort-theme i[b-kgvp4zbadn]:before {
                content: none;
            }

            .menu-toolbarSearch .filter-form .sort-theme:hover[b-kgvp4zbadn] {
                color: #2d2d2d;
            }

                .menu-toolbarSearch .filter-form .sort-theme:hover .sort-by[b-kgvp4zbadn] {
                    display: block;
                }

            .menu-toolbarSearch .filter-form .sort-theme .sort-by[b-kgvp4zbadn] {
                display: block;
                top: auto;
                left: 0;
                background: transparent;
                z-index: 0;
                border: none;
                position: relative;
                display: flex;
            }

                .menu-toolbarSearch .filter-form .sort-theme .sort-by span[b-kgvp4zbadn] {
                    display: inline-block;
                    height: 74px;
                    line-height: 74px;
                    font-size: 16px;
                    color: #42464e;
                    font-weight: bold;
                    margin-right: 50px;
                    cursor: default;
                }

                .menu-toolbarSearch .filter-form .sort-theme .sort-by ul[b-kgvp4zbadn] {
                    display: flex;
                }

                    .menu-toolbarSearch .filter-form .sort-theme .sort-by ul li[b-kgvp4zbadn] {
                        position: relative;
                        height: 74px;
                        line-height: 74px;
                        font-size: 16px;
                        color: #42464e;
                        border: none;
                        padding: 0;
                        margin: 0 50px 0 0;
                        display: inline-block;
                        min-width: unset;
                    }

                        .menu-toolbarSearch .filter-form .sort-theme .sort-by ul li:last-child[b-kgvp4zbadn] {
                            margin-right: 0;
                        }

                        .menu-toolbarSearch .filter-form .sort-theme .sort-by ul li[b-kgvp4zbadn]:after {
                            content: "";
                            width: 100%;
                            height: 1px;
                            background: #12d288;
                            position: absolute;
                            bottom: -1px;
                            left: 0;
                            opacity: 0;
                        }

                        .menu-toolbarSearch .filter-form .sort-theme .sort-by ul li:hover[b-kgvp4zbadn],
                        .menu-toolbarSearch .filter-form .sort-theme .sort-by ul li.active[b-kgvp4zbadn] {
                            font-weight: 700;
                            color: #12d288;
                        }

                            .menu-toolbarSearch .filter-form .sort-theme .sort-by ul li:hover[b-kgvp4zbadn]:after,
                            .menu-toolbarSearch .filter-form .sort-theme .sort-by ul li.active[b-kgvp4zbadn]:after {
                                opacity: 1;
                            }

        .menu-toolbarSearch .filter-form form[b-kgvp4zbadn] {
            display: inline-block;
            position: relative;
        }

            .menu-toolbarSearch .filter-form form input[b-kgvp4zbadn] {
                border: none;
                border: 1px solid #e7f7f1;
                border-radius: 5px;
                margin: 18px 0 0;
                height: 40px;
                line-height: 40px;
                width: 280px;
                padding: 0 50px 0 15px;
                outline: none;
                font-size: 14px;
                font-weight: 400;
                background: #e7f7f1;
                color: #4c7465;
            }

                .menu-toolbarSearch .filter-form form input[b-kgvp4zbadn]::placeholder {
                    color: #4c7465;
                }

                .menu-toolbarSearch .filter-form form input:-ms-input-placeholder[b-kgvp4zbadn] {
                    color: #4c7465;
                }

                .menu-toolbarSearch .filter-form form input[b-kgvp4zbadn]::-ms-input-placeholder {
                    color: #4c7465;
                }

            .menu-toolbarSearch .filter-form form button[b-kgvp4zbadn] {
                position: absolute;
                border: none;
                background: none;
                right: 1px;
                top: 18px;
                font-size: 16px;
                width: 40px;
                height: 40px;
                cursor: pointer;
                outline: none;
                line-height: 35px;
            }

                .menu-toolbarSearch .filter-form form button i[b-kgvp4zbadn] {
                    color: #6e8d81;
                    font-weight: 300;
                }

@media (min-width: 992px) and (max-width: 1199px) {
    .menu-toolbar .filter-desktop ul li[b-kgvp4zbadn] {
        margin-right: 25px;
    }

    .menu-toolbar .filter-form .sort-theme[b-kgvp4zbadn] {
        margin-left: 0;
    }

    .menu-toolbar .filter-form form input[b-kgvp4zbadn] {
        width: 245px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .menu-toolbar .filter-desktop ul li[b-kgvp4zbadn] {
        margin-right: 30px;
    }

        .menu-toolbar .filter-desktop ul li ul.sub-menu[b-kgvp4zbadn] {
            left: auto;
            right: 0;
        }

    .menu-toolbar .show-search-tablet[b-kgvp4zbadn] {
        font-size: 16px;
        display: inline-block !important;
        line-height: 75px;
        position: absolute;
        right: 20px;
        color: #2d2d2d;
    }

        .menu-toolbar .show-search-tablet i[b-kgvp4zbadn] {
            color: #6e8d81;
        }

    .menu-toolbar .filter-form[b-kgvp4zbadn] {
        display: none;
        position: absolute;
        top: 74px;
        right: 0;
    }

        .menu-toolbar .filter-form .sort-theme[b-kgvp4zbadn] {
            margin-right: 10px;
        }

        .menu-toolbar .filter-form form input[b-kgvp4zbadn] {
            width: 230px;
            background: #fff;
        }
}

@media (max-width: 767px) {
    .menu-toolbar .filter-mobile[b-kgvp4zbadn] {
        height: 75px;
        line-height: 75px;
    }

        .menu-toolbar .filter-mobile .title-filter-mobile[b-kgvp4zbadn] {
            height: 45px;
            line-height: 45px;
            margin-top: 15px;
            background: #FEEFEA;
            width: 100%;
            padding: 0 10px;
            border-radius: 5px;
        }

        .menu-toolbar .filter-mobile .show-search-form[b-kgvp4zbadn] {
            right: 15px;
            top: 15px;
            height: 45px;
            line-height: 45px;
            width: 50px;
            z-index: 1;
            border-left: 1px solid #f6d7cd;
        }

            .menu-toolbar .filter-mobile .show-search-form .fa-search[b-kgvp4zbadn] {
                position: absolute;
                right: 0;
                top: 18px;
            }

                .menu-toolbar .filter-mobile .show-search-form .fa-search[b-kgvp4zbadn]:before {
                    content: "";
                    background: url(/images/theme-search-icon.png) no-repeat top center;
                    width: 17px;
                    height: 18px;
                    background-size: contain;
                    position: absolute;
                    top: -3px;
                    right: 15px;
                }

        .menu-toolbar .filter-mobile .search-form-mobile[b-kgvp4zbadn] {
            height: 45px;
            line-height: 45px;
            position: absolute;
            width: calc(100% - 60px);
            top: 0;
            display: none;
        }

            .menu-toolbar .filter-mobile .search-form-mobile input[b-kgvp4zbadn] {
                border: none;
                border: 1px solid #e7f7f1;
                border-radius: 5px;
                margin: 15px 0 0;
                height: 45px;
                line-height: 45px;
                width: 100%;
                padding: 0 50px 0 15px;
                outline: none;
                font-size: 14px;
                font-weight: 400;
                background: #e7f7f1;
                color: #4c7465;
            }

                .menu-toolbar .filter-mobile .search-form-mobile input[b-kgvp4zbadn]::placeholder {
                    color: #4c7465;
                }

                .menu-toolbar .filter-mobile .search-form-mobile input:-ms-input-placeholder[b-kgvp4zbadn] {
                    color: #4c7465;
                }

                .menu-toolbar
                .filter-mobile
                .search-form-mobile
                input[b-kgvp4zbadn]::-ms-input-placeholder {
                    color: #4c7465;
                }

            .menu-toolbar .filter-mobile .search-form-mobile button[b-kgvp4zbadn] {
                position: absolute;
                border: none;
                background: none;
                right: 1px;
                top: 18px;
                font-size: 16px;
                width: 40px;
                height: 40px;
                cursor: pointer;
                outline: none;
                line-height: 35px;
                display: none;
            }

                .menu-toolbar .filter-mobile .search-form-mobile button i[b-kgvp4zbadn]:before {
                    content: "";
                    background: url(/Themes/Portal/Default/Styles/images/index/new/search-icon.png) no-repeat top center;
                    width: 17px;
                    height: 18px;
                    background-size: contain;
                    position: absolute;
                    top: 11px;
                    right: 15px;
                }

    .menu-toolbar ul li[b-kgvp4zbadn] {
        display: block;
        margin-right: 0;
        border-bottom: 1px solid #ebebeb;
    }

        .menu-toolbar ul li:last-child[b-kgvp4zbadn] {
            border-bottom: none;
        }

        .menu-toolbar ul li:hover[b-kgvp4zbadn] {
            border-bottom: 1px solid #ebebeb;
        }

        .menu-toolbar ul li a[b-kgvp4zbadn] {
            height: 45px;
            line-height: 45px;
        }

        .menu-toolbar ul li.has-child[b-kgvp4zbadn] {
            position: relative;
        }

            .menu-toolbar ul li.has-child .fa-angle-down[b-kgvp4zbadn] {
                position: absolute;
                right: 0;
                top: 10px;
            }

        .menu-toolbar ul li ul.sub-menu[b-kgvp4zbadn] {
            position: static;
            border: none;
        }

            .menu-toolbar ul li ul.sub-menu li[b-kgvp4zbadn] {
                border: none;
                padding: 10px 0;
            }

        .menu-toolbar ul li form[b-kgvp4zbadn] {
            padding: 10px 0;
            position: relative;
        }

            .menu-toolbar ul li form input[b-kgvp4zbadn] {
                width: 100%;
                height: 44px;
                line-height: 44px;
                border: 1px solid #e1e1e1;
                border-radius: 5px;
                padding: 0 50px 0 20px;
                font-size: 14px;
                outline: none;
            }

            .menu-toolbar ul li form button[b-kgvp4zbadn] {
                position: absolute;
                border: none;
                background: transparent;
                top: 20px;
                right: 10px;
            }

    .menu-toolbar .filter-form[b-kgvp4zbadn] {
        display: none;
    }

        .menu-toolbar .filter-form form input[b-kgvp4zbadn] {
            width: 245px;
        }
}
/* _content/VNNSoftApp/Shared/Footer.razor.rz.scp.css */

.footer-menu[b-rnxzyxwraz] {
    padding-top: 36px;
    padding-bottom: 35px;
    margin-bottom: 30px;
}

.home.footer[b-rnxzyxwraz] {
    margin-top: -135px;
}

    .home.footer .footer-menu[b-rnxzyxwraz] {
        padding-top: 190px;
    }

.themes.footer[b-rnxzyxwraz] {
    margin-top: -135px;
}

    .themes.footer .footer-menu[b-rnxzyxwraz] {
        padding-top: 190px;
    }

.footer[b-rnxzyxwraz] {
    background-color: #101215;
    color: #7d8492;
}

    .footer ul[b-rnxzyxwraz] {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .footer ul li[b-rnxzyxwraz] {
            padding-bottom: 5px;
            padding-top: 5px;
            font-size: 14px;
        }

/*.footer-menu {
    padding-top: 36px;
    padding-bottom: 35px;
    margin-bottom: 30px;
    }*/

@media(max-width: 991px) and (min-width:768px) {
    .footer-menu[b-rnxzyxwraz] {
        padding-top: 11px;
        margin-bottom: 5px;
    }
}

@media(max-width: 767px) {
    .footer-menu[b-rnxzyxwraz] {
        padding-bottom: 25px;
        margin-bottom: 30px;
    }

    .register-bottom[b-rnxzyxwraz] {
        background-size: cover !important;
    }
}

@media(min-width: 992px) {
    .footer .col-w-20[b-rnxzyxwraz] {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .footer .col-w-60[b-rnxzyxwraz] {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
}

.footer .title[b-rnxzyxwraz] {
    color: #d1d3d6;
    font-size: 15px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 21px;
}

@media(max-width: 991px) and (min-width:768px) {
    .footer .title[b-rnxzyxwraz] {
        margin-top: 25px;
    }
}

.footer .title a[b-rnxzyxwraz] {
    color: inherit;
    padding: 0;
    font-size: 15px;
}

.footer a[b-rnxzyxwraz] {
    color: #7d8492;
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}

.footer-address[b-rnxzyxwraz] {
    padding-bottom: 25px;
}

@media(max-width: 767px) {
    .footer-address[b-rnxzyxwraz] {
        padding-bottom: 15px;
    }
}

.footer-address .shared-experience[b-rnxzyxwraz] {
    padding-top: 35px;
}

@media(max-width: 991px) and (min-width:768px) {
    .footer-address .shared-experience[b-rnxzyxwraz] {
        padding-top: 10px;
    }
}

@media(max-width: 767px) {
    .footer-address .shared-experience[b-rnxzyxwraz] {
        padding-top: 10px;
    }

        .footer-address .shared-experience + ul[b-rnxzyxwraz] {
            margin-bottom: 20px;
        }
}

.footer-address .social[b-rnxzyxwraz] {
    font-size: 0;
    margin-top: -37px;
    margin-left: 100px;
}

    .footer-address .social li[b-rnxzyxwraz] {
        display: inline-block;
        margin-right: 7px;
        margin-left: 10px;
        padding: 0;
    }

        .footer-address .social li a[b-rnxzyxwraz] {
            font-size: 26px;
            color: #d1d3d6;
            font-weight: 500;
            line-height: 21px;
            padding: 0;
            display: block;
        }

.footer-address .contact-info[b-rnxzyxwraz] {
    margin-top: 25px;
}

    .footer-address .contact-info p[b-rnxzyxwraz] {
        font-size: 14px;
        color: #7d8492;
        padding: 5px 0;
        margin: 0;
        line-height: 24px;
    }

        .footer-address .contact-info p i[b-rnxzyxwraz] {
            padding: 0 5px;
        }

        .footer-address .contact-info p b[b-rnxzyxwraz] {
            color: #d1d3d6;
            font-size: 15px;
        }

    .footer-address .contact-info a[b-rnxzyxwraz] {
        padding: 0;
    }

.footer-bct[b-rnxzyxwraz] {
    position: absolute;
    right: 50px;
    bottom: -7px;
    padding-bottom: 5px;
    padding-top: 5px;
}

@media(max-width: 991px) {
    .footer-bct[b-rnxzyxwraz] {
        position: initial;
    }
}

@media(max-width: 767px) {
    .footer-bct[b-rnxzyxwraz] {
        position: initial;
    }
}

.footer-bct-hanggia[b-rnxzyxwraz] {
    position: absolute;
    right: 200px;
    bottom: -10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

    .footer-bct-hanggia img[b-rnxzyxwraz] {
        height: 44px;
    }

@media(max-width: 991px) {
    .footer-bct-hanggia[b-rnxzyxwraz] {
        position: initial;
        margin-right: 10px;
    }
}

@media(max-width: 767px) {
    .footer-bct-hanggia[b-rnxzyxwraz] {
        position: initial;
    }
}

.footer-copyright[b-rnxzyxwraz] {
    background-color: #101215;
    color: #7d8492;
    padding: 5px 0;
    border-top: 1px solid #24282e;
    font-size: 13px;
    position: relative;
}

    .footer-copyright p[b-rnxzyxwraz] {
        margin: 0;
    }

@media(max-width: 767px) {
    .footer-copyright[b-rnxzyxwraz] {
        padding: 0;
    }
}

@media(max-width: 767px) and (min-width:576px) {
    .footer-copyright[b-rnxzyxwraz]:after {
        content: "";
        height: 1px;
        background: #24282e;
        width: 100%;
        position: absolute;
        top: 84px;
    }
}

.footer-copyright .copyright[b-rnxzyxwraz] {
    padding-top: 13px;
    padding-bottom: 7px;
    display: inline-block;
    font-size: 13px;
}

@media(max-width: 767px) {
    .footer-copyright .copyright[b-rnxzyxwraz] {
        padding-top: 22px;
        padding-bottom: 22px;
    }
}

.footer-copyright .copyright a[b-rnxzyxwraz] {
    padding: 0;
    font-size: 13px;
    color: #7d8492;
}

.footer-copyright .achievement[b-rnxzyxwraz] {
    display: inline-block;
    font-size: 13px;
    margin: 13px 0;
    width: 100%;
}

@media(min-width: 992px) {
    .footer-copyright .achievement[b-rnxzyxwraz] {
        text-align: right;
    }
}

@media(max-width: 767px) {
    .footer-copyright .achievement[b-rnxzyxwraz] {
        margin-top: 22px;
        margin-bottom: 22px;
    }
}

.footer-copyright .achievement span[b-rnxzyxwraz] {
    display: inline-block;
}

@media(max-width: 575px) {
    .footer-copyright .achievement span[b-rnxzyxwraz] {
        max-width: 55%;
    }
}

.footer-copyright .achievement span.icon-achievement[b-rnxzyxwraz] {
    margin-top: 6px;
}

@media(min-width: 1200px) {
    .footer-copyright .achievement span.icon-achievement[b-rnxzyxwraz] {
        margin-top: 0;
    }
}

@media(max-width: 991px) {
    .footer-copyright .achievement span.icon-achievement[b-rnxzyxwraz] {
        margin-top: 5px;
        margin-left: 5px;
    }
}

@media(max-width: 767px) {
    .footer-copyright .achievement span.icon-achievement[b-rnxzyxwraz] {
        vertical-align: top;
    }
}

.footer-copyright .achievement span img[b-rnxzyxwraz] {
    height: 28px;
}

@media(min-width: 1200px) {
    .footer-copyright .achievement span img[b-rnxzyxwraz] {
        margin-top: -12px;
    }
}

@media(max-width: 991px) {
    .footer-copyright .achievement span img[b-rnxzyxwraz] {
        height: auto;
    }
}

.footer .copyright-mobile[b-rnxzyxwraz] {
    border-top: 1px solid #24282e;
    text-align: center;
    color: #545a68;
    padding: 15px 0;
}

@media(min-width: 1200px) {
    .footer-menu ul li a[b-rnxzyxwraz] {
        white-space: nowrap;
    }
}

.fa-map-marker[b-rnxzyxwraz]:before {
    content: "";
}

#footer ul > li a:hover[b-rnxzyxwraz] {
    color: #7d8492 !important;
    text-decoration: underline;
}
/* _content/VNNSoftApp/Shared/Header.razor.rz.scp.css */

.header[b-jkdsvbk0ut] {
    position: relative;
    z-index: 999;
}


    .header.sticky[b-jkdsvbk0ut] {
        position: fixed;
        background: #fff;
        left: 0;
        width: 100%;
        top: 0;
        animation: fadeInDown-b-jkdsvbk0ut .1s ease;
    }

    .header:not(.active-child) .main-header .-birthday .main-logo img[b-jkdsvbk0ut] {
        height: 55px;
    }

    .header .main-header[b-jkdsvbk0ut] {
        height: 85px;
        z-index: 2;
    }

        .header .main-header .main-logo img[b-jkdsvbk0ut] {
            height: 46px;
        }

        .header .main-header .express-fin .icon[b-jkdsvbk0ut] {
            margin-top: 0 !important;
            width: 41px !important;
            height: 41px !important;
        }

        .header .main-header .express-fin .childMenu.product[b-jkdsvbk0ut] {
            height: initial;
            left: -317px;
            width: 678px;
        }

            .header .main-header .express-fin .childMenu.product[b-jkdsvbk0ut]:after {
                left: 335px;
            }

            .header .main-header .express-fin .childMenu.product li[b-jkdsvbk0ut] {
                width: 312px;
            }

        .header .main-header ul[b-jkdsvbk0ut] {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .header .main-header ul.main-menu li:first-child[b-jkdsvbk0ut] {
                margin-left: 0;
            }

            .header .main-header ul li[b-jkdsvbk0ut] {
                margin-left: 20px;
                position: relative;
            }

                .header .main-header ul li a[b-jkdsvbk0ut] {
                    line-height: 85px;
                    display: block;
                    font-size: 15px;
                    font-weight: bold;
                    color: #444445;
                    text-decoration: none;
                }

                    .header .main-header ul li a svg[b-jkdsvbk0ut] {
                        width: 9px;
                    }

                    .header .main-header ul li a .badge[b-jkdsvbk0ut] {
                        font-size: 11px;
                        color: #fff;
                        text-transform: uppercase;
                        background: #ff8da2;
                        border-radius: 3px;
                        font-weight: bold;
                        vertical-align: middle;
                        margin: -15px 0 0 7px;
                    }

@media(max-width: 1600px) {
    .header .main-header ul li a .badge[b-jkdsvbk0ut] {
        margin: -15px 0 0 0;
    }
}

.header .main-header ul li a i[b-jkdsvbk0ut] {
    font-size: 14px;
}

.header .main-header ul li a.btn-registration[b-jkdsvbk0ut] {
    height: 42px;
    padding: 2px;
    font-size: 16px;
    color: #26b896;
    font-weight: bold;
}

    .header .main-header ul li a.btn-registration span[b-jkdsvbk0ut] {
        display: block;
        height: 38px;
        line-height: 38px;
        background: #fff;
        padding: 0 20px;
        border-radius: 20px;
        transition: all .5s ease;
        color: #26b896;
        font-size: 15px;
    }

    .header .main-header ul li a.btn-registration:hover span[b-jkdsvbk0ut] {
        background: transparent;
        color: #fff;
    }

.header .main-header ul li:hover > a[b-jkdsvbk0ut] {
    color: #d14021;
}

    .header .main-header ul li:hover > a svg path[b-jkdsvbk0ut] {
        fill: #0089ff;
    }

.header .main-header ul li:hover > ul[b-jkdsvbk0ut] {
    display: block;
}

    .header .main-header ul li:hover > ul.product[b-jkdsvbk0ut] {
        opacity: 1;
        visibility: visible;
    }

.header .main-header ul li.login a[b-jkdsvbk0ut] {
    font-weight: 700;
}

.header .main-header ul li .childMenu[b-jkdsvbk0ut] {
    display: none;
    box-shadow: 0 0 12.22px .78px rgba(0,0,0,.11);
    background: #fff;
    position: absolute;
    left: -50px;
    top: 80%;
    z-index: 9;
    border-top: 1px solid #d14021;
    min-width: 185px;
    top: 100%;
}

.header .main-header ul li.lang ul.childMenu[b-jkdsvbk0ut] {
    text-align: center;
    min-width: 100px;
    left: -20px;
}

.header .main-header ul li .childMenu[b-jkdsvbk0ut]:after {
    bottom: 100%;
    left: 68px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(23,158,255,0);
    border-bottom-color: #d14021;
    border-width: 9px;
}

.header .main-header ul li.lang .select-lang[b-jkdsvbk0ut]:after {
    left: 40px;
}

    .header .main-header ul li .childMenu li[b-jkdsvbk0ut] {
        margin: 0;
    }

        .header .main-header ul li .childMenu li a[b-jkdsvbk0ut] {
            line-height: 1.4;
            padding: 10px 15px;
            font-weight: 400;
        }

            .header .main-header ul li .childMenu li a .badge[b-jkdsvbk0ut] {
                font-size: 11px;
                color: #fff;
                text-transform: uppercase;
                background: #ff8da2;
                border-radius: 3px;
                font-weight: bold;
                vertical-align: top;
                margin: -15px 0 0 7px;
            }

@media(max-width: 1600px) {
    .header .main-header ul li .childMenu li a .badge[b-jkdsvbk0ut] {
        margin: -15px 0 0 0;
    }
}

.header .main-header ul li .childMenu li:hover > a[b-jkdsvbk0ut] {
    background: #f1f1f1;
    color: #0089ff;
}

.header .main-header ul li .childMenu .hasChildLink a i[b-jkdsvbk0ut] {
    position: absolute;
    margin-left: 5px;
    margin-top: 3px;
}

.header .main-header ul li .childMenu .hasChildLink a[aria-expanded="true"] i[b-jkdsvbk0ut] {
    transform: rotate(-180deg);
    transition: all .2s ease-in-out;
}

.header .main-header ul li .childMenu .hasChildLink a[data-toggle=collapse][b-jkdsvbk0ut]:before {
    content: "";
    border: 5px solid transparent;
    border-top-color: #d0d0d0;
    position: absolute;
    right: 10px;
    top: 19px;
    /*transition: all .2s ease-in-out;*/
}

.header .main-header ul li .childMenu .hasChildLink a[data-toggle=expand][b-jkdsvbk0ut]:before {
    content: "";
    border: 5px solid transparent;
    border-top-color: #d0d0d0;
    position: absolute;
    right: 10px;
    /*top: 19px;*/
    /*transition: all .2s ease-in-out;*/
    transform: rotate(180deg);
}

.header .main-header ul li .childMenu .hasChildLink a[aria-expanded=true][b-jkdsvbk0ut]:before {
    transform: rotate(180deg);
    top: 13px;
    transition: all .2s ease-in-out;
}

.header .main-header ul li .childMenu .hasChildLink .chilMenuRight[b-jkdsvbk0ut] {
    left: 0;
    top: 0;
    border-top: none;
    border-left: none;
    box-shadow: none;
    margin-left: 0;
    padding-left: 10px;
    position: relative;
    display: none !important;
}

    .header .main-header ul li .childMenu .hasChildLink .chilMenuRight.show[b-jkdsvbk0ut] {
        display: block !important;
    }

    .header .main-header ul li .childMenu .hasChildLink .chilMenuRight[b-jkdsvbk0ut]:after {
        top: 12px;
        left: -11px;
        border: solid transparent;
        content: none;
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-style: solid;
        border-width: 0;
        border-color: none;
    }

    .header .main-header ul li .childMenu .hasChildLink .chilMenuRight[b-jkdsvbk0ut]:before {
        width: 1px;
        height: 70%;
        content: "";
        background: #ebebeb;
        position: absolute;
        top: 16%;
        left: 15px;
    }

    .header .main-header ul li .childMenu .hasChildLink .chilMenuRight li:hover > a[b-jkdsvbk0ut] {
        background: transparent;
        color: #0089ff;
    }

.header .main-header ul li .childMenu.product[b-jkdsvbk0ut] {
    /*width: 678px;
    left: -222px;
    height: 395px;
    flex-direction: inherit;
    flex-wrap: wrap;
    padding: 16px 25px 26px;
    transition-duration: 0s;
    transition-delay: .1s;
    opacity: 0;
    display: flex;
    visibility: hidden;*/
    width: 695px;
    left: -222px;
    height: 300px;
    flex-direction: inherit;
    flex-wrap: wrap;
    padding: 16px 25px 26px;
    transition-duration: 0s;
    transition-delay: .1s;
    opacity: 0;
    display: flex;
    visibility: hidden;
}

    .header .main-header ul li .childMenu.product[b-jkdsvbk0ut]:after {
        left: 250px;
    }

    .header .main-header ul li .childMenu.product li[b-jkdsvbk0ut] {
        width: 312px;
    }

        .header .main-header ul li .childMenu.product li a[b-jkdsvbk0ut] {
            border-radius: 3px;
            padding: 12px 14px 9px 16px;
            background: none;
        }

        .header .main-header ul li .childMenu.product li .icon[b-jkdsvbk0ut] {
            width: 25px;
            height: 25px;
            background-size: 100% auto;
            background-repeat: no-repeat;
            flex-shrink: 0;
            margin-top: 4px;
            margin-right: 12px;
            border-radius: 20px;
        }

            .header .main-header ul li .childMenu.product li .icon.hub[b-jkdsvbk0ut] {
                width: 43px;
                height: 43px;
                margin-left: -10px;
                margin-top: -5px;
                margin-right: 5px;
            }

        .header .main-header ul li .childMenu.product li strong[b-jkdsvbk0ut] {
            display: block;
            font-size: 16px;
            line-height: 20px;
            font-weight: 500;
            color: #383839;
            margin: 0 0 6px;
        }

            .header .main-header ul li .childMenu.product li strong badge[b-jkdsvbk0ut] {
                top: -5px;
                left: -5px;
                font-size: 11px;
                color: #fff;
                text-transform: uppercase;
                background: #df1125;
                border-radius: 3px;
                font-weight: bold;
                vertical-align: middle;
                margin: -15px 0 0 7px;
                padding: 2px 3px;
                position: relative;
            }

        .header .main-header ul li .childMenu.product li p[b-jkdsvbk0ut] {
            font-size: 14px;
            line-height: 20px;
            color: #8f8f8f;
            height: 40px;
            overflow: hidden;
            margin: 0;
        }

        .header .main-header ul li .childMenu.product li:nth-child(1):hover[b-jkdsvbk0ut] {
            background: #e5f3ff;
        }

        .header .main-header ul li .childMenu.product li:nth-child(2):hover[b-jkdsvbk0ut] {
            background: #e6f9fe;
        }

        .header .main-header ul li .childMenu.product li:nth-child(3):hover[b-jkdsvbk0ut] {
            background: #eaf6f6;
        }

        .header .main-header ul li .childMenu.product li:nth-child(4):hover[b-jkdsvbk0ut] {
            background: #e7faf3;
        }

        .header .main-header ul li .childMenu.product li:nth-child(5):hover[b-jkdsvbk0ut] {
            background: #eeedff;
        }

        .header .main-header ul li .childMenu.product li:nth-child(8):hover[b-jkdsvbk0ut] {
            background: #fff8ec;
        }

        .header .main-header ul li .childMenu.product li:nth-child(7):hover[b-jkdsvbk0ut] {
            background: #ebf6ff;
        }

        .header .main-header ul li .childMenu.product li:nth-child(6):hover[b-jkdsvbk0ut] {
            background: #ebf6ff;
        }

.header .main-header .btn-menu[b-jkdsvbk0ut] {
    display: inline-block;
    vertical-align: top;
    line-height: 54px;
    text-decoration: none;
    padding-left: 15px;
}

    .header .main-header .btn-menu i[b-jkdsvbk0ut] {
        color: #42464e;
        display: inline-block;
        font-size: 26px;
        vertical-align: middle;
    }

.header.active-child .main-header[b-jkdsvbk0ut] {
    position: relative;
    height: 50px;
    box-shadow: 0 5px 30px 0 rgba(0,0,0,.07);
}

    .header.active-child .main-header .main-logo img[b-jkdsvbk0ut] {
        height: 34px;
    }

    .header.active-child .main-header ul li a[b-jkdsvbk0ut] {
        line-height: 50px;
        font-weight: 400;
        font-size: 14px;
    }

        .header.active-child .main-header ul li a i[b-jkdsvbk0ut] {
            font-weight: bold;
        }

    .header.active-child .main-header .btn-menu[b-jkdsvbk0ut] {
        line-height: 50px;
    }

.header .extra-header[b-jkdsvbk0ut] {
    height: 64px;
    width: 100%;
    position: absolute;
    top: 100%;
    transition: transform .1s ease;
}

    .header .extra-header .logo[b-jkdsvbk0ut] {
        padding: 12px 0;
    }

        .header .extra-header .logo a[b-jkdsvbk0ut] {
            display: block;
            position: relative;
            text-decoration: none;
            line-height: 40px;
        }

            .header .extra-header .logo a[b-jkdsvbk0ut]:after {
                content: "";
                height: 19px;
                width: 1px;
                background: #b7c1c8;
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
            }

            .header .extra-header .logo a img[b-jkdsvbk0ut] {
                height: 34px;
                margin-right: 24px;
                display: none;
            }

            .header .extra-header .logo a span[b-jkdsvbk0ut] {
                margin-right: 17px;
                font-size: 16px;
                line-height: 40px;
                font-weight: bold;
                color: #42464e;
                display: block;
                white-space: nowrap;
            }

    .header .extra-header .menu[b-jkdsvbk0ut] {
        width: 100%;
        display: flex;
        padding: 12px 0;
    }

        .header .extra-header .menu ul[b-jkdsvbk0ut] {
            margin: 0;
            padding: 0;
            list-style: none;
            margin-left: 18px;
        }

            .header .extra-header .menu ul li[b-jkdsvbk0ut] {
                margin: 0 37px 0 0;
                position: relative;
            }

                .header .extra-header .menu ul li a[b-jkdsvbk0ut] {
                    font-size: 16px;
                    font-weight: bold;
                    line-height: normal;
                    color: #42464e;
                    display: block;
                    line-height: 24px;
                    text-decoration: none;
                }

                    .header .extra-header .menu ul li a:hover[b-jkdsvbk0ut] {
                        color: #08f;
                    }

                    .header .extra-header .menu ul li a .badge[b-jkdsvbk0ut] {
                        font-size: 11px;
                        color: #fff;
                        text-transform: uppercase;
                        background: #df1125;
                        border-radius: 3px;
                        font-weight: bold;
                        vertical-align: top;
                        margin: -5px 0 0 7px;
                    }

                .header .extra-header .menu ul li.hasSale[b-jkdsvbk0ut] {
                    margin: 0 20px 0 0;
                }

                    .header .extra-header .menu ul li.hasSale .badge[b-jkdsvbk0ut] {
                        margin: -5px 0 0 0;
                    }

                .header .extra-header .menu ul li.active > a[b-jkdsvbk0ut], .header .extra-header .menu ul li:hover > a[b-jkdsvbk0ut] {
                    color: #08f;
                }

                .header .extra-header .menu ul li:hover > ul[b-jkdsvbk0ut] {
                    display: block;
                }

                .header .extra-header .menu ul li ul[b-jkdsvbk0ut] {
                    display: none;
                    box-shadow: 0 0 12.22px .78px rgba(0,0,0,.11);
                    background: #fff;
                    position: absolute;
                    left: 0;
                    top: 35px;
                    z-index: 9;
                    border-top: 1px solid #08f;
                    margin: 0;
                    padding: 8px 0;
                }

                    .header .extra-header .menu ul li ul[b-jkdsvbk0ut]:before {
                        content: "";
                        width: 100%;
                        height: 30px;
                        top: -22px;
                        left: 0;
                        position: absolute;
                    }

                    .header .extra-header .menu ul li ul[b-jkdsvbk0ut]:after {
                        bottom: 100%;
                        left: 25px;
                        border: solid transparent;
                        content: " ";
                        height: 0;
                        width: 0;
                        position: absolute;
                        pointer-events: none;
                        border-color: rgba(23,158,255,0);
                        border-bottom-color: #08f;
                        border-width: 9px;
                    }

                    .header .extra-header .menu ul li ul li[b-jkdsvbk0ut] {
                        margin: 0;
                        text-align: left;
                    }

                        .header .extra-header .menu ul li ul li a[b-jkdsvbk0ut] {
                            line-height: 1.4;
                            padding: 9px 25px;
                            font-weight: 400;
                            color: #42464e;
                            white-space: nowrap;
                        }

                        .header .extra-header .menu ul li ul li.active > a[b-jkdsvbk0ut], .header .extra-header .menu ul li ul li:hover > a[b-jkdsvbk0ut] {
                            color: #08f;
                        }

        .header .extra-header .menu .btn-registration[b-jkdsvbk0ut] {
            height: 40px;
            line-height: 40px;
            width: 125px;
            padding: 0 20px;
            background-image: -moz-linear-gradient(0deg,#007bfa 8%,#00afe6 89%);
            background-image: -webkit-linear-gradient(0deg,#007bfa 8%,#00afe6 89%);
            background-image: -ms-linear-gradient(0deg,#007bfa 8%,#00afe6 89%);
            text-align: center;
            font-size: 16px;
            font-weight: bold;
        }

.header.white .extra-header .logo a span[b-jkdsvbk0ut] {
    color: #fff;
}

.header.white .extra-header .logo .menu-active[b-jkdsvbk0ut] {
    color: #08f;
}

.header.white .extra-header .menu ul li a[b-jkdsvbk0ut] {
    color: #fff;
}

    .header.white .extra-header .menu ul li a:hover[b-jkdsvbk0ut] {
        color: #08f;
    }

.header.white .extra-header .menu ul li.active a[b-jkdsvbk0ut] {
    color: #08f;
}

.header.WEB .extra-header .menu ul li a:hover[b-jkdsvbk0ut] {
    color: #0fd186;
}

.header.WEB .extra-header .menu ul li.active > a[b-jkdsvbk0ut], .header.WEB .extra-header .menu ul li:hover > a[b-jkdsvbk0ut] {
    color: #d14021;
}

.header.WEB .extra-header .menu ul li:hover ul[b-jkdsvbk0ut] {
    border-top: 1px solid #0fd186;
}

    .header.WEB .extra-header .menu ul li:hover ul[b-jkdsvbk0ut]:after {
        border-bottom-color: #0fd186;
    }

    .header.WEB .extra-header .menu ul li:hover ul li.active > a[b-jkdsvbk0ut], .header.WEB .extra-header .menu ul li:hover ul li:hover > a[b-jkdsvbk0ut] {
        color: #0fd186;
    }

/*.header.WEB .extra-header .menu .btn-registration {
    background-image: -moz-linear-gradient(180deg,#35e486 0%,#22db86 54%,#0fd186 99%);
    background-image: -webkit-linear-gradient(180deg,#35e486 0%,#22db86 54%,#0fd186 99%);
    background-image: -ms-linear-gradient(180deg,#35e486 0%,#22db86 54%,#0fd186 99%);
}*/


.header.WEB .extra-header .menu .btn-registration[b-jkdsvbk0ut] {
    background-image: -moz-linear-gradient(0deg,#08f 0%,#1377ff 100%);
    background-image: -webkit-linear-gradient(0deg,#08f 0%,#1377ff 100%);
    background-image: -ms-linear-gradient(0deg,#08f 0%,#1377ff 100%);
}

.header.OMNI .extra-header .menu ul li a:hover[b-jkdsvbk0ut] {
    color: #6773ec;
}

.header.OMNI .extra-header .menu ul li.active > a[b-jkdsvbk0ut], .header.OMNI .extra-header .menu ul li:hover > a[b-jkdsvbk0ut] {
    color: #6773ec;
}

.header.OMNI .extra-header .menu ul li:hover ul[b-jkdsvbk0ut] {
    border-top: 1px solid #6773ec;
}

    .header.OMNI .extra-header .menu ul li:hover ul[b-jkdsvbk0ut]:after {
        border-bottom-color: #6773ec;
    }

    .header.OMNI .extra-header .menu ul li:hover ul li.active > a[b-jkdsvbk0ut], .header.OMNI .extra-header .menu ul li:hover ul li:hover > a[b-jkdsvbk0ut] {
        color: #6773ec;
    }

.header.OMNI .extra-header .menu .btn-registration[b-jkdsvbk0ut] {
    background-image: -moz-linear-gradient(0deg,#5f76eb 13%,#7f6aef 76%,#9f5ef3 100%);
    background-image: -webkit-linear-gradient(0deg,#5f76eb 13%,#7f6aef 76%,#9f5ef3 100%);
    background-image: -ms-linear-gradient(0deg,#5f76eb 13%,#7f6aef 76%,#9f5ef3 100%);
}

.header.FNB .extra-header .menu ul li a:hover[b-jkdsvbk0ut] {
    color: #0cc2ed;
}

.header.FNB .extra-header .menu ul li.active > a[b-jkdsvbk0ut], .header.FNB .extra-header .menu ul li:hover > a[b-jkdsvbk0ut] {
    color: #0cc2ed;
}

.header.FNB .extra-header .menu ul li:hover ul[b-jkdsvbk0ut] {
    border-top: 1px solid #0cc2ed;
}

    .header.FNB .extra-header .menu ul li:hover ul[b-jkdsvbk0ut]:after {
        border-bottom-color: #0cc2ed;
    }

    .header.FNB .extra-header .menu ul li:hover ul li.active > a[b-jkdsvbk0ut], .header.FNB .extra-header .menu ul li:hover ul li:hover > a[b-jkdsvbk0ut] {
        color: #0cc2ed;
    }

.header.FNB .extra-header .menu .btn-registration[b-jkdsvbk0ut] {
    background-image: -moz-linear-gradient(21deg,#0cc2ed 0%,#4fcbf8 100%);
    background-image: -webkit-linear-gradient(21deg,#0cc2ed 0%,#4fcbf8 100%);
    background-image: -ms-linear-gradient(21deg,#0cc2ed 0%,#4fcbf8 100%);
}

.header.GO .extra-header .menu ul li[b-jkdsvbk0ut] {
    margin: 0 30px 0 0;
}

    .header.GO .extra-header .menu ul li a:hover[b-jkdsvbk0ut] {
        color: #d14021;
    }

    .header.GO .extra-header .menu ul li.active > a[b-jkdsvbk0ut], .header.GO .extra-header .menu ul li:hover > a[b-jkdsvbk0ut] {
        color: #d14021;
    }

    .header.GO .extra-header .menu ul li:hover ul[b-jkdsvbk0ut] {
        border-top: 1px solid #d14021;
    }

        .header.GO .extra-header .menu ul li:hover ul[b-jkdsvbk0ut]:after {
            border-bottom-color: #d14021;
        }

        .header.GO .extra-header .menu ul li:hover ul li.active > a[b-jkdsvbk0ut], .header.GO .extra-header .menu ul li:hover ul li:hover > a[b-jkdsvbk0ut] {
            color: #d14021;
        }

    .header.GO .extra-header .menu ul li ul li[b-jkdsvbk0ut] {
        margin: 0;
    }

.header.GO .extra-header .menu .btn-registration[b-jkdsvbk0ut] {
    background-image: -moz-linear-gradient(0deg,#f28c29 0%,#fc664e 100%);
    background-image: -webkit-linear-gradient(0deg,#f28c29 0%,#fc664e 100%);
    background-image: -ms-linear-gradient(0deg,#f28c29 0%,#fc664e 100%);
}

.header.POS .extra-header .menu ul li a .badge[b-jkdsvbk0ut] {
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    background: #ff8da2;
    border-radius: 3px;
    font-weight: bold;
    vertical-align: top;
    margin: -5px 0 0 7px;
}




.justify-space-beetwen[b-jkdsvbk0ut] {
    justify-content: space-between !important;
}

@media(min-width: 1200px) {
    .header .extra-header.sticky[b-jkdsvbk0ut] {
        position: fixed;
        top: 0;
        z-index: 999;
        background: #fff;
        box-shadow: 0 0 46px 0 rgba(5,35,61,.07);
        animation: fadeInDown-b-jkdsvbk0ut .1s ease;
        left: 0;
    }

        .header .extra-header.sticky .logo img[b-jkdsvbk0ut] {
            display: block;
        }

        .header .extra-header.sticky .logo span[b-jkdsvbk0ut] {
            display: none;
        }

    .header.white .extra-header.sticky .logo span[b-jkdsvbk0ut] {
        color: #42464e;
    }

    .header.white .extra-header.sticky .menu ul li a[b-jkdsvbk0ut] {
        color: #42464e;
    }

    .header.white .extra-header.sticky .menu ul li.active a[b-jkdsvbk0ut] {
        color: #08f;
    }

    .header .update-menu[b-jkdsvbk0ut] {
        position: relative;
        left: -14px;
    }

    .header.active-child .justify-space-beetwen[b-jkdsvbk0ut] {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .header.active-child .update-menu[b-jkdsvbk0ut] {
        left: 0;
    }
}

@media(max-width: 1199px) {
    .header .justify-space-beetwen[b-jkdsvbk0ut] {
        justify-content: flex-end !important;
    }

    .header.active-child .main-header[b-jkdsvbk0ut] {
        margin-bottom: 0;
        height: 85px;
    }

        .header.active-child .main-header .main-logo img[b-jkdsvbk0ut] {
            height: 54px;
        }

        .header.active-child .main-header .btn-menu[b-jkdsvbk0ut] {
            line-height: 54px;
        }

    .header .extra-header[b-jkdsvbk0ut] {
        height: auto;
        position: static;
    }

        .header .extra-header.show-menu[b-jkdsvbk0ut] {
            border-bottom: 1px solid #d1dfe8;
        }

        .header .extra-header .logo[b-jkdsvbk0ut] {
            width: 100%;
        }

        .header .extra-header .menu[b-jkdsvbk0ut] {
            display: none;
            border-top: 1px solid #dce4e9;
        }

            .header .extra-header .menu ul[b-jkdsvbk0ut] {
                margin: 0;
            }

                .header .extra-header .menu ul li.active[b-jkdsvbk0ut] {
                    display: none;
                }

                .header .extra-header .menu ul li a[b-jkdsvbk0ut] {
                    line-height: 50px;
                }

            .header .extra-header .menu .btn-registration[b-jkdsvbk0ut] {
                margin: 8px 0;
            }

    .header.white .extra-header.show-menu[b-jkdsvbk0ut] {
        border-bottom: none;
    }

    .header.white .extra-header .menu[b-jkdsvbk0ut] {
        border-top-color: rgba(255,255,255,.2);
    }
}

@keyframes fadeInDown-b-jkdsvbk0ut {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp-b-jkdsvbk0ut {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


.ti-menu[b-jkdsvbk0ut]:before {
    content: "";
}


.fa-angle-down[b-jkdsvbk0ut]:before {
    content: "";
}



.btn-registration[b-jkdsvbk0ut] {
    color: #fff;
    background: #2ad38b;
    background: linear-gradient(to right,#2ad38b,#0cceb0);
    border-radius: 45px;
    display: inline-block;
    line-height: 63px;
    padding: 0 35px;
    outline: none;
    -webkit-user-select: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    white-space: nowrap;
    font-size: 16px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.website-design .banner .block-title .btn-registration[b-jkdsvbk0ut] {
    background-image: -moz-linear-gradient(0deg,#08f 0%,#1377ff 100%);
    background-image: -webkit-linear-gradient(0deg,#08f 0%,#1377ff 100%);
    background-image: -ms-linear-gradient(0deg,#08f 0%,#1377ff 100%);
    width: 342px;
    height: 74px;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    line-height: 74px;
}
/* _content/VNNSoftApp/Shared/MenuMobile.razor.rz.scp.css */

.menu-mobile[b-7hljq0r31y] {
    width: 450px;
    max-width: 91%;
    background: #fff;
    position: fixed;
    height: 100%;
    top: 0;
    right: -450px;
    z-index: 2147483641;
    /*transition: all .3s ease-in-out;*/
    overflow: auto;
}

    .menu-mobile.show[b-7hljq0r31y] {
        right: 0;
    }

    .menu-mobile .logo-mobile[b-7hljq0r31y] {
        border-bottom: 1px solid #f1f1f1;
        position: relative;
        padding: 0 15px;
        height: 86px;
        display: flex;
        align-items: center;
    }

        .menu-mobile .logo-mobile img[b-7hljq0r31y] {
            height: 54px;
        }

        .menu-mobile .logo-mobile .btn-close-menu[b-7hljq0r31y] {
            position: absolute;
            font-size: 21px;
            color: #42464e;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            text-decoration: none;
        }

    .menu-mobile .box-scroll[b-7hljq0r31y] {
        overflow: auto;
        height: calc(100% - 86px);
    }

    .menu-mobile .nav[b-7hljq0r31y] {
        padding: 0 15px;
        padding-top: 20px;
    }

        .menu-mobile .nav:not(.nav-bottom)[b-7hljq0r31y] {
            border-bottom: 1px solid #f1f1f1;
        }

        .menu-mobile .nav > li[b-7hljq0r31y] {
            margin-bottom: 18px;
            width: 100%;
            position: relative;
        }

            .menu-mobile .nav > li > a[b-7hljq0r31y] {
                font-size: 18px;
                color: #42464e;
                font-weight: bold;
                display: block;
            }

                .menu-mobile .nav > li > a .badge[b-7hljq0r31y] {
                    font-size: 11px;
                    color: #fff;
                    text-transform: uppercase;
                    background: #df1125;
                    border-radius: 3px;
                    font-weight: bold;
                    vertical-align: top;
                    margin: -5px 0 0 7px;
                    display: inline-block;
                }

                .menu-mobile .nav > li > a i[b-7hljq0r31y] {
                    color: #d0d0d0;
                    position: absolute;
                    right: 0;
                    top: 8px;
                    transition: all .2s ease-in-out;
                }

                .menu-mobile .nav > li > a[aria-expanded="true"] i[b-7hljq0r31y] {
                    transform: rotate(-180deg);
                    transition: all .2s ease-in-out;
                }

                .menu-mobile .nav > li > a[data-toggle=collapse][b-7hljq0r31y]:before {
                    content: "";
                    border: 6px solid transparent;
                    border-top-color: #d0d0d0;
                    position: absolute;
                    right: 0;
                    top: 11px;
                    /*transition: all .2s ease-in-out;*/
                }

                .menu-mobile .nav > li > a[data-toggle=expand][b-7hljq0r31y]:before {
                    content: "";
                    border: 6px solid transparent;
                    border-top-color: #d0d0d0;
                    position: absolute;
                    right: 0;
                    /*top: 11px;*/
                    /*transition: all .2s ease-in-out;*/
                    transform: rotate(-180deg);
                }

                .menu-mobile .nav > li > a[aria-expanded=true][b-7hljq0r31y]:before {
                    transform: rotate(180deg);
                    top: 5px;
                    transition: all .2s ease-in-out;
                }

            .menu-mobile .nav > li.active > a[b-7hljq0r31y] {
                color: #08f;
            }

            .menu-mobile .nav > li .sub-menu[b-7hljq0r31y] {
                padding-left: 15px;
                border-left: 1px solid #dfdfdf;
                list-style: none;
                margin-top: 10px;
            }

                .menu-mobile .nav > li .sub-menu li[b-7hljq0r31y] {
                    position: relative;
                }

                    .menu-mobile .nav > li .sub-menu li a[b-7hljq0r31y] {
                        font-size: 16px;
                        color: #42464e;
                        line-height: 22px;
                        display: block;
                        padding: 0;
                        margin: 0 0 17px;
                    }

                        .menu-mobile .nav > li .sub-menu li a i[b-7hljq0r31y] {
                            color: #d0d0d0;
                            position: absolute;
                            right: 0;
                            top: 2px;
                            transition: all .2s ease-in-out;
                        }

                        .menu-mobile .nav > li .sub-menu li a[aria-expanded="true"] i[b-7hljq0r31y] {
                            transform: rotate(-180deg);
                            transition: all .2s ease-in-out;
                        }

                        .menu-mobile .nav > li .sub-menu li a[data-toggle=collapse][b-7hljq0r31y]:before {
                            content: "";
                            border: 6px solid transparent;
                            border-top-color: #d0d0d0;
                            position: absolute;
                            right: 0;
                            top: 11px;
                            transition: all .2s ease-in-out;
                        }

                        .menu-mobile .nav > li .sub-menu li a[aria-expanded=true][b-7hljq0r31y]:before {
                            transform: rotate(180deg);
                            top: 4px;
                            transition: all .2s ease-in-out;
                        }

                        .menu-mobile .nav > li .sub-menu li a span[b-7hljq0r31y] {
                            display: block;
                            font-weight: 400;
                            font-size: 15px;
                            color: #8f8f8f;
                        }

                        .menu-mobile .nav > li .sub-menu li a .badge[b-7hljq0r31y] {
                            font-size: 11px;
                            color: #fff;
                            text-transform: uppercase;
                            background: #ff8da2;
                            border-radius: 3px;
                            font-weight: bold;
                            vertical-align: top;
                            margin: -5px 0 0 7px;
                            display: inline-block;
                        }

                    .menu-mobile .nav > li .sub-menu li:last-child a[b-7hljq0r31y] {
                        margin: 0;
                    }

            .menu-mobile .nav > li .show-sub .sub-menu[b-7hljq0r31y] {
                margin-top: 0;
            }

            .menu-mobile .nav > li.login a[b-7hljq0r31y] {
                font-weight: 700;
            }

            .menu-mobile .nav > li.home a[b-7hljq0r31y] {
                font-weight: 400;
                position: relative;
                padding-right: 7px;
                line-height: 22px;
                display: inline-block;
            }

                .menu-mobile .nav > li.home a[b-7hljq0r31y]:after {
                    content: "";
                    border-top: 2.5px solid #42464e;
                    border-right: 2.5px solid #42464e;
                    border-bottom: 2.5px solid transparent;
                    border-left: 2.5px solid transparent;
                    position: absolute;
                    top: 0;
                    right: 0;
                }

            .menu-mobile .nav > li.trial[b-7hljq0r31y] {
                margin-bottom: 25px;
            }

                .menu-mobile .nav > li.trial a[b-7hljq0r31y] {
                    margin-top: 0 !important;
                    display: inline-block;
                    height: 42px;
                    padding: 2px;
                    font-size: 16px;
                    color: #26b896;
                    font-weight: bold;
                }

                    .menu-mobile .nav > li.trial a span[b-7hljq0r31y] {
                        display: block;
                        height: 38px;
                        line-height: 38px;
                        background: #fff;
                        padding: 0 34px;
                        border-radius: 20px;
                        transition: all .5s ease;
                        color: #26b896;
                    }

                    .menu-mobile .nav > li.trial a:hover span[b-7hljq0r31y] {
                        background: transparent;
                        color: #fff;
                    }

    .menu-mobile.WEB .nav > li.active a[b-7hljq0r31y] {
        color: #17d586;
    }

    .menu-mobile.GO .nav > li.active a[b-7hljq0r31y] {
        color: #d14021;
    }

    .menu-mobile.FNB .nav > li.active a[b-7hljq0r31y] {
        color: #0cc2ed;
    }

    .menu-mobile.OMNI .nav > li.active a[b-7hljq0r31y] {
        color: #6773ec;
    }


.overlay-menu[b-7hljq0r31y] {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 2147483640;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.23);
    display: none;
}


.ti-close[b-7hljq0r31y]:before {
    content: "";
}

.menu-mobile .nav > li.trial[b-7hljq0r31y] {
    margin-bottom: 25px;
}

    .menu-mobile .nav > li.trial a[b-7hljq0r31y] {
        margin-top: 0 !important;
        display: inline-block;
        height: 42px;
        padding: 2px;
        font-size: 16px;
        color: #26b896;
        font-weight: bold;
    }

.btn-registration[b-7hljq0r31y] {
    color: #fff;
    background: #2ad38b;
    background: linear-gradient(to right,#2ad38b,#0cceb0);
    border-radius: 45px;
    display: inline-block;
    line-height: 63px;
    padding: 0 35px;
    outline: none;
    -webkit-user-select: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    white-space: nowrap;
    font-size: 16px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

    .btn-registration[b-7hljq0r31y]:before {
        content: "";
        border-radius: 45px;
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,.04);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        transition: all .5s ease-out;
    }

.menu-mobile .nav > li > a[b-7hljq0r31y] {
    font-size: 18px;
    color: #42464e;
    font-weight: bold;
    display: block;
}
/* _content/VNNSoftApp/Shared/Modal/LoginModal.razor.rz.scp.css */


.loginForm .btn-close[b-j3tqhw8net], .loginForm .close-img[b-j3tqhw8net] {
    position: absolute;
    right: -8px;
    top: -8px;
    width: 42px;
    height: 42px;
    background: none;
    border: none;
    cursor: pointer;
}

.styles_left .heading[b-j3tqhw8net] {
    margin-bottom: 20px;
}

.styles_left .heading h4[b-j3tqhw8net] {
    margin: 0px 0px 10px;
    font-size: 24px;
    font-weight: 500;
}

.styles_left .heading p[b-j3tqhw8net] {
    margin: 0px;
    font-size: 15px;
}

.loginModal .input[b-j3tqhw8net] {
    position: relative;
    z-index: 1;
    margin-bottom: 5px;
}

.loginModal .input input[b-j3tqhw8net] {
    width: 100%;
    padding: 10px 0px;
    border: none;
    font-size: 14px;
    color: rgb(36, 36, 36);
    outline: none;
}

.loginModal .input[b-j3tqhw8net]::before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    /*border-bottom: 1px solid rgb(224, 224, 224);*/
}

.loginModal form button[b-j3tqhw8net] {
    margin: 30px 0px 10px;
    outline: none;
    border-radius: 4px;
    background: #ee4d2d;
    padding: 13px 0px;
    width: 100%;
    color: rgb(255, 255, 255);
    border: none;
    font-size: 20px;
    cursor: pointer;
}



.loginModal .login-with-email[b-j3tqhw8net] {
    margin: 10px 0px 0px;
    text-align: center;
    color: rgb(13, 92, 182);
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
}



.loginModal .blazored-modal-wrapper .social__item img[b-j3tqhw8net] {
    width: 58px;
}

.blazored-modal-content .loginForm[b-j3tqhw8net] {
    background: rgb(248, 248, 248);
    display: flex;
    width: 100%;
    border-radius: 15px;
    position: relative;
}

.loginForm .content[b-j3tqhw8net] {
    margin: 30px 0px 0px;
    text-align: center;
    line-height: 10px;
}

    .loginForm .content h4[b-j3tqhw8net] {
        margin: 0px 0px 5px;
        color: rgb(11, 116, 229);
        font-size: 17px;
        font-weight: 500;
    }

    .loginForm .content span[b-j3tqhw8net] {
        font-size: 13px;
        color: rgb(11, 116, 229);
        font-weight: 500;
    }

.ghIlRk[b-j3tqhw8net] {
    text-align: center;
    margin: 60px 0px 0px;
}

.loginForm .social-heading[b-j3tqhw8net] {
    margin: 0px 0px 15px;
    position: relative;
}

.loginForm .social-heading[b-j3tqhw8net]::before {
    content: "";
    width: 100%;
        height: 1px;
        background: rgb(242, 242, 242);
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
}

.loginForm .social-heading span[b-j3tqhw8net] {
    font-size: 15px;
    color: rgb(120, 120, 120);
    display: inline-block;
    background: rgb(255, 255, 255);
    padding: 0px 20px;
    position: relative;
    z-index: 2;
}

.loginForm .social__items[b-j3tqhw8net] {
    display: flex;
    flex-direction: row;
    padding: 0px;
    margin: 0px 0px 10px;
    list-style: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.loginForm .social__item[b-j3tqhw8net] {
    margin: 0px 10px;
}

.loginForm .note[b-j3tqhw8net] {
    font-size: 11px;
    color: rgb(120, 120, 120);
    text-align: center;
    margin-bottom: 0;
}

.styles_left .input .show-pass[b-j3tqhw8net] {
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 2;
    color: rgb(13, 92, 182);
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
}

.loginForm .forgot-pass[b-j3tqhw8net] {
    color: rgb(13, 92, 182);
    font-size: 13px;
    margin: 0px 0px 0px;
    cursor: pointer;
    display: inline-block;
}

.loginForm .create-account[b-j3tqhw8net] {
    color: rgb(120, 120, 120);
    font-size: 13px;
    margin: 0px 0px 0px;
}

    .loginForm .create-account span[b-j3tqhw8net] {
        color: rgb(13, 92, 182);
        display: inline-block;
        margin-left: 5px;
        cursor: pointer;
    }

.loginForm button.btn-close[b-j3tqhw8net], .loginForm .styles_left .btn-action[b-j3tqhw8net] {
    outline: none;
}

.loginForm .styles_left .btn-action[b-j3tqhw8net] {
    cursor: pointer;
    padding: 0px;
    margin: 0px 0px 20px;
    background: transparent;
    border: none;
}

.loginForm .styles_left .btn-action img[b-j3tqhw8net] {
    width: 21px;
}

.loginForm .get-pass-success[b-j3tqhw8net] {
    text-align: center;
    margin-top: 30px;
}

.loginForm .get-pass-success p[b-j3tqhw8net] {
    font-size: 14px;
    text-align: center;
    padding: 0px 20px;
    margin: 20px 0px;
    line-height: 20px;
    font-weight: 300;
}

.loginForm .get-pass-success button[b-j3tqhw8net] {
    color: rgb(13, 92, 182);
    border: 1px dashed rgb(13, 92, 182);
    border-radius: 4px;
    padding: 10px 0px;
    font-size: 18px;
    outline: none;
    background: transparent;
    width: 100%;
    font-weight: 300;
    cursor: pointer;
}

/* _content/VNNSoftApp/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-g94qmpf5ll] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-g94qmpf5ll] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-g94qmpf5ll] {
    font-size: 1.1rem;
}

.oi[b-g94qmpf5ll] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-g94qmpf5ll] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-g94qmpf5ll] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-g94qmpf5ll] {
        padding-bottom: 1rem;
    }

    .nav-item[b-g94qmpf5ll]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-g94qmpf5ll]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-g94qmpf5ll]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-g94qmpf5ll] {
        display: none;
    }

    .collapse[b-g94qmpf5ll] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}