/* DEFAULT */
@charset "utf-8";

@keyframes pulsing {
    0% {
        opacity: 1;
        transform: scaleY(1) scaleX(1)
    }

    20% {
        opacity: 0.5
    }

    70% {
        opacity: 0.2;
        transform: scaleY(1.8) scaleX(1.4)
    }

    80% {
        opacity: 0;
        transform: scaleY(1.8) scaleX(1.4)
    }

    90% {
        opacity: 0;
        transform: scaleY(1) scaleX(1)
    }
}

@keyframes pulsing1 {
    0% {
        opacity: 1;
        transform: scaleY(1) scaleX(1)
    }

    20% {
        opacity: 0.5
    }

    70% {
        opacity: 0.2;
        transform: scaleY(1.3) scaleX(1.15)
    }

    80% {
        opacity: 0;
        transform: scaleY(1.3) scaleX(1.15)
    }

    90% {
        opacity: 0;
        transform: scaleY(1) scaleX(1)
    }
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none
}

:root {
    --color-primary-2: #5abb49
}

.text-center {
    text-align: center
}

.w30s-radio input[type=radio]:checked+.w30s-radio-label:before {
    background-color: #dc1a5b;
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #dc1a5b
}

.w30s-radio input[type=radio]+.w30s-radio-label:before {
    content: "";
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease
}

.w30s-radio input[type=radio] {
    position: absolute;
    opacity: 0
}

body {
    margin: 0px auto;
    padding: 0px auto;
    font-size: 15px;
    /* font-family: 'Open Sans' !important; */
    font-weight: 300;
    line-height: 22px
}

* {
    /* margin: 0px auto; */
    outline: none
}

.no_style {
    margin: 0;
    padding: 0;
    list-style: none
}

.flex {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px
}

.clr {
    clear: both
}

ul {
    padding: 0px
}

img {
    border: 0;
    max-width: 100%
}

.w30s-alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    position: fixed;
    z-index: 99;
    top: 100px;
    max-width: 500px;
    width: 100%;
    left: 0px;
    right: 0px;
    display: none
}

.w30s-alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.w30s-alert .close-alert {
    position: absolute;
    right: 10px;
    top: 15px;
    bottom: 0px
}

.pagewrap {
    position: relative;
    max-width: 1250px;
    margin: 0 auto;
    padding: 0px 15px
}

.showText {
    padding: 20px 0px
}

.showText p,
.chitiet_ungdung ul p {
    padding-bottom: 15px
}

.showText img {
    display: block;
    margin: 0 auto;
    height: auto;
    max-width: 100%;
    height: auto !important
}

.showText ul {
    padding-bottom: 15px
}

.showText ul li {
    margin-left: 35px;
    line-height: 1.45
}

.bannerInside {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vh - 0px)
}

.bannerMain {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 0px)
}

.banner li {
    float: left;
    width: 100%;
    height: calc(100vh - 0px);
    list-style: none;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: default;
    position: relative
}

.posBL {
    left: 0px;
    bottom: 0px
}

.pagiBanner {
    position: relative;
    left: 0;
    right: 0;
    bottom: 120px;
    margin: auto;
    width: auto;
    text-align: center;
    z-index: 10
}

.pagiBanner a {
    display: inline-block;
    vertical-align: text-top;
    width: 15px;
    height: 15px;
    background: #00000091;
    text-indent: -100000px;
    margin: 0 5px;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    border: solid #fff 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%
}

.pagiBanner a.selected {
    background: #EC1726
}

.pagiBanner_2,
.pagiBanner_3 {
    position: relative;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: auto;
    width: auto;
    text-align: center;
    z-index: 10
}

.bannerMain .placeNav.prev1,
.bannerMain .placeNav.next1 {
    top: 50%;
    z-index: 9999;
    opacity: 1;
    left: 10px
}

.bannerMain .placeNav.prev1 i,
.bannerMain .placeNav.next1 i {
    top: 4px;
    position: relative
}

.bannerMain .placeNav.next1 {
    right: 10px;
    left: auto
}

.bannerMain .placeNav.prev1,
.bannerMain .placeNav.next1 {
    top: 50%;
    z-index: 9999;
    opacity: 1;
    left: 10px
}

.bannerMain .placeNav.prev1 i,
.bannerMain .placeNav.next1 i {
    top: 4px;
    position: relative
}

.bannerMain .placeNav.next1 {
    right: 10px;
    left: auto
}

.box_title_banner {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 70%
}

.box_title_banner.box_title_banner_3 {
    right: 0;
    text-align: right;
    left: inherit
}

.box_title_banner.box_title_banner_2 {
    left: 0;
    right: 0;
    text-align: center
}

.box_title_banner ul h3 {
    text-transform: none;
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    color: #cd1d62;
    font-family: 'Roboto Slab', serif;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 15px;
    letter-spacing: 3px
}

.box_title_banner ul h3 span {
    text-transform: uppercase;
    display: block;
    font-size: 25px;
    line-height: 40px;
    margin: 5px 0px;
    font-weight: 300;
    color: #333;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 1px
}

.box_title_banner ul h3:before {
    content: "";
    position: absolute;
    left: 40%;
    bottom: 0;
    height: 4px;
    width: 20%;
    background: #dedede;
    z-index: 2
}

.box_title_banner ul h1 {
    text-transform: none;
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    color: #cd1d62;
    font-family: 'Roboto Slab', serif;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 15px;
    letter-spacing: 3px
}

.box_title_banner ul h2 {
    text-transform: uppercase;
    display: block;
    font-size: 25px;
    line-height: 40px;
    margin: 5px 0px;
    font-weight: 300;
    color: #333;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 1px
}

.box_title_banner ul h1:before {
    content: "";
    position: absolute;
    left: 40%;
    bottom: 0;
    height: 4px;
    width: 20%;
    background: #dedede;
    z-index: 2
}

.box_title_banner ul p,
.box_title_banner ul h3 {
    text-transform: none;
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    color: #5abb49
}

.box_title_banner ul h4 a {
    text-transform: uppercase;
    color: #ffffff;
    padding: 5px 50px;
    font-size: 19px;
    line-height: 35px;
    font-weight: 300;
    display: inline-block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    letter-spacing: 1px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
    margin-top: 15px;
    border: double #ffffff 6px;
    background: #dc1a5b
}

.box_title_banner ul h4 a.btn-sale {
    background-color: var(--color-primary-2)
}

.box_title_banner ul h5 a {
    float: left;
    background: #00000057;
    font-size: 18px;
    color: #ffffff;
    padding: 5px 30px;
    margin-top: 30px;
    line-height: 35px;
    border-radius: 5px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: solid 2px #fff;
    webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s
}

.button__wrapper-sale {
    position: relative;
    justify-content: center;
    align-items: center;
    height: 57px;
    width: 200px;
    display: inline-block
}

.box_title_banner .js-btn-try {
    height: 57px
}

.box_title_banner .js-btn-try {
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    z-index: 2;
    position: relative;
    margin-right: 40px
}

.box_title_banner ul h4 a.btn-sale {
    background-color: var(--color-primary-2);
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
    height: 100%;
    margin-top: 0
}

.box_title_banner .wrapper-btn {
    margin-top: 37px
}

.pulsing:before,
.pulsing:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: inherit;
    top: 0;
    left: 0;
    z-index: 0;
    background: #5abb49;
    border-radius: inherit;
    animation: pulsing 0.8s linear infinite
}

.box_title_banner ul h4 .button__wrapper-sale:hover .btn-sale,
.box_title_banner ul h4 .button__wrapper-sale:hover .pulsing:before,
.box_title_banner ul h4 .button__wrapper-sale:hover .pulsing:after {
    background: #f60
}

.page__design-logo .section__about {
    background-image: url(../images/design-logo/dvtk_logo_gioithieu.png);
    background-position: center right;
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-size: contain
}

.page__design-logo .block-about .content {
    width: 60%;
    float: left;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.page__design-logo .block-about .content p {
    line-height: 32px;
    font-size: 120%
}

.page__design-logo .pagewrap {
    padding-top: 30px;
    padding-bottom: 30px
}

.page__design-logo .section__about .block-why-business {
    width: 60%;
    float: left
}

.page__design-logo .section__about .block-why-business .title {
    font-size: 30px;
    color: #dc1a5b;
    margin-bottom: 20px;
    line-height: 40px;
    background-image: unset;
    padding-bottom: 0px
}

.page__design-logo .section__about .block-why-business .content {
    padding-left: 20px
}

.page__design-logo .section__about .block-why-business li {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px
}

.page__design-logo .section__about .block-why-business li img {
    width: 25px
}

.page__design-logo .section__about .block-why-business li span {
    width: calc(100% - 25px);
    padding-left: 10px;
    color: #545454
}

.section__price-service {
    padding-top: 40px;
    width: 100%;
    float: left
}

.page__design-logo .section__price-service .title,
.page__design-logo .section__procedure .title,
.page__design-logo .section__abouts-wyc .title-page,
.page__design-logo .section__about .title,
.page__design-logo .section__project .title {
    text-align: center;
    font-size: 35px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    font-weight: 200;
    background: url(../images/bg_line.png) center bottom no-repeat;
    line-height: 45px
}

.section__about .title,
.section__abouts-wyc .title-page {
    text-align: left;
    background: url(../images/bg_line.png) left bottom no-repeat
}

.section__abouts-wyc h3.title-page {
    padding-bottom: 20px
}

.section__price-service .title span,
.section__procedure .title span,
.section__about .title span,
.section__abouts-wyc .title-page span,
.page__design-logo .section__project .title span {
    color: #dc1a5b
}

.section__price-service .list-service {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    grid-gap: 30px 30px
}

.menu_custom .logo-pa-20years {
    padding-left: 30px;
    margin-left: 30px;
    border-left: 1px solid #634e32
}

.section__price-service .service-item-1 {
    background: #f23a9c;
    border: 1px solid #f23a9c
}

.section__price-service .service-item-2 {
    background: #49b18c;
    border: 1px solid #49b18c
}

.section__price-service .service-item-2 .title {
    color: #49b18c
}

.section__price-service .service-item-3 .title {
    color: #3194d7
}

.section__price-service .service-item-3 {
    background: #3194d7;
    border: 1px solid #3194d7
}

.section__price-service .list-service .service-item-2 .list-option li {
    background-color: #3e9777
}

.section__price-service .list-service .service-item-3 .list-option li {
    background-color: #297eb7
}

.section__price-service .list-service .service-item {
    width: 100%;
    padding: 10px 15px;
    border-radius: 30px
}

.section__price-service .list-service .service-item .wrapper-border {
    width: 100%;
    float: left;
    border: 1px solid white;
    border-radius: 19px;
    padding: 0px 20px 20px
}

.section__price-service .service-item-1 .title {
    color: #f23a9c
}

.section__price-service .list-service .service-item .title {
    background-image: url(../images/design-logo/bg_banggia.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 17px 0px;
    display: block;
    width: 82%;
    font-size: 20px;
    top: -13px;
    position: relative;
    font-weight: 600
}

.section__price-service .list-service .service-item .price {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 30px;
    color: #ffff00;
    font-weight: 600
}

.section__price-service .list-service .service-item .list-point {
    display: flex;
    width: 70%;
    justify-content: space-between;
    padding: 30px 0;
    align-items: center
}

.section__price-service .list-service .service-item .list-point li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    background: white;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    color: white
}

.section__price-service .list-service .service-item .list-point li:first-child,
.section__price-service .list-service .service-item .list-point li:last-child {
    width: 2px;
    height: 2px
}

.section__price-service .list-service .service-item .list-point li:nth-child(2),
.section__price-service .list-service .service-item .list-point li:nth-child(8) {
    width: 3px;
    height: 3px
}

.section__price-service .list-service .service-item .list-point li:nth-child(3),
.section__price-service .list-service .service-item .list-point li:nth-child(7) {
    width: 4px;
    height: 4px
}

.section__price-service .list-service .service-item .list-option {
    width: 100%;
    margin-bottom: 20px;
    float: left
}

.section__price-service .list-service .service-item-1 .list-option li {
    background-color: #cf3186
}

.section__price-service .list-service .service-item .list-option li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
    float: left;
    color: white;
    padding: 10px;
    ;
    border-radius: 5px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px
}

.section__price-service .list-service .service-item .list-option li i {
    font-size: 16px;
    margin-bottom: 3px
}

.section__price-service .list-service .service-item .list-option li span {
    width: 100%;
    padding-left: 10px
}

.section__price-service .list-service .service-item .btn-reg {
    width: 100%;
    float: left;
    padding: 10px 0px;
    font-size: 20px;
    text-align: center;
    background: white;
    border-radius: 10px
}

.section__price-service .list-service .service-item-1 .btn-reg {
    color: #f23a9c
}

.section__price-service .list-service .service-item-2 .btn-reg {
    color: #49b18c
}

.section__price-service .list-service .service-item-3 .btn-reg {
    color: #3194d7
}

.section__price-service .content {
    background: #e2e2e2;
    padding-top: 30px;
    width: 100%;
    float: left;
    padding-bottom: 40px
}

.section__price-service .block-price-more {
    width: 100%;
    float: left;
    margin-top: 30px
}

.section__price-service .block-price-more span {
    font-size: 20px;
    color: #cc1d62;
    width: 100%;
    padding-left: 15px
}

.section__price-service .block-price-more-content img {
    width: 40px
}

.section__price-service .block-price-more-content {
    display: flex;
    justify-content: center;
    align-items: center
}

.section__procedure .list-items {
    background-image: url(../images/design-logo/bg_quytrinh.png);
    background-size: contain;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: 2px;
    padding: 0 30px
}

.section__procedure .list-items img {
    display: block;
    margin: auto;
    position: relative;
    max-width: 100%;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    margin-top: 20px
}

.section__procedure .list-items label,
.section__procedure .list-items h3 {
    width: 100%;
    float: left;
    margin-top: 10px;
    text-align: center;
    color: #f88534;
    font-size: 15px;
    position: relative;
    padding-bottom: 10px;
    font-weight: 600
}

.section__procedure .list-items label:after,
.section__procedure .list-items h3:after {
    content: '';
    position: absolute;
    bottom: 0px;
    height: 3px;
    background: #f88534;
    width: 80%;
    left: 0px;
    right: 0px;
    margin: auto
}

.section__procedure .list-items p {
    width: 100%;
    float: left;
    margin-top: 10px;
    text-align: center;
    color: #949494
}

.section__procedure .list-items .item:first-child,
.section__procedure .list-items .item:nth-child(3),
.section__procedure .list-items .item:nth-child(5) {
    padding-top: 150px
}

.section__procedure .list-items .item:nth-child(2) label,
.section__procedure .list-items .item:nth-child(2) h3 {
    color: #00aa5c
}

.section__procedure .list-items .item:nth-child(2) label:after,
.section__procedure .list-items .item:nth-child(2) h3:after {
    background: #00aa5c
}

.section__procedure .list-items .item:nth-child(3) label,
.section__procedure .list-items .item:nth-child(3) h3 {
    color: #00aff0
}

.section__procedure .list-items .item:nth-child(3) label:after,
.section__procedure .list-items .item:nth-child(3) h3:after {
    background: #00aff0
}

.section__procedure .list-items .item:nth-child(4) label,
.section__procedure .list-items .item:nth-child(4) h3 {
    color: #453f99
}

.section__procedure .list-items .item:nth-child(4) label:after,
.section__procedure .list-items .item:nth-child(4) h3:after {
    background: #453f99
}

.section__procedure .list-items .item:nth-child(5) label,
.section__procedure .list-items .item:nth-child(5) h3 {
    color: #ed2b72
}

.section__procedure .list-items .item:nth-child(5) label:after,
.section__procedure .list-items .item:nth-child(5) h3:after {
    background: #ed2b72
}

.page__design-logo .section__project .list-logo {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap
}

.page__design-logo .section__project .list-logo .item {
    padding: 0px 20px;
    margin: unset
}

.page__design-logo .section__project .list-logo .item img {
    border: 1px solid #ccc;
    background: #fff
}

.page__design-logo .section__project .logo_list .item {
    width: calc(100% / 6 - 20px);
    margin: 0px 10px 20px
}

.page__design-logo .section__project img {
    width: 100%
}

.section__project {
    background: #e2e2e2;
    padding: 40px 0px
}

.page__design-logo .section__project .pagewrap {
    padding-top: 0px;
    padding-bottom: 0px
}

@media screen and (max-width:580px) {
    .section__project {
        padding: 20px 0px
    }

    .box_title_banner .js-btn-try {
        margin-right: 0px;
        margin-bottom: 20px
    }

    .page__design-logo .section__project .list-logo {
        display: flex;
        flex-wrap: wrap
    }

    .page__design-logo .section__project .list-logo .item {
        padding: 10px 10px
    }
}

@media screen and (max-width:375px) {
    .box_title_banner .wrapper-btn {
        margin-top: 10px
    }
}

.pulsing:after {
    animation: pulsing1 2.5s linear infinite
}

.pulsing {
    width: 99%;
    height: 99%;
    border-radius: 50px;
    z-index: 1;
    position: relative
}

#downButton {
    background: #00000026 url(../images/direction_down.png) center 6px no-repeat;
    background-size: 14px 14px !important;
    border: 3px solid rgba(255, 255, 255, 1);
    border-radius: 30px;
    height: 30px;
    width: 30px;
    position: absolute;
    bottom: 20px;
    z-index: 2;
    text-indent: -9999 !important;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: left !important;
    cursor: pointer
}

.services_home {
    padding: 40px 0
}

.services_colum ul {
    width: 25%;
    text-align: center;
    margin-top: 0;
    padding: 15px 0px
}

.services_colum ul li.bg_cl_1 {
    background: #db1a5b
}

.services_colum ul li.bg_cl_2 {
    background: #24c19b
}

.services_colum ul li.bg_cl_3 {
    background: #656dee
}

.services_colum ul li.bg_cl_4 {
    background: #0095ef
}

.services_colum ul p {
    color: gray;
    font-size: 16px;
    text-transform: none
}

.services_colum ul h3 {
    color: #333;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 400;
    padding-top: 15px;
    padding-bottom: 10px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out
}

.services_colum ul:hover h3 {
    color: #f60
}

.title_page {
    padding-bottom: 34px;
    text-align: center;
    width: 100%
}

.title_page ul h3 {
    color: #333;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 100;
    line-height: 50px;
    padding-bottom: 20px;
    background: url(../images/bg_line.png) center bottom no-repeat;
    margin-bottom: 16px
}

.title_page ul h3 span {
    color: #dc1a5b
}

.title_page ul h2 {
    color: #333;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 100;
    line-height: 50px;
    padding-bottom: 20px;
    background: url(../images/bg_line.png) center bottom no-repeat;
    margin-bottom: 16px
}

.title_page ul h2 span {
    color: #dc1a5b
}

.title_page ul p {
    color: gray;
    font-size: 20px;
    line-height: 30px
}

.botom_free {
    text-align: center;
    padding-top: 30px
}

.botom_free.botom_free_2 {
    padding-top: 0
}

.botom_free ul h3 a {
    background: #db1a5b;
    text-transform: uppercase;
    color: #ffffff;
    padding: 5px 40px;
    font-size: 18px;
    line-height: 35px;
    font-weight: 100;
    display: inline-block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    letter-spacing: 1px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
    margin-top: 0;
    border: double #ffffff 8px
}

.botom_free.botom_free_2 ul h3 a {
    background: #dc1a5b
}

.botom_free ul h3 i {
    padding-left: 10px
}

.botom_free ul h3 a:hover,
.box_title_banner ul h4 a:hover,
.total_parter ul h4 a:hover,
.chitiet_ungdung ul h4 a:hover,
.chitiet_ungdung ul h2 a:hover,
.dangky_id ul li a:hover,
.dangky_id ul li a.color_id_2:hover {
    background: #f60
}

.services_colum,
.colum_id_3 {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap
}

.colum_id_3 ul {
    float: left;
    width: 50%;
    padding: 25px 15px
}

.colum_id_3 ul li {
    float: left;
    width: 15%;
    list-style: none;
    text-align: center;
    line-height: 0;
    color: #666
}

.colum_id_3 ul li img {
    width: 80px;
    height: 80px
}

.colum_id_3 ul h3 {
    float: right;
    width: 80%;
    font-weight: 500;
    font-size: 25px;
    text-transform: uppercase;
    color: #fff
}

.colum_id_3 ul h3 span {
    font-weight: 100;
    font-size: 18px;
    text-transform: none;
    display: block;
    padding-top: 10px
}

.colum_id_box {
    padding-top: 270px;
    padding-bottom: 60px;
    position: relative;
    margin-top: 280px
}

.colum_id_box:before {
    content: '';
    position: absolute;
    top: -10px;
    left: -100%;
    right: -100%;
    bottom: -10px;
    background: url(../images/bg_3.jpg) center center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
}

.services_home_3 {
    padding-bottom: 80px;
    padding-top: 100px;
    background: url(../images/sh-bg.svg) center center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    z-index: -1;
    position: relative
}

.left_temp {
    width: calc((100% - 270px)/2);
    padding: 30px 35px 30px 30px
}

.left_temp ul {
    padding-top: 60px
}

.left_temp ul li {
    list-style: none;
    float: left;
    width: 70px;
    background: #dc1a5b;
    color: #fff;
    font-size: 35px;
    height: 70px;
    text-align: center;
    margin-left: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.right_temp ul li {
    margin-right: 20px;
    margin-left: 0
}

.left_temp ul h3 {
    float: left;
    width: calc(100% - 90px);
    color: #dc1a5b;
    font-size: 24px;
    line-height: 35px;
    font-weight: 500;
    text-transform: uppercase
}

.left_temp ul p {
    color: #666;
    font-size: 17px;
    line-height: 27px;
    padding-top: 15px
}

.left_temp.right_temp {
    text-align: left
}

.center_temp {
    float: left;
    width: 270px;
    height: 540px;
    background: url(../images/bg_mobile.png) center center no-repeat;
    position: relative;
    padding: 15px
}

.box_menu {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    z-index: 10
}

.box_menu.fixed {
    position: fixed;
    top: 0 !important;
    z-index: 4;
    background: #ffffff;
    width: 100%;
    -webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15);
    z-index: 9999
}

.logo_top {
    padding: 10px 0;
    margin: 0
}

.wrapper-items-logo {
    display: flex;
    width: 290px;
    float: left;
    align-items: center;
    justify-content: flex-start
}

.box_menu.fixed .logo_top {
    top: -20px
}

.menu.menu_pc {
    margin: auto;
    transform: translateY(-50%);
    top: 50%
}

.box_menu.fixed .logo_top img {
    height: 45px;
    padding: 0;
    background: no-repeat
}

.box_menu.fixed .right_header ul li a,
.right_header ul li {
    color: #333
}

.box_menu.fixed .menu>li:hover>a,
.box_menu.fixed .right_header ul li a:hover {
    color: #db1a5b
}

.box_menu.fixed .menu>li>a {
    line-height: 40px;
    color: #333
}

.box_menu.fixed .menu li.homepage a {
    top: -2px
}

.box_menu.fixed .openBtn {
    margin-top: 10px
}

.box_menu.fixed .dropdown {
    position: absolute;
    top: 7px
}

.box_menu:after,
.box_menu:before {
    content: "";
    position: inherit;
    top: 0px;
    left: 0;
    right: 0
}

.box_menu.fixed:after,
.box_menu.fixed:before {
    position: absolute
}

.box_menu:before {
    top: auto;
    bottom: 0px
}

.menu li.homepage a i {
    font-size: 25px;
    margin: 0;
    padding: 0
}

.menu li.homepage a {
    padding-right: 10px;
    top: -2px
}

.menu li.homepage a:hover {
    color: #dc1a5b;
    background: none
}

.right_header ul li:first-child {
    padding-left: 6px
}

.menu {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0;
    right: 0px;
    z-index: 3;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out
}

.menu * {
    list-style: none
}

.menu>li+li {
    margin-left: 0
}

.menu>li {
    float: left;
    position: relative
}

.menu>li>a {
    display: block;
    line-height: 45px;
    position: relative;
    z-index: 2;
    font-size: 15px;
    text-decoration: none;
    text-transform: capitalize;
    color: #333;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    padding: 0 14px
}

.menu>li>a i {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 7px;
    color: inherit;
    font-size: 11px
}

.menu>li>a:after {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0px;
    height: 2px;
    background: #ed1c24;
    opacity: 0;
    z-index: 2;
    display: none
}

.menu>li:hover>a {
    color: #db1a5b;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.menu>li:hover>a:after {
    left: 0;
    right: 0;
    opacity: 1
}

.menu>.searchli:hover>ul {
    display: block;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none
}

.menu>li>ul.menu-two-col {
    display: grid;
    width: 645px;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    grid-gap: 0px 20px;
    background: white;
    transform: translateX(-50%);
    left: 50%;
    transition: unset;
    -moz-transition: unset;
    -webkit-transition: unset
}

.menu>li:hover>ul.menu-two-col {}

.menu>li:hover>ul.menu-two-col:before {
    left: 50%;
    transform: translateX(-50%)
}

.menu>li:hover>ul.menu-two-col:after {
    top: -26px
}

.menu>li>ul li:nth-child(5),
.menu>li>ul li:nth-child(6) {
    border-bottom: 0px
}

.menu>li.active>a {
    color: #EF1E23
}

.menu>li.active>a:after {
    left: 0;
    right: 0;
    opacity: 1
}

.menu>li>ul {
    position: absolute;
    top: 90%;
    left: 0;
    display: none;
    width: 320px;
    z-index: 2;
    margin-top: 19px;
    padding: 0;
    display: block;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transform-origin: center top 0px;
    -moz-transform-origin: center top 0px;
    -webkit-transform-origin: center top 0px;
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
    border-top: 2px #dc1a5b solid;
    box-shadow: 0px 5px 18px 0px rgb(0 0 0 / 10%)
}

.menu>li.searchclick>.search {
    display: none;
    transform: none;
    transform-origin: center;
    cursor: pointer;
    transition: auto
}

.menu>li.searchclick>a {
    cursor: pointer
}

.box_menu.fixed .menu>li>ul {
    margin-top: 13px
}

.menu>li>ul:before {
    content: "";
    border: solid 10px transparent;
    border-bottom-color: #db1a5b;
    width: 22px;
    height: 20px;
    position: absolute;
    top: -21px;
    left: 40px;
    z-index: 2
}

.menu>li>ul .img_menu {
    width: 45px;
    position: absolute;
    top: 13px
}

.menu>li>ul:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 3px;
    right: -3px;
    bottom: -3px;
    z-index: 0;
    background: rgba(0, 0, 0, 0)
}

.menu>li>ul li {
    z-index: 2;
    position: relative;
    margin: 0;
    color: #333;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 15px;
    background: #fff;
    border-bottom: 1px solid #ccc
}

.menu>li>ul>li:first-child {
    padding-top: 10px;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0
}

.menu>li>ul>li:last-child {
    padding-bottom: 10px;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px
}

.menu>li>ul>li:last-child>a {
    border: none
}

.menu>li>ul>li a {
    display: inline-block;
    white-space: nowrap;
    color: inherit;
    line-height: 27px;
    background: rgba(255, 255, 255, 0);
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
    padding: 0 24px 0 55px;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600
}

.menu>li>ul>li>a>span {
    display: none
}

.menu>li>ul>li:hover>a {
    z-index: 3
}

.menu>li>ul>li a {
    transition: 0.25s all ease-in-out
}

.menu>li>ul>li .href_menu {
    padding: 0
}

.menu>li>ul>li .desc_menu {
    padding-left: 60px;
    color: gray;
    font-size: 13px;
    line-height: 23px;
    margin-bottom: 0px
}

.menu>li>ul:not(.menu-two-col)>li:hover>a {
    padding: 0 12px 0 55px;
    background: rgba(255, 255, 255, 0.2);
    border-color: transparent
}

.menu>li>ul>li>ul li:hover>a {
    padding: 0 12px 0 12px;
    background: rgba(255, 255, 255, 0.2);
    border-color: transparent
}

.menu>li>ul:not(.menu-two-col)>li:hover>a.href_menu {
    padding: 0
}

.menu>li>ul>li>a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out
}

.logo_top img {
    height: 60px;
    width: auto;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out
}

.right_header {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    line-height: 30px;
    right: 15px
}

.right_header ul li {
    list-style: none;
    float: left;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    border-left: solid #333 1px;
    padding-left: 10px;
    margin-left: 10px;
    line-height: 20px
}

.right_header ul li i {
    padding-right: 10px;
    font-size: 15px
}

.right_header ul li a:hover {
    color: #db1a5b;
    text-decoration: underline
}

.total_parter {
    padding-top: 100px;
    text-align: center;
    background: url(../images/bg_6.png) center top no-repeat #dc1a5b;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    position: relative;
    color: #fff;
    padding-bottom: 150px
}

.total_parter_2:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #dc1a5be8;
    transition: .3s all ease;
    z-index: 0
}

.total_parter:before {
    background: url(../images/bg_5.png) center top no-repeat;
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 2;
    width: 100%;
    height: 40px
}

.total_parter:after {
    background: url(../images/bg_4.png) center bottom no-repeat;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 2;
    width: 100%;
    height: 40px
}

.total_parter ul h2 {
    text-transform: uppercase;
    font-size: 80px;
    line-height: 120px;
    font-weight: 500;
    color: #ffc520;
    font-family: 'Roboto Slab', serif;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 21px;
    letter-spacing: 3px
}

.total_parter ul h2 span {
    text-transform: uppercase;
    display: block;
    font-size: 30px;
    line-height: 40px;
    font-weight: 300;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0
}

.total_parter ul h2:before {
    content: "";
    position: absolute;
    left: 45%;
    bottom: 0;
    height: 4px;
    width: 10%;
    background: #ffffff;
    z-index: 2
}

.total_parter ul p {
    font-size: 20px;
    line-height: 35px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    width: 50%
}

.total_parter ul h4 a {
    text-transform: uppercase;
    color: #ffffff;
    padding: 5px 50px;
    font-size: 19px;
    line-height: 35px;
    font-weight: 300;
    display: inline-block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    letter-spacing: 1px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
    margin-top: 30px;
    border: double #ffffff 6px;
    background: #dc1a5b
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    z-index: 1
}

[data-x-mode] #particles-js {
    pointer-events: none
}

.dv-content-partoc {
    position: relative
}

.dv-content-partoc:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.temp_mau_home {
    padding: 40px 0
}

.temp_id {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap
}

.temp_id ul {
    width: 25%;
    text-align: center;
    position: relative;
    padding: 15px
}

.temp_id ul li,
.temp_id ul li img {
    list-style: none;
    line-height: 0;
    position: relative;
    overflow: hidden;
    display: block;
    height: auto;
    width: 100%;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px
}

.temp_id ul h3 {
    float: left;
    font-size: 20px;
    color: #333;
    font-weight: 400;
    text-align: left;
    padding-top: 15px
}

.temp_id ul h3 span {
    display: block;
    font-size: 17px;
    color: #666;
    font-weight: 300
}

.temp_id ul:hover li:before {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    z-index: 1;
    transition: all 600ms ease;
    background: rgba(0, 0, 0, .28)
}

.temp_id ul:hover .more_temp {
    opacity: 10
}

.more_temp {
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    text-align: center;
    z-index: 2;
    opacity: 0;
    transition: all 600ms ease;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.more_temp h2 {
    display: inline-table;
    margin: 5px
}

.swap li {
    float: right !important
}

.more_temp h2 a {
    display: block;
    color: #fff;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 300;
    text-transform: capitalize;
    background: #dc1a5b;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    line-height: 40px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s
}

.more_temp h2 a.colortemp_2 {
    background: #5ABB49
}

.more_temp h2 a:hover {
    background: #f60
}

.box_review {
    padding: 100px 0;
    text-align: center;
    background: url(../images/bg_2.jpg) center center no-repeat fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    position: relative
}

.list_review ul li {
    list-style: none;
    line-height: 0
}

.video_home ul {
    background: url(../images/block-video-870x500.png) center center no-repeat;
    max-width: 870px;
    height: 500px;
    background-size: 100% 500px
}

.video_home ul li {
    list-style: none;
    padding: 36px 12%
}

.video_home ul li iframe {
    width: 100%;
    height: 409px
}

.video_home {
    position: absolute;
    left: 0;
    right: 0;
    top: -550px;
    z-index: 3;
    padding: 15px
}

.services_home_2 {
    padding-top: 0;
    position: relative
}

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

.conten {
    overflow: hidden
}

.right_fix {
    position: fixed;
    right: 20px;
    bottom: 100px;
    z-index: 9999
}

.right_fix ul li {
    list-style: none;
    line-height: 0;
    margin-bottom: 15px
}

.right_fix ul li .wrapper-img {
    width: 49px;
    height: 49px;
    display: flex;
    align-items: center;
    border: double #ffffff 6px;
    padding: 5px;
    box-sizing: border-box;
    background: #d92e62;
    bottom: -100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: 0.1s background-color linear, 0.1s color linear;
    -moz-transition: 0.1s background-color linear, 0.1s color linear;
    -o-transition: 0.1s background-color linear, 0.1s color linear;
    transition: 0.1s background-color linear, 0.1s color linear
}

.right_fix ul li:hover .wrapper-img {
    background: #5abb49
}

.chamsoc_kh {
    background: #dc1a5b;
    color: #FFF;
    text-align: center
}

.chamsoc_kh ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0px auto;
    max-width: 1100px
}

.chamsoc_kh ul>h3 {
    font-size: 17px;
    font-weight: 300;
    padding: 10px 25px;
    border-right: solid #FFF 1px;
    line-height: 1.6;
    width: 33.3336%;
    text-align: center
}

.chamsoc_kh ul>h3:last-child {
    border-right: none
}

.chamsoc_kh ul h3 span {
    font-size: 22px;
    font-weight: 500;
    padding-left: 5px
}

.footer {
    background: #888888;
    text-align: center;
    padding: 30px 0
}

.box_home_3 {
    padding-top: 40px;
    padding-bottom: 130px;
    position: relative;
    background: #f5f5f5
}

.box_home_3:after {
    background: url(../images/bg_7.png) center bottom no-repeat;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 1;
    width: 100%;
    height: 215px
}

.images_box3 {
    position: absolute;
    right: 2%;
    bottom: 10px;
    float: right;
    z-index: 2;
    max-width: 48%;
    padding: 15px
}

.images_box3 img {
    width: 100%;
    height: auto
}

.conent_box3 {
    float: left;
    width: 50%
}

.conent_box3 ul {
    padding-top: 20px;
    position: relative
}

.conent_box3 ul li {
    float: left;
    list-style: none;
    line-height: 0;
    height: 60px;
    width: 60px;
    padding: 15px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: double #ffffff 9px;
    background: #969696;
    position: relative
}

.conent_box3 ul.bosung_line:before {
    content: "";
    position: absolute;
    left: 50px;
    top: 125px;
    height: 80px;
    width: 5px;
    background: #969696;
    z-index: 1
}

.conent_box3 ul.bosung_line:after {
    content: "";
    position: absolute;
    left: 50px;
    top: -57px;
    height: 80px;
    width: 5px;
    background: #969696;
    z-index: 1
}

.conent_box3 ul li img {
    width: 100%;
    height: auto
}

.conent_box3 ul h3 {
    float: right;
    width: 78%;
    color: #545454;
    font-size: 25px;
    line-height: 35px;
    font-weight: 500;
    text-transform: uppercase
}

.conent_box3 ul h3 span {
    color: #666;
    font-size: 17px;
    line-height: 27px;
    padding-top: 10px;
    display: block;
    text-transform: none
}

.dv-hinh-anh-quay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.div_slider_banner_shap3 {
    position: absolute;
    left: 0;
    -webkit-animation: dv_rotate3d 4s linear infinite;
    animation: dv_rotate3d 4s linear infinite;
    opacity: .4;
    top: 0;
    display: none
}

.dv_single_slider_rot_inner {
    position: absolute;
    top: 9%;
    left: 20%
}

@-webkit-keyframes dv_rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@keyframes dv_rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

.img_wrapper_ring {
    position: absolute;
    top: 62%;
    z-index: -2;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-animation: rotate-m 4s linear infinite;
    -o-animation: rotate-m 4s linear infinite;
    animation: rotate-m 4s linear infinite;
    display: block
}

.img_wrapper_ring img {
    animation: floating2 7s infinite;
    -webkit-animation: floating2 7s infinite;
    -webkit-animation-name: dv_rotateme;
    animation-name: dv_rotateme;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    width: 100%;
    height: auto
}

.w3-section,
.w3-code {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    top: 0;
    width: 240px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.w3-section img {
    width: auto;
    height: 510px
}

.bg_link {
    color: #fff;
    padding-top: 230px;
    padding-bottom: 50px;
    background: url(../images/bg_8.jpg) center center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    position: relative
}

.bg_link.bg-banner-price {
    background: url(../images/banner-page/bangia_web30s.jpg) center center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover
}

.bg_link.bg-banner-blog {
    background: url(../images/banner-page/blog_kientrhuc.jpg) center center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover
}

.bg_link.bg-banner-care-website {
    background: url(../images/banner-page/chamsoc_website.jpg) center center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover
}

.bg_link.bg-banner-about-web30s {
    background: url(../images/banner-page/gioithieu_web30s.jpg) center center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover
}

.bg_link.bg-banner-web-custom {
    background: url(../images/banner-page/gioithieu_webtheoyeucau.jpg) center center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover
}

.bg_link.bg-banner-web-response-theme {
    background: url(../images/banner-page/kho_giaodien.jpg) center center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover
}

.bg_link.bg-banner-extension {
    background: url(../images/banner-page/tienich_web30s.jpg) center center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover
}

.bg_link ul h3,
.bg_link ul h1,
.bg_link ul p {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 200;
    line-height: 45px;
    padding-bottom: 25px;
    background: url(../images/bg_line.png) center bottom no-repeat;
    margin-bottom: 30px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    letter-spacing: 1px;
    z-index: 2
}

.bg_link:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/pattern.png) repeat center center rgba(0, 0, 0, 0.6);
    transition: .3s all ease;
    z-index: 0
}

.bg_link ul h3 span,
.bg_link ul h1 span,
.bg_link ul p span {
    color: #ffc520
}

.page_conten {
    padding-top: 50px;
    padding-bottom: 30px
}

.box_yc_1 {
    padding-top: 30px;
    background: url(../images/right_bg.jpg) right top no-repeat #fff;
    padding-bottom: 30px;
    position: relative
}

.left_noidung_gt {
    float: left;
    width: 50%
}

.web30s_gt_1 {
    padding-top: 120px;
    background: linear-gradient(-47deg, #F956CB 0%, #F74B54 100%);
    position: relative;
    padding-bottom: 200px
}

.web30s_gt_1:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 0;
    border-right: 100vw solid #fff;
    border-top: 200px solid transparent;
    width: 0;
    z-index: 0
}

.web30s_gt_1 ul {
    float: left;
    width: 50%;
    color: #fff
}

.web30s_gt_1 ul h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 200;
    line-height: 45px;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 30px
}

.web30s_gt_1 ul h3:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 20%;
    background: #ffffff;
    z-index: 2
}

.web30s_gt_1 ul h3 span {
    color: #fff;
    text-transform: none;
    font-size: 20px;
    font-weight: 100;
    line-height: 25px;
    display: block;
    padding-top: 10px
}

.web30s_gt_1 ul h2 i,
.web30s_gt_2 ul h2 i {
    padding-left: 10px
}

.web30s_gt_1 li {
    position: absolute;
    width: 45%;
    list-style: none;
    line-height: 0;
    right: 0;
    bottom: -220px;
    z-index: 2;
    text-align: right;
    padding: 15px
}

.web30s_gt_1 li img {
    width: 90%;
    height: auto
}

.web30s_gt_2 {
    padding: 20px 0;
    background: url(../images/sh-bg.svg) center center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover
}

.web30s_gt_2 li {
    list-style: none;
    line-height: 0;
    width: 40%;
    float: left;
    padding: 2%;
    text-align: center
}

.web30s_gt_2 li img {
    width: 90%;
    height: auto
}

.web30s_gt_2 ul {
    float: left;
    width: 52%;
    padding: 2%
}

.web30s_gt_2 ul h3 {
    color: #dc1a5b;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 200;
    line-height: 45px;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 15px
}

.web30s_gt_2 ul h3:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 20%;
    background: #dc1a5b;
    z-index: 2
}

.web30s_gt_2 ul h3 span {
    color: #666;
    text-transform: none;
    font-size: 20px;
    font-weight: 100;
    line-height: 25px;
    display: block;
    padding-top: 10px
}

.web30s_gt_2 ul p,
.web30s_gt_1 ul p {
    padding-top: 15px
}

.web30s_gt_2 ul h2 a,
.web30s_gt_1 ul h2 a,
.css__btn-mul-color {
    float: left;
    display: block;
    background: #dc1a5b;
    color: #fff;
    padding: 5px 40px;
    font-size: 17px;
    line-height: 35px;
    font-weight: 100;
    margin-top: 30px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background-image: -webkit-linear-gradient(left, #da1a5a 0%, #7450fe 51%, #db1a5b 100%);
    background-image: linear-gradient(to right, #db1a5b 0%, #7450fe 51%, #dc1a5b 100%);
    -webkit-transition: all 500ms;
    transition: all 500ms;
    border: solid #FFF 2px;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.1s background-color linear, 0.1s color linear;
    -moz-transition: 0.1s background-color linear, 0.1s color linear;
    -o-transition: 0.1s background-color linear, 0.1s color linear;
    transition: 0.1s background-color linear, 0.1s color linear
}

.web30s_gt_2 ul h2 a:hover,
.web30s_gt_1 ul h2 a:hover {
    background: #dc1a5b;
    background-image: -webkit-linear-gradient(left, #7450fe 0%, #db1a5b 51%, #7450fe 100%);
    background-image: linear-gradient(to right, #7450fe 0%, #db1a5b 51%, #7450fe 100%)
}

.web30s_gt_2.web30s_gt_3 {
    background: url(../images/bg_01.png) center right no-repeat
}

.web30s_gt_2.web30s_gt_4 {
    background: url(../images/bg_02.png) center left no-repeat
}

th {
    background-color: #5a008b;
    color: white;
    line-height: 45px;
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase
}

tr:hover {
    background-color: #f5f5f5
}

th,
td {
    border-bottom: 1px solid #ddd
}

th,
td {
    padding: 5px 10px
}

td {
    height: 30px
}

table {
    border: 1px solid black
}

table {
    width: 100%
}

table {
    border-collapse: collapse
}

table,
th,
td {
    border: 1px solid #ccc
}

tr:nth-child(even) {
    background-color: #f2f2f2
}

.timkiem_top {
    border-bottom: solid #eee 1px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    background: #fff;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    float: left;
    width: 100%;
    text-align: left
}

.input_search {
    padding: 0px 10px;
    height: 35px;
    width: auto;
    color: #666;
    background: none;
    border: none;
    width: 100%;
    font-size: 13px;
    padding-right: 45px
}

.search {
    position: relative
}

.input_search:focus {
    color: #333
}

.btn_ser {
    width: 50px;
    height: 30px;
    text-indent: -10000px;
    background: url(../images/icon-search.png) no-repeat center center;
    border-left: 0px;
    position: absolute;
    right: 0
}

.search li a {
    width: 50px;
    height: 30px;
    border-left: 0px;
    position: absolute;
    right: 0
}

.search a:hover,
.btn_ser:hover {
    background: url(../images/icon-search_hover.png) no-repeat center center
}

.btn_ser:hover {
    background: url(../images/icon-search_hover.png) no-repeat center center
}

.menu_left_id ul h3,
.menu_left_id ul h2 {
    color: #333;
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 400;
    border-bottom: solid #eee 1px;
    padding-bottom: 10px;
    margin-bottom: 15px
}

.menu_left_id ul li {
    list-style: none
}

.menu_left_id ul li i {
    padding-right: 10px
}

.menu_left_id ul li a {
    display: block;
    padding: 5px 0;
    line-height: 30px;
    color: #666;
    font-size: 17px;
    text-transform: capitalize;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    transition: text-indent 0.2s
}

.menu_left_id ul li a:hover {
    color: #dc1a5b;
    transition: text-indent 0.2s;
    text-indent: 6px
}

.left_conten_id {
    width: 22%;
    padding: 15px
}

.right_conten_id {
    width: 78%;
    padding: 15px
}

.part_list,
.tienich_id {
    margin: 0 -1%
}

.part_list ul {
    float: left;
    width: 21%;
    margin: 0 1% 2% 1%;
    text-align: center;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    padding: 1%
}

.part_list ul li {
    list-style: none;
    line-height: 0
}

.part_list ul li img {
    width: 100%;
    height: auto
}

.part_list ul h3 {
    font-size: 18px;
    color: #333;
    font-weight: 400;
    padding-top: 20px;
    text-transform: uppercase;
    padding-bottom: 0
}

.part_list ul p {
    font-size: 16px;
    color: #666;
    font-weight: 300
}

.part_list ul:hover h3 {
    color: #dc1a5b
}

.titile_page {
    color: #333;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 100;
    line-height: 40px;
    padding-bottom: 20px;
    background: url(../images/bg_line.png) left bottom no-repeat;
    margin-bottom: 0px
}

.titile_page span {
    color: #dc1a5b
}

.tienich_id {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
    align-items: left
}

.tienich_id>li {
    width: 25%;
    padding: 15px;
    margin: 0
}

.tienich_id ul li,
.tienich_id ul li img {
    list-style: none;
    line-height: 0;
    width: 100%;
    height: auto
}

.box_content {
    padding: 45px 0px 25px 0px
}

.tienich_id ul {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    padding: 10px
}

.tienich_id ul h3 {
    font-size: 18px;
    color: #333;
    font-weight: 400;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    text-transform: uppercase
}

.tienich_id ul h3 span {
    display: block;
    color: #f60;
    font-size: 20px;
    text-transform: capitalize
}

.tienich_id ul p {
    padding-left: 5px;
    padding-right: 5px;
    color: #666;
    padding-top: 10px;
    line-height: 24px
}

.boder_page_id {
    margin-bottom: 0;
    padding: 0px 0px 25px 0px
}

.chitiet_ungdung {
    margin-bottom: 30px;
    padding: 25px 0px
}

.chitiet_ungdung li {
    float: left;
    width: 40%;
    list-style: none;
    line-height: 0
}

.chitiet_ungdung li img {
    width: 100%;
    height: auto
}

.chitiet_ungdung ul {
    float: right;
    width: 57%
}

.chitiet_ungdung ul h3 {
    font-size: 25px;
    color: #333;
    font-weight: 300;
    text-transform: uppercase;
    border-bottom: double #CCCCCC 4px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    line-height: 35px
}

.chitiet_ungdung ul h3 span {
    display: block;
    color: #F63;
    font-size: 20px;
    text-transform: capitalize;
    padding-top: 5px;
    font-weight: 500
}

.chitiet_ungdung ul h4 a {
    background: #db1a5b;
    text-transform: uppercase;
    color: #ffffff;
    padding: 5px 40px;
    font-size: 18px;
    line-height: 35px;
    font-weight: 300;
    display: inline-block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    letter-spacing: 1px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
    margin-top: 0;
    border: double #ffffff 8px
}

.chitiet_ungdung ul h4 i {
    font-size: 24px;
    padding-right: 10px
}

.chitiet_ungdung ul h2 a {
    text-transform: none;
    color: #fff;
    padding: 5px 25px;
    font-size: 18px;
    line-height: 35px;
    font-weight: 300;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    border: dashed #ffffff 1px;
    margin-bottom: 20px;
    display: block;
    text-align: center;
    background: #5abb49;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px
}

.dangky_tt ul h4 a:hover {
    background: #dc1a5b
}

.dangky_tt {
    padding: 100px 0;
    text-align: center;
    background: url(../images/bg_9.jpg) center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    color: #fff;
    position: relative
}

.dangky_tt:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0000006e;
    transition: .3s all ease;
    z-index: 0
}

.dangky_tt ul h3 {
    padding-bottom: 20px;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 40px;
    color: #ffc520;
    background: url(../images/bg_line.png) center bottom no-repeat;
    margin-bottom: 20px
}

.dangky_tt ul p {
    padding-bottom: 30px;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 30px
}

.dangky_tt ul h4 a {
    display: inline-table;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 33px;
    padding: 5px 40px;
    background: #FF9800;
    border: double #ffffff 8px;
    font-weight: 100;
    color: #fff;
    border-radius: 50px;
    -webkit-transition: 0.1s background-color linear, 0.1s color linear;
    -moz-transition: 0.1s background-color linear, 0.1s color linear;
    -o-transition: 0.1s background-color linear, 0.1s color linear;
    transition: 0.1s background-color linear, 0.1s color linear;
    margin-top: 30px;
    letter-spacing: 3px
}

.col-md-7 {
    width: 26.5%;
    display: inline-table;
    margin-left: 10px;
    color: #666;
    margin-right: 10px
}

.col-md-3 {
    width: 100%;
    margin-bottom: 15px
}

.form-control_3 {
    display: block;
    width: 100%;
    height: 45px;
    padding: 5px 15px;
    font-size: 17px;
    line-height: 1.42857143;
    color: #999;
    background: f2f2f2;
    background-image: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border: 1px solid #ccc;
    font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;
    resize: vertical;
    box-sizing: border-box
}

.form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 25px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #666;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    resize: vertical;
    box-sizing: border-box;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px
}

.form-control:focus {
    border-color: #000000;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #000000bf;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #000000ba
}

.row-frm select {
    height: 45px !important;
    width: 100%;
    margin: 0
}

.banggia_page {
    margin-bottom: 30px;
    text-align: center
}

.box_ct_list {
    margin-bottom: 30px
}

.left_hinh_ct {
    width: 60%;
    position: relative;
    padding: 15px 167px 15px 15px
}

.left_hinh_ct li {
    list-style: none;
    line-height: 0
}

.left_hinh_ct ul {
    position: absolute;
    bottom: 60%;
    right: 15px;
    z-index: 1;
    transform: translateY(50%);
    width: 232px;
    height: 463px;
    background: url(../images/phone_bg.png) center center no-repeat
}

.left_hinh_ct ul img {
    border: none;
    width: 196px;
    margin-top: 51px;
    margin-left: 23px
}

.left_hinh_ct li img {
    width: 100%;
    height: auto
}

.right_noidung_ct {
    width: 40%;
    padding: 15px
}

.row_1 h3 {
    font-size: 30px;
    color: #333;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-bottom: 15px;
    line-height: 35px;
    border-bottom: double #ccc 4px
}

.row_1 ul li {
    list-style: none;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: dotted #ccc 1px;
    color: #666
}

.row_1 ul li span {
    padding-left: 20px;
    color: #f63;
    font-size: 20px
}

.dangky_id {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px
}

.dangky_id ul li {
    list-style: none;
    margin-right: 15px;
    float: left
}

.dangky_id ul li a {
    display: block;
    background: #DC1A5B;
    color: #fff;
    font-size: 17px;
    padding: 5px 30px;
    line-height: 30px;
    text-transform: capitalize;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s
}

.dangky_id ul li a.color_id_2 {
    background: #5ABB49
}

.dangky_id ul li i {
    font-size: 20px;
    padding-right: 10px
}

.row_1 ul p {
    color: #f60;
    font-size: 20px;
    text-transform: uppercase
}

.row_2 ul h3,
.row_3 ul h3 {
    font-size: 25px;
    color: #333;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 15px
}

.row_2 ul li {
    list-style: none;
    float: left
}

.row_2 ul li a {
    display: block;
    background: #eee;
    font-size: 14px;
    padding: 0px 10px;
    margin: 5px;
    line-height: 30px;
    text-transform: none;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    color: #666
}

.row_2 ul li a:hover {
    background: #ccc;
    color: #333
}

.row_3 {
    margin-top: 20px;
    border: dashed #f63 2px;
    padding: 20px;
    color: #666;
    position: relative;
    padding-bottom: 10px
}

.row_3 ul p span.phone_company {
    line-height: 35px;
    color: #f60;
    font-size: 22px
}

.row_3 ul p span:nth-child(1) {
    width: 160px;
    font-size: 16px
}

.row_3 ul p span {
    color: #666;
    font-size: 17px;
    float: left;
    line-height: 36px
}

.row_3 ul {
    padding-right: 110px
}

.row_3 ul li {
    list-style: none;
    line-height: 0;
    position: absolute;
    bottom: 0px;
    right: 10px;
    z-index: 0;
    text-align: right
}

.row_3 ul li img {
    width: 80%;
    height: auto;
    text-align: right
}

.right_hinh {
    position: absolute;
    right: 10%;
    bottom: -30px;
    z-index: 1;
    text-align: right;
    width: 40%
}

.right_hinh img {
    width: 90%;
    height: auto
}

.box_yc_2 {
    padding: 30px 0;
    background: #f8f8f8;
    position: relative
}

.box_yc_3 {
    padding-top: 30px;
    background: url(../images/sh-bg.svg) center center no-repeat fixed;
    position: relative;
    padding-bottom: 100px
}

.left_hinh_id {
    width: 40%;
    float: left;
    padding: 2%;
    text-align: center
}

.left_hinh_id img {
    width: 90%;
    height: auto
}

.right_noidung_t {
    float: left;
    width: 52%;
    padding: 2%
}

.hinh_chuanseo {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: -140px
}

.hinh_chuanseo img {
    width: 510px;
    height: auto
}

.box_yc_4 {
    padding-top: 130px;
    background: #f8f8f8;
    position: relative
}

.tbl_quytrinhthietke_rps {
    overflow: scroll
}

.tbl_quytrinhthietke_rps table {
    min-width: 768px
}

#footer {
    background: #888;
    padding: 15px 0;
    color: #FFF
}

.box_header_top,
.footer_bottom,
.list_col_ft {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    padding: 0px 0px 15px 0px
}

.box_header_top .left_header_top,
.box_header_top .right_header_top {
    width: 50%;
    padding: 15px
}

.title_footer {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 18px
}

.list_adress li {
    margin: 10px 0;
    font-size: 15px;
    line-height: 1.45
}

.list_adress li:last-child {
    margin-bottom: 0
}

.left_header_bottom {
    width: 73%;
    padding: 15px
}

.right_header_bottom {
    width: 27%;
    padding: 15px
}

.list_col_ft>li {
    width: 25%;
    padding: 15px
}

.footer_bottom .title_footer {
    font-size: 16px
}

.list_link_ft li:last-child {
    margin-bottom: 0
}

.list_col_ft>li {
    padding: 0 15px
}

.list_link_ft li a {
    color: #FFF;
    font-size: 15px;
    line-height: 1.6;
    transition: 0.25s all ease-in-out
}

.list_link_ft li a:hover {
    color: #db1a5b
}

.form_newsletter {
    margin: 15px 0;
    position: relative
}

.submit_email {
    position: absolute;
    right: 0;
    width: 35px;
    font-size: 21px;
    color: #999;
    height: 33px;
    cursor: pointer;
    border: none;
    top: 1px;
    padding: 0
}

.input_email {
    width: 100%;
    height: 35px;
    padding: 0 50px 0 5px
}

.title_connect_pa {
    font-size: 14px;
    color: #FFF;
    margin: 10px 0
}

.list_img_ft {
    display: flex;
    flex-wrap: wrap
}

.list_img_ft>li {
    width: 50%;
    padding: 5px;
    margin: 0
}

.mobile-menu-area {
    display: none
}

.btn_menu {
    position: absolute;
    color: #333;
    z-index: 999;
    right: 116px;
    top: 50%;
    font-size: 24px;
    transform: translateY(-50%)
}

.fixed .right_header ul li {
    border-left: solid #333 1px
}

.mm-wrapper__blocker.mm-slideout {
    background: #000;
    opacity: 0.45
}

.flex_temp {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px
}

.left_temp {
    padding: 35px 15px
}

.box_table>li {
    width: 25%;
    padding: 15px
}

.item_price {
    height: 100%;
    padding-bottom: 90px;
    position: relative;
    padding-top: 105px
}

.header_price {
    color: #FFF;
    position: relative;
    padding-top: 105px
}

.register_box {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px
}

.price_month {
    width: 180px;
    height: 180px;
    background: #FFF;
    padding: 15px;
    position: absolute;
    top: -90px;
    left: 0;
    right: 0;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.price_month>div {
    width: 100%
}

.price_month hr {
    border: none;
    height: 1px
}

.price_unit,
.month_unit {
    width: 100%
}

.price_unit {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px
}

.month_unit {
    font-size: 20px;
    margin-top: 10px
}

.name_box {
    color: #ffff00;
    font-size: 22px;
    text-transform: uppercase;
    padding: 0px 15px 30px 15px
}

.des_box {
    padding: 25px 15px 15px 15px;
    position: relative
}

.img_dowm {
    position: absolute;
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0px;
    right: 0px;
    top: -15px
}

.img_hot {
    position: absolute;
    right: -4px;
    top: -5px
}

.img_dowm img {
    transform: rotate(-45deg)
}

.list_box_service ul li {
    padding: 10px;
    font-size: 15px;
    color: #333;
    cursor: pointer
}

.list_box_service ul li:nth-child(2n-1) {
    background: #f5f5f5
}

.register_box>a.btn_register {
    padding: 10px 15px;
    color: #FFF;
    font-size: 21px;
    text-transform: uppercase
}

.register_box>a.view_more_box {
    padding: 5px 15px
}

.register_box>a {
    display: block
}

.popover_box {
    color: #fff;
    background-color: #dc1a5b;
    border-radius: 50%;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.content_pover {
    position: absolute;
    padding: 10px 15px;
    background: #dc1a5b;
    width: 200px;
    border-radius: 5px;
    top: -20px;
    left: 18px;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    transform: translate(-100%, -100%);
    text-align: left
}

.content_pover:before {
    width: 0;
    height: 0;
    content: '';
    border-left: 14px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #dc1a5b;
    position: absolute;
    right: 0px;
    bottom: -7px;
    margin: auto
}

.popover_box:hover .content_pover {
    opacity: 1;
    visibility: visible
}

body {
    --blue_color: #00a6d9;
    --blue_clor_second: #0ac4fc;
    --blue_clor_opacity: rgba(10, 196, 252, 0.2);
    --blue_clor_hover: #55d8ff;
    --green_color_first: #5ABB49;
    --green_color_first_second: #9de290;
    --green_color_first_opacity: #b8d8b3;
    --green_color_first_hover: #7fde6d;
    --orange_color: #f24e49;
    --orange_color_second: #f08275;
    --orange_color_opacity: rgba(242, 78, 73, 0.2);
    --orange_color_hover: #f08275;
    --green_color_second: #179c76;
    --green_color_second_second: #1bb589;
    --green_color_second_opacity: rgba(23, 156, 118, 0.2);
    --green_color_second_hover: #1bb589
}

.green_color_second .price_month {
    border: solid 2px var(--green_color_second);
    color: var(--green_color_second)
}

.green_color_second .price_month hr {
    background: var(--green_color_second);
    color: var(--green_color_second)
}

.green_color_second .img_dowm {
    background: var(--green_color_second);
    border: solid 1px var(--green_color_second_second)
}

.green_color_second .header_price {
    background: var(--green_color_second)
}

.green_color_second .list_box_service ul li:hover,
.green_color_second .register_box>a.view_more_box:hover {
    background: var(--green_color_second_hover);
    color: #FFF
}

.green_color_second .register_box>a.btn_register {
    background: var(--green_color_second)
}

.green_color_second .register_box>a.view_more_box {
    color: var(--green_color_second);
    background: var(--green_color_second_opacity)
}

.green_color_second .des_box {
    background: var(--green_color_second_second)
}

.orange_color .price_month {
    border: solid 2px var(--orange_color);
    color: var(--orange_color)
}

.orange_color .price_month hr {
    background: var(--orange_color);
    color: var(--orange_color)
}

.orange_color .img_dowm {
    background: var(--orange_color);
    border: solid 1px var(--orange_color_second)
}

.orange_color .header_price {
    background: var(--orange_color)
}

.orange_color .list_box_service ul li:hover,
.orange_color .register_box>a.view_more_box:hover {
    background: var(--orange_color_hover);
    color: #FFF
}

.orange_color .register_box>a.btn_register {
    background: var(--orange_color)
}

.orange_color .register_box>a.view_more_box {
    color: var(--orange_color);
    background: var(--orange_color_opacity)
}

.orange_color .des_box {
    background: var(--orange_color_second)
}

.green_color_first .price_month {
    border: solid 2px var(--green_color_first);
    color: var(--green_color_first)
}

.green_color_first .price_month hr {
    background: var(--green_color_first);
    color: var(--green_color_first)
}

.green_color_first .img_dowm {
    background: var(--green_color_first);
    border: solid 1px var(--green_color_first_second)
}

.green_color_first .header_price {
    background: var(--green_color_first)
}

.green_color_first .list_box_service ul li:hover,
.green_color_first .register_box>a.view_more_box:hover {
    background: var(--green_color_first_hover);
    color: #FFF
}

.green_color_first .register_box>a.btn_register {
    background: var(--green_color_first)
}

.green_color_first .register_box>a.view_more_box {
    color: var(--green_color_first);
    background: var(--green_color_first_opacity)
}

.green_color_first .des_box {
    background: var(--green_color_first_second)
}

.blue_color .price_month {
    border: solid 2px var(--blue_color);
    color: var(--blue_color)
}

.blue_color .price_month hr {
    background: var(--blue_color);
    color: var(--blue_color)
}

.blue_color .img_dowm {
    background: var(--blue_color);
    border: solid 1px var(--blue_clor_second)
}

.blue_color .header_price {
    background: var(--blue_color)
}

.blue_color .list_box_service ul li:hover,
.blue_color .register_box>a.view_more_box:hover {
    background: var(--blue_clor_hover);
    color: #FFF
}

.blue_color .register_box>a.btn_register {
    background: var(--blue_color)
}

.blue_color .register_box>a.view_more_box {
    color: var(--blue_color);
    background: var(--blue_clor_opacity)
}

.blue_color .des_box {
    background: var(--blue_clor_second)
}

.box_testimonial .prev,
.box_testimonial .next {
    margin: 10px 0px;
    border: solid 1px #CCC;
    padding: 15px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #CCC
}

.caroufredsel_wrapper {
    margin: 0 auto
}

ul.menu_pc li {
    position: relative
}

ul.menu_pc li ul li ul {
    position: absolute;
    left: 100%;
    width: 230px;
    top: 0px;
    padding: 10px;
    background: #db1a5b;
    border-radius: 3px;
    border: solid 1px rgba(255, 255, 255, 0.2);
    opacity: 0;
    visibility: hidden;
    transform: translateX(25px);
    transition: 0.25s all ease-in-out
}

ul.menu_pc li ul li:hover>ul {
    opacity: 1;
    visibility: visible;
    transform: none
}

ul.menu_pc li ul li ul>li:last-child a {
    border-bottom: none
}

.js-wrapper-input-search {
    position: absolute;
    right: 0px;
    top: 150%
}

.js-wrapper-input-search i {
    position: absolute;
    right: 0px;
    color: #c7c7c7;
    top: 7px
}

.js-wrapper-input-search input {
    width: 300px;
    border-radius: 10px;
    border: 1px solid #e4e4e4;
    padding: 7px 10px
}

.temp_id ul h3 {
    width: 100%;
    float: left
}

.temp_id ul .item-left,
.temp_id ul .item-right {
    width: calc(100% - 30px);
    display: inline-block;
    text-align: left;
    font-size: 17px;
    color: #666;
    font-weight: 400
}

.temp_id ul .wrapper-item {
    display: flex;
    align-items: flex-end;
    width: 100%
}

.temp_id ul .item-right {
    text-align: right;
    width: 30px
}

.menu_left_id ul li a.active {
    color: #dc1a5b
}

.right_noidung_ct .showText {
    padding: 0;
    text-align: left;
    padding-top: 20px !important;
    color: #333;
    font-weight: normal
}

.content_pover {
    width: 330px;
    padding: 6px 8px
}

.list_box_service ul li {
    padding: 8px 10px
}

.popover_box {
    width: 15px;
    height: 15px
}

.tienich_id ul p.text-des {
    height: 60px;
    overflow: hidden
}

.box_home_3 .conent_box3 ul li {
    height: 108px;
    width: 108px
}

.temp_id ul {
    margin: unset
}

.menu_left_id ul li.active a {
    color: #cd1d62
}

.page_conten {
    padding-top: 50px;
    padding-bottom: 30px
}

.right_conten_id {
    width: 74%;
    margin: 0 2%
}

.col-contact ul p {
    font-size: 16px
}

.tienich_id ul h3 {
    min-height: 101px
}

.right_conten_id {
    padding: 15px 0px
}

.tienich_id>li {
    padding: 15px 8px
}

.tienich_id ul h3 {
    padding-left: 0px;
    padding-right: 0px;
    min-height: 101px
}

.chitiet_ungdung .dv-li {
    border-bottom: 1px dotted #ccc;
    padding: 5px 0;
    color: #333
}

.chitiet_ungdung .dv-li-nd {
    color: #333
}

.chitiet_ungdung .dv-li p {
    display: inline-block;
    width: 90px;
    color: #333;
    bottom: 0px
}

.left_conten_id {
    padding-right: 0px
}

.box_title_banner ul li {
    color: white
}

.page_conten .flex {
    margin: 0px
}

.page_conten {
    padding-left: 2%;
    padding-right: 2%
}

.page_conten .left_conten_id {
    padding-left: 0px
}

.page_conten .right_conten_id {
    padding-right: 0px;
    margin-right: 0px
}

.page_conten .box_content {
    padding: 0px
}

.page_conten .tienich_id {
    margin: 0px
}

.box_title_banner {
    width: 100%;
    top: 5%
}

#in_menu_dkid_km .margintop50 {
    margin-top: 20px !important
}

.taoweb_class {
    width: 490px !important;
    padding: 0 20px;
    max-width: 100%
}

.page_conten .list-template-application {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    grid-gap: 36px;
    margin-top: 20px;
    margin-bottom: 20px
}

.list-template-application li {
    position: relative;
    width: 100%;
    padding: 0px
}

.list-template-application li:hover a:before {
    content: '\f00e';
    display: inline-block;
    font-family: FontAwesome;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    color: white;
    font-size: 30px;
    transform: translateX(-50%) translateY(-50%)
}

.list-template-application li:hover a:after {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    left: 0px;
    content: '';
    background: #00000045
}

.list-template-application li img {
    width: 100%;
    height: auto
}

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

    .tienich_id ul h3,
    .tienich_id ul h3 span {
        font-size: 16px
    }

    .page_conten {
        padding-left: 15px;
        padding-right: 15px
    }

    .right_conten_id {
        padding-right: 0
    }

    .section__price-service .list-service .service-item .title {
        width: 100%
    }

    .section__price-service .list-service .service-item .wrapper-border {
        padding: 0px 10px 20px
    }

    .section__price-service .list-service {
        grid-gap: 20px
    }

    .section__price-service .list-service .service-item {
        padding: 10px
    }

    .section__price-service .list-service {
        grid-gap: 15px
    }

    .page__design-logo .section__about .block-why-business,
    .page__design-logo .block-about .content {
        width: 80%
    }

    .section__price-service .title,
    .section__procedure .title,
    .section__about .title {
        padding-bottom: 25px
    }

    .section__price-service .list-service {
        grid-template-columns: repeat(2, 1fr)
    }

    .section__price-service .service-item-3 {
        transform: translateX(50%)
    }

    .section__procedure .list-items {
        grid-template-columns: repeat(1, 1fr);
        background-image: unset
    }

    .section__procedure .list-items .item {
        display: flex;
        align-items: center;
        width: 100%;
        margin-bottom: 50px
    }

    .section__procedure .list-items .item img {
        order: 1;
        width: 142px;
        margin: unset;
        left: 0;
        transform: none
    }

    .section__procedure .list-items .item:first-child,
    .section__procedure .list-items .item:nth-child(3),
    .section__procedure .list-items .item:nth-child(5) {
        padding-top: 0px
    }

    .section__procedure .list-items .item .wrapper-info {
        order: 2;
        width: 60%;
        padding-left: 30px;
        margin: unset;
        float: left
    }

    .section__procedure .list-items label,
    .section__procedure .list-items h3 {
        text-align: left;
        width: auto;
        padding-top: 20px
    }

    .section__procedure .list-items p {
        text-align: left
    }

    .section__procedure .list-items label:after,
    .section__procedure .list-items h3 {
        top: 0px;
        bottom: unset;
        right: unset
    }

    .section__procedure .list-items .item:nth-child(5) label,
    .section__procedure .list-items .item:nth-child(5) h3,
    .section__procedure .list-items .item:nth-child(3) label,
    .section__procedure .list-items .item:nth-child(3) h3,
    .section__procedure .list-items .item:nth-child(1) label,
    .section__procedure .list-items .item:nth-child(1) h3 {
        padding-top: 0px
    }

    .section__procedure .list-items .item:nth-child(3) label:after,
    .section__procedure .list-items .item:nth-child(3) h3:after,
    .section__procedure .list-items .item:nth-child(5) label:after,
    .section__procedure .list-items .item:nth-child(5) h3:after,
    .section__procedure .list-items .item:nth-child(1) label:after,
    .section__procedure .list-items .item:nth-child(1) h3:after {
        bottom: 0px;
        top: unset
    }

    .page__design-logo .section__about {
        position: relative
    }

    .page__design-logo .section__about:before {
        content: '';
        background-color: #ffffffab;
        width: 100%;
        height: 100%;
        float: left;
        position: absolute;
        left: 0px
    }

    .page__design-logo .section__about>* {
        position: relative
    }

    .page__design-logo .section__about .block-why-business li span {
        color: black
    }
}

@media screen and (max-width:850px) {
    .taoweb_class {
        width: 100% !important
    }
}

.services_home_3 {
    z-index: 0
}

.left_temp {
    text-align: right
}

.temp_home_box {
    padding: 50px 0;
    background: #fff
}

.temp_home ul {
    float: left;
    width: 372px;
    margin: 14px;
    list-style: none;
    border: solid #eee 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.temp_home ul:hover,
.khoungdung_id ul:hover {
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5)
}

.temp_home ul li,
.temp_home ul li img {
    width: 370px;
    height: 450px;
    line-height: 0
}

.temp_home ul h1,
.temp_home ul h4 {
    float: left;
    font-size: 20px;
    color: #333;
    font-weight: normal;
    padding: 20px
}

.temp_home ul h4 {
    width: 65%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.temp_home ul h4 p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.temp_home ul h2 {
    width: 35%;
    text-align: right;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.temp_home ul:hover h1,
.temp_home ul:hover h4 {
    color: #DC1A5B
}

.temp_home ul h2 {
    float: right;
    padding: 20px;
    font-size: 18px;
    color: #999;
    font-weight: normal
}

.temp_home h3 {
    padding: 15px 20px;
    width: 24%;
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #2EA5CC;
    font-weight: normal;
    text-align: center;
    outline: 1px solid #2EA5CC;
    outline-offset: 2px
}

.temp_home h3:hover {
    background: #DC1A5B;
    outline: 1px solid #DC1A5B;
    outline-offset: 2px
}

.div-aj-seacrh {
    text-align: right;
    padding: 0 15px;
    margin-top: -7px;
    position: absolute;
    z-index: 2;
    top: calc(100% - 27px)
}

.div-aj-seacrh a {
    font-size: 13px;
    color: #333;
    font-weight: 500
}

.div-aj-seacrh a:hover {
    color: #DC1A5B
}

.chamsoc_kh {
    position: fixed;
    width: 100%;
    left: 0px;
    bottom: 0px
}

#footer {
    padding-bottom: 60px
}

.right_hinh {
    z-index: 0
}

.chamsoc_kh ul {
    z-index: 9
}

.chamsoc_kh {
    z-index: 11
}

.banner li {
    background-color: #f7f6f0;
    background-size: contain;
    background-position: center bottom
}

.banner li {
    height: 650px
}

.bannerMain {
    height: auto;
    overflow: hidden
}

@media screen and (max-width:1280px) {
    .banner li {
        height: 600px
    }
}

@media screen and (max-width:1024px) {
    .banner li {
        height: 550px
    }

    .bannerMain {
        height: auto
    }
}

@media screen and (max-width:768px) {
    .banner li {
        height: 460px
    }

    .page__design-logo .section__about .block-why-business,
    .page__design-logo .block-about .content {
        width: 100%
    }

    .page_conten .list-template-application {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 22px
    }

    .page_conten .list-template-application>li {
        width: 100%
    }
}

@media screen and (max-width:414px) {
    .title_page ul h3 span {
        display: block
    }

    .w30s__breadcrumb ul {
        flex-wrap: wrap
    }

    .w30s__breadcrumb li {
        margin: unset
    }

    .box_title_banner ul p,
    .box_title_banner ul h3 {
        padding: 0 10%
    }

    .banner li {
        height: 520px
    }

    .box_title_banner {
        width: 90%
    }
}

.box_table>li {
    padding: 15px 10px
}

.box-reg-custom a {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.box-reg-custom {
    font-size: 18px;
    line-height: 37px
}

.content_pover {
    top: -7px
}

.title_web_id ul h2 {
    margin-top: 5%
}

.total_parter ul p {
    width: 70%
}

.pageload_id.page_conten {
    padding-top: 50px
}

.list_box_service {
    text-align: left
}

.banggia_page_pro .list_box_service li:nth-child(24),
.banggia_page_pro .list_box_service li:nth-child(25),
.banggia_page_pro .list_box_service li:nth-child(19),
.banggia_page_basic .list_box_service li:nth-child(24),
.banggia_page_basic .list_box_service li:nth-child(16),
.banggia_page_basic .list_box_service li:nth-child(15) {
    min-height: 70px
}

.banggia_page_pro .list_box_service li:nth-child(3),
.banggia_page_pro .list_box_service li:nth-child(2),
.banggia_page_pro .list_box_service li:nth-child(4),
.banggia_page_basic .list_box_service li:nth-child(2) {
    min-height: 97px
}

.box_table>li:first-child .content_pover {
    transform: translate(100%, -100%);
    right: 18px;
    left: unset
}

.box_table>li:first-child .content_pover:before {
    left: 0px;
    right: unset
}

.wrapper-item-ws .text-des {
    word-break: break-all;
    min-height: 58px;
    overflow: hidden
}

.list_box_service .popover_box {
    float: right;
    margin-top: 6px;
    margin-right: 6px
}

.list_box_service ul li>div.cur a {
    text-decoration: underline
}

.list_box_service ul li>a.cur,
.list_box_service ul li>div.cur {
    width: calc(100% - 21px);
    display: inline-block
}

.menu>li>a {
    font-size: 15px !important;
    line-height: 44px
}

.list_box_service ul li {
    padding-right: 0
}

.menu>li>ul {
    width: 320px
}

.content_pover a {
    text-decoration: underline
}

.content_pover {
    cursor: auto
}

.js-level-package {
    display: none
}

.js-level-package.active {
    display: block
}

.taoweb_class .note-payment p {
    color: white;
    padding-top: 15px
}

.taoweb_class .note-payment p a {
    color: #007aff;
    text-decoration: underline
}

.taoweb_class .label-packagename {
    color: #FF3;
    font-size: 22px;
    margin-bottom: 10px
}

.taoweb_class .taoweboption {
    color: white
}

#in_menu_dkid_km #actiontaoweb_id {
    margin-top: 0
}

.fullbackground {
    z-index: 99999 !important
}

.js-btn-payment-pa {
    display: inline-block
}

#in_menu_dkid_km .khungdeptaoweb.btn-contact {
    display: inline-block;
    margin-left: 50px
}

.menu>li>a {
    font-size: 17px
}

.more_temp h2 a {
    cursor: pointer
}

.dangky_id a {
    cursor: pointer
}

.dv-bangsosanh-webshop .content_pover:before {
    left: 5px;
    right: unset
}

.dv-bangsosanh-webshop .content_pover {
    transform: translate(-30px, -100%)
}

.carousel_testiomnial {
    width: 100%;
    float: left
}

.box_testimonial .prev {
    left: 0px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0px;
    z-index: 9
}

.box_testimonial .next {
    right: 0px;
    position: absolute;
    top: 50%;
    margin: 0px;
    transform: translateY(-50%);
    z-index: 9
}

.box_testimonial {
    padding: 0 50px;
    width: 100%;
    float: left;
    position: relative
}

.box_review {
    width: 100%;
    float: left
}

.box_testimonial .prev:hover,
.box_testimonial .next:hover {
    border: solid 2px #dc1a5b;
    color: #dc1a5b
}

.box_testimonial .swiper-slide img {
    width: 100%
}

.box_testimonial .swiper-slide {
    border: 1px solid #ccc;
    padding: 5px;
    background: white
}

.mm-menu_offcanvas {
    z-index: 99 !important
}

.box_testimonial .prev,
.box_testimonial .next {
    background: white;
    border: solid 2px #CCC
}

.km_store_online_1 p.since {
    margin-bottom: 15px
}

.note-template-detail {
    font-size: 90%;
    font-style: italic;
    color: #999;
    line-height: 20px
}

.wrapper-themes {
    display: inline-block
}

.wrapper-themes .item {
    display: inline-block;
    background-color: #efefef;
    border: 1px solid darkgrey;
    padding: 3px 8px;
    cursor: pointer
}

.wrapper-themes .item.active {
    color: #dc1a5b;
    border: 1px solid #dc1a5b
}

.right_noidung_ct ul li label {
    width: 100px;
    display: inline-block
}

.right_noidung_ct ul li .wrapper-themes {
    padding-left: 20px
}

.banggia_page.full__package ul.box_table>li {
    display: none;
    width: 100%
}

.banggia_page.full__package ul.box_table>li.is__full {
    display: block
}

.banggia_page.full__package ul.box_table>li.is__full .popover_box {
    display: inline-flex;
    float: none
}

.banggia_page.full__package ul.box_table>li.is__full li>a.cur,
.banggia_page.full__package ul.box_table>li.is__full li>div.cur {
    width: auto
}

@media screen and (max-width:768px) {
    .banggia_page.full__package ul.box_table>li.is__full li .popover_box {
        display: inline-flex;
        float: right
    }

    .banggia_page.full__package ul.box_table>li.is__full li>a.cur,
    .banggia_page.full__package ul.box_table>li.is__full li>div.cur {
        width: calc(100% - 21px)
    }
}

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

    .temp_id ul .item-left,
    .temp_id ul .item-right {
        font-size: 16px
    }
}

.page-type-0 .wrapper-items,
.page-blog-kienthuc .wrapper-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px 20px
}

.page-blog-kienthuc .wrapper-items .item label,
.page-type-0 .wrapper-items .item label,
.js-list-news-rela label,
.page-type-0 .wrapper-items .item h2,
.page-blog-kienthuc .wrapper-items .item h2 {
    width: 100%;
    float: left;
    font-size: 20px;
    line-height: 30px;
    padding: 10px;
    padding-top: 15px;
    display: block;
    text-transform: uppercase;
    transform: all 0.3s ease-in-out;
    -webkit-transform: all 0.3s ease-in-out;
    color: #333;
    overflow: hidden;
    font-weight: 400
}

.page-blog-kienthuc .wrapper-items .item label:hover,
.page-type-0 .wrapper-items .item label:hover,
.js-list-news-rela label:hover,
.page-type-0 .wrapper-items .item h2:hover,
.page-blog-kienthuc .wrapper-items .item h2:hover {
    color: #dc1a5b
}

.page-blog-kienthuc .wrapper-items .item .text-desc,
.page-type-0 .wrapper-items .item .text-desc,
.js-list-news-rela .text-desc {
    width: 100%;
    float: left;
    color: #333;
    font-size: 17px;
    line-height: 27px;
    padding: 0px 10px 10px 10px
}

.page-blog-kienthuc .wrapper-items .item .wrapper-image img,
.page-type-0 .wrapper-items .item .wrapper-image img,
.js-list-news-rela .wrapper-image img {
    width: 100%;
    height: auto
}

.page-blog-kienthuc .wrapper-items .item .btn-aboutus,
.page-type-0 .wrapper-items .item .btn-aboutus,
.js-list-news-rela .btn-aboutus {
    float: right;
    color: #4CAF50;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 30px;
    padding-right: 10px;
    transform: all 0.3s ease-in-out;
    -webkit-transform: all 0.3s ease-in-out
}

.page-blog-kienthuc .wrapper-items .item .btn-aboutus:hover,
.page-type-0 .wrapper-items .item .btn-aboutus:hover,
.js-list-news-rela .btn-aboutus:hover {
    color: #dc1a5b
}

.dv-phantrang .vuong_3 {
    width: 36px;
    height: 36px;
    background: #888888;
    color: white;
    margin-right: 6px;
    border-radius: 50%;
    line-height: 36px;
    text-align: center;
    display: inline-block
}

.dv-phantrang .vuong_3.vuong2 {
    background: #dc1a5b
}

.wrapper-pagging {
    display: flex;
    justify-content: center
}

.page-table-price .table_price_v2 .item:first-child .content_pover,
.page-table-price-v2 .wrapper-table-suggest .item-table:first-child .content_pover {
    transform: translate(0%, -100%);
    left: -5px
}

.page-table-price .table_price_v2 .item:first-child .content_pover:before {
    left: 2px;
    right: unset
}

.page-table-price-v2 .section_advise-content .wrapper-cols .left {
    width: 80%;
    padding-right: 0px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #e8e8e8
}

.page-table-price-v2 .section_advise-content .wrapper-cols .left .wrapper-btn {
    display: flex
}

.page-table-price-v2 .section_advise-content .wrapper-cols .left .wrapper-btn .btn-selection {
    background: #888888;
    margin-right: 10px;
    color: white;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out
}

.page-table-price-v2 .section_advise-content .wrapper-cols .left .wrapper-btn .btn-selection:hover,
.page-table-price-v2 .section_advise-content .wrapper-cols .left .wrapper-btn .btn-selection.active {
    background: #339933
}

.page-table-price-v2 .section_advise-content .wrapper-cols .left .wrapper-btn .btn-support-selection {
    background: #d91a5d;
    color: white;
    border: 1px solid #d91a5d;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out
}

.page-table-price-v2 .section_advise-content .wrapper-cols .left .wrapper-btn .btn-support-selection:hover {
    color: #d91a5d;
    border: 1px solid #d91a5d;
    background: white
}

.page-table-price-v2 .section_advise {
    padding-top: 50px
}

.page-table-price-v2 .section_advise-content .wrapper-cols .left .wrapper-btn .btn-support-selection:hover .st0 {
    fill: #d91a5d
}

.page-table-price-v2 .section_advise-content .wrapper-cols .left .wrapper-btn svg .st0 {
    fill: white;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out
}

.page-table-price-v2 .section_advise-content .wrapper-cols .right .wrapper-image:hover {
    border: 1px solid #d91a5d
}

.page-table-price-v2 .section_advise-content .wrapper-cols .right .wrapper-image:hover label {
    color: #d91a5d
}

.page-table-price-v2 .section_advise-content .wrapper-cols .right .wrapper-image:hover .st0 {
    fill: #d91a5d
}

.page-table-price-v2 .section_advise-content .wrapper-cols .left .btn {
    margin: unset;
    padding: 5px 14px;
    border-radius: 3px;
    cursor: pointer
}

.page-table-price-v2 .section_advise-content .wrapper-cols .left .btn svg {
    width: 18px;
    top: 5px;
    position: relative
}

.page-table-price-v2 .section_advise-content .wrapper-cols .left .btn-support-selection svg {
    width: 22px
}

.page-table-price-v2 .section_advise-content .wrapper-cols .right {
    width: 20%;
    padding-left: 30px
}

.page-table-price-v2 .section_advise-content .wrapper-cols .row {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px
}

.page-table-price-v2 .section_advise-content .wrapper-cols .row:last-child {
    margin-bottom: 0px
}

.page-table-price-v2 .section_advise-content .wrapper-cols .row:last-child .left,
.page-table-price-v2 .section_advise-content .wrapper-cols .row:nth-last-child(2) .left {
    border-bottom: 0px
}

.page-table-price-v2 .section_advise-content .wrapper-cols .row .w30s-radio {
    margin: unset
}

.page-table-price-v2 .content-suggest {
    padding-top: 50px;
    width: 100%;
    float: left;
    overflow: unset !important
}

.page-table-price-v2 .section_advise-content .wrapper-cols .right .wrapper-image {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: 1px solid #dbdbdb;
    padding: 10px;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out
}

.page-table-price-v2 .section_advise-content .wrapper-cols .right .wrapper-image svg {
    width: 30px;
    max-width: 100%
}

.page-table-price-v2 .section_advise-content .wrapper-cols .right .wrapper-image label {
    text-transform: uppercase;
    margin-top: 10px;
    color: #333;
    width: 100%;
    text-align: center
}

.page-table-price-v2 .section_advise-content {
    background: #eaeaea;
    width: 100%;
    float: left;
    padding: 30px 0px
}

.page-table-price-v2 .section__wrapper-all-feature,
.page-table-price-v2 .section__template {
    padding: 50px 0px
}

.page-table-price-v2 .section_advise-content .content_section {
    padding: 30px;
    background: white;
    width: 100%;
    float: left;
    border: 1px solid #bcbcbc;
    border-radius: 10px
}

.page-table-price-v2 .section_advise-content .selections {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    grid-gap: 20px 10px;
    display: grid
}

.page-table-price-v2 .wrapper-table-suggest {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    grid-gap: 20px 20px;
    display: grid
}

.page-table-price-v2 .wrapper-table-suggest .item-table {
    border: 5px solid #339933;
    width: 100%;
    border-radius: 20px
}

.page-table-price-v2 .section_advise-content .title-item {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 500
}

.page-table-price-v2 .page_conten .title_page {
    width: 100%;
    float: left
}

.clearfix {
    clear: both
}

.page-table-price-v2 .tab-content-all-item .table_price_v2 {
    padding-bottom: 50px
}

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

    .page-table-price-v2 .section__wrapper-all-feature,
    .page-table-price-v2 .section__template,
    .page-table-price .wrapper-features-detail {
        padding: 30px 0px
    }

    .table_price_v2 .wrapper-content .content_pover,
    .page-table-price .table_price_v2 .item:first-child .content_pover,
    .page-table-price-v2 .wrapper-table-suggest .content_pover,
    .page-table-price-v2 .wrapper-table-suggest .item-table:first-child .content_pover {
        left: 50%;
        transform: translate(-80%, -100%)
    }

    .table_price_v2 .wrapper-content .content_pover:before,
    .page-table-price-v2 .wrapper-table-suggest .content_pover:before,
    .page-table-price-v2 .wrapper-table-suggest .item-table:first-child .content_pover:before {
        right: 20%;
        transform: translateX(50%)
    }

    .page-table-price .table_price_v2 .item:first-child .content_pover:before {
        right: 20%;
        left: unset
    }

    .page-type-0 .wrapper-items,
    .page-blog-kienthuc .wrapper-items {
        grid-template-columns: repeat(2, 1fr)
    }

    .section__price-service .list-service {
        grid-template-columns: repeat(1, 1fr)
    }

    .section__price-service .service-item-3 {
        transform: translateX(0%)
    }
}

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

    .page-blog-kienthuc .wrapper-items,
    .page-type-0 .wrapper-items {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media screen and (max-width:375px) {
    .page-table-price-v2 .section_advise-content .content_section {
        padding: 15px
    }

    .page-table-price-v2 .section_advise-content .title-item {
        font-size: 20px
    }
}

.title_news h2 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 500;
    color: #d92e62;
    text-transform: uppercase;
    margin-bottom: 10px
}

.title_news .date {
    font-size: 17px;
    color: #666;
    margin-bottom: 10px;
    font-style: italic
}

.title_news p {
    line-height: 32px;
    color: #171c2b;
    font-size: 21px;
    font-style: italic;
    padding-bottom: 15px;
    font-weight: normal
}

.title_news {
    border-bottom: solid 1px #E6E6E6;
    margin-bottom: 15px
}

.w100 {
    width: 100%;
    float: left
}

.box_page {
    background: #f5f5f5;
    padding: 30px 0
}

.js-list-news-rela .swiper-button-next,
.js-list-news-rela .swiper-button-prev {
    width: 35px;
    height: 35px;
    color: white;
    background: #4CAF50;
    padding: 5px;
    border-radius: 50%
}

.js-list-news-rela .swiper-button-next:after,
.js-list-news-rela .swiper-button-prev:after {
    font-size: 18px
}

.js__item-screen-webiste .wrapper-image-temp {
    position: relative;
    height: 335px;
    overflow: hidden
}

.js__item-screen-webiste:hover .wrapper-image-temp:before {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    z-index: 1;
    transition: all 600ms ease;
    background: rgba(0, 0, 0, .28)
}

.js__item-screen-webiste:hover {
    cursor: pointer
}

.js__item-screen-webiste .wrapper-image-temp img {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    -webkit-transition: all 7s ease-in-out;
    -moz-transition: all 7s ease-in-out;
    transition: all 7s ease-in-out
}

.menu_left_id .submenu {
    padding-left: 22px;
    display: none
}

.menu_left_id .submenu.active {
    display: block
}

.menu_left_id ul li {
    position: relative
}

.menu_left_id ul li .js-achor-show-menu {
    position: absolute;
    top: 11px;
    right: 5px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    font-size: 125%;
    color: #666
}

.menu_left_id ul li .js-achor-show-menu.active {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg)
}

a {
    text-decoration: none
}

.page_conten .showText {
    color: #333
}

.page_conten .showText a {
    text-decoration: underline
}

.chitiet_ungdung .wrapper-checkbox,
.W30s_21 .page_top_pro .with_poup .wrapper-checkbox {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    grid-gap: 20px 20px;
    display: grid;
    margin-bottom: 20px
}

.chitiet_ungdung .wrapper-checkbox .pretty.p-svg.p-curve,
.W30s_21 .page_top_pro .with_poup .wrapper-checkbox .pretty.p-svg.p-curve {
    margin: unset;
    position: relative;
    display: inline-block;
    margin-right: 1em;
    white-space: nowrap;
    line-height: 1
}

.W30s_21 .page_top_pro .with_poup .wrapper-checkbox .pretty input {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 1em;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}

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

    .chitiet_ungdung .wrapper-checkbox,
    .W30s_21 .box_poup .with_poup .wrapper-checkbox {
        grid-template-columns: repeat(3, 1fr)
    }

    .wrapper-items-logo {
        width: 210px
    }

    .wrapper-items-logo .logo_top {
        padding-left: 0px;
        margin-left: 0px
    }

    .wrapper-items-logo .logo_top img {
        width: 100px
    }

    .wrapper-items-logo .logo-pa-20years img {
        width: 100px
    }

    .page__design-logo .section__about .block-why-business .title {
        font-size: 25px;
        line-height: 30px
    }

    .page__design-logo .section__project .logo_list .item {
        width: calc(100% / 2 - 20px)
    }

    .section__price-service .title,
    .section__procedure .title,
    .section__about .title {
        font-size: 30px;
        line-height: 35px
    }

    .section__price-service .content {
        padding-top: 0px;
        padding-bottom: 30px
    }

    .section__price-service .list-service .service-item .btn-reg {
        font-size: 25px;
        padding: 12px 0px
    }

    .section__procedure .list-items {
        padding: 0px
    }

    .section__procedure .list-items .item .wrapper-info {
        width: 100%;
        padding-left: 20px
    }

    .section__procedure .list-items .item img {
        width: 120px
    }

    .section__procedure .list-items .item {
        margin-bottom: 30px
    }

    .page__design-logo {
        padding: 20px 0px 0px
    }
}

@media screen and (max-width:375px) {
    .wrapper-items-logo {
        width: 180px;
        padding-right: 20px
    }

    .wrapper-items-logo .logo_top {
        padding-left: 0px;
        margin-left: 0px
    }

    .wrapper-items-logo .logo_top img {
        width: 70px
    }

    .wrapper-items-logo .logo-pa-20years img {
        width: 70px
    }
}

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

    .chitiet_ungdung .wrapper-checkbox,
    .W30s_21 .box_poup .with_poup .wrapper-checkbox {
        grid-template-columns: repeat(2, 1fr)
    }
}

.orange_color .wrapper-btn-reg-top>a.btn_register {
    background: var(--orange_color)
}

.blue_color .wrapper-btn-reg-top>a.btn_register {
    background: var(--blue_color)
}

.green_color_second .wrapper-btn-reg-top>a.btn_register {
    background: var(--green_color_second)
}

.green_color_first .wrapper-btn-reg-top>a.btn_register {
    background: var(--green_color_first)
}

.wrapper-btn-reg-top {
    padding: 0px !important
}

.wrapper-btn-reg-top>a.btn_register {
    padding: 10px 15px;
    color: #FFF;
    font-size: 21px;
    text-transform: uppercase;
    width: 100%;
    float: left
}

.list_box_service ul li:first-child>div.cur {
    padding-top: 10px
}

.wrapper-note-mtk {
    color: red;
    max-width: 720px;
    width: 100%;
    font-style: italic;
    text-align: center;
    font-style: 12px
}

.page__design-logo {
    padding-top: 40px;
    border-top: 1px solid #e8e8e8;
    width: 100%;
    float: left
}

.bg-cl-k {
    background: #e04a6c80 !important;
    font-size: 15px !important
}

.w30s__breadcrumb {
    background: #eaeaea;
    padding: 10px 0px
}

.w30s__breadcrumb ul {
    display: inline-flex;
    justify-content: start;
    align-items: start
}

.w30s__breadcrumb li {
    list-style: none;
    padding-right: 5px;
    color: #333;
    font-size: 13px
}

.w30s__breadcrumb li:last-child,
.w30s__breadcrumb li a:hover {
    color: #dc1a5b
}

.w30s__breadcrumb .page_conten {
    padding-top: 0px;
    padding-bottom: 0px !important
}

.page-table-price .table_price_v2 {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    grid-gap: 30px 30px
}

.page-table-price .table_price_v2 .item {
    width: 100%;
    border: 8px solid #49b18c;
    width: 100%;
    border-radius: 20px
}

.page-table-price .table_price_v2 .item.table_price_w30s_2 {
    border-color: #ff4b64
}

.page-table-price .table_price_v2 .item.table_price_w30s_3 {
    border-color: #0095ef
}

.page-table-price .table_price_v2 .wrapper-title,
.page-table-price .wrapper-table-suggest .item-table .wrapper-title {
    position: relative
}

.page-table-price .table_price_v2 .wrapper-title span,
.page-table-price .wrapper-table-suggest .item-table .wrapper-title span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: white;
    font-size: 30px;
    top: 50%;
    text-align: center;
    line-height: 30px
}

.page-table-price .table_price_v2 .wrapper-content,
.page-table-price .wrapper-table-suggest .item-table .wrapper-content {
    text-align: center;
    padding: 20px
}

.page-table-price .table_price_v2 .wrapper-content .item-row,
.page-table-price .wrapper-table-suggest .item-table .item-row {
    border-bottom: 1px dashed #ccc7c7;
    padding: 10px 0px
}

.page-table-price .table_price_v2 .wrapper-content .item-row:last-child,
.page-table-price .table_price_v2 .wrapper-content .item-row:nth-last-child(2) {
    border-bottom: 0px
}

.page-table-price .table_price_v2 .wrapper-content .item-row-price {
    color: #49b18c;
    padding-bottom: 20px
}

.page-table-price .wrapper-table-suggest .item-table .item-row-price {
    color: #339933;
    padding-bottom: 20px
}

.page-table-price .table_price_v2 .item.table_price_w30s_2 .item-row-price {
    color: #ff4b64
}

.page-table-price .table_price_v2 .item.table_price_w30s_3 .item-row-price {
    color: #0095ef
}

.page-table-price .table_price_v2 .wrapper-content .item-row-price .currency_number,
.page-table-price .wrapper-table-suggest .item-table .wrapper-content .item-row-price .currency_number {
    font-size: 220%;
    font-weight: bold
}

.page-table-price .btn_reg_package {
    display: inline-flex;
    background: #49b18c;
    width: 100%;
    padding: 12px;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 10px
}

.page-table-price .table_price_v2 .item.table_price_w30s_2 .btn_reg_package {
    background: #ff4b64
}

.page-table-price .table_price_v2 .item.table_price_w30s_3 .btn_reg_package {
    background: #0095ef
}

.page-table-price .btn_reg_package img {
    width: 30px;
    margin: auto 0
}

.page-table-price .btn_reg_package span {
    display: inline-block;
    color: white;
    margin: auto 0;
    margin-left: 10px;
    top: 2px;
    position: relative
}

.page-table-price .wrapper-tabs-header {
    display: inline-flex;
    justify-content: start;
    border-bottom: 4px solid #dc1a5b;
    width: 100%;
    align-items: flex-end
}

.page-table-price .wrapper-tabs-header .nav-item-header {
    flex: auto;
    background: #888888;
    border-right: 1px solid #eaeaea;
    padding: 20px 8px;
    border-radius: 10px 10px 0px 0px;
    color: white;
    cursor: pointer;
    text-align: center
}

.page-table-price .wrapper-tabs-header .nav-item-header.active {
    padding: 30px 15px;
    background: #dc1a5b;
    position: relative
}

.page-table-price .wrapper-features-detail {
    padding: 50px 0px;
    background: #eaeaea;
    width: 100%;
    float: left
}

.page-table-price .wrapper-features-detail .page_conten {
    padding-top: 0px;
    padding-bottom: 0px
}

.page-table-price .wrapper-tabs-content {
    margin-top: 30px;
    background: white
}

.page-table-price .wrapper-tabs-content thead,
.page-table-price .wrapper-tabs-content tfoot {
    background: #339933;
    color: white;
    text-transform: uppercase
}

.page-table-price .wrapper-tabs-content thead tr,
.page-table-price .wrapper-tabs-content tfoot tr {
    background: #339933
}

.page-table-price .wrapper-tabs-content tbody tr td:first-child {
    padding-left: 30px;
    padding-right: 0px;
    text-align: left
}

.page-table-price .wrapper-tabs-content td {
    border: 1px solid #c5c5c5
}

.page-table-price .wrapper-tabs-content td {
    text-align: center;
    padding-left: 0px;
    padding-right: 0px
}

.page-table-price .wrapper-tabs-content tbody tr td .wrapper-border-bottom {
    border-bottom: 1px dashed #c5c5c5;
    padding: 10px 0px
}

.wrapper-tabs-content .tab-content-item {
    display: none
}

.wrapper-tabs-content .tab-content-item table {
    width: 100%
}

.wrapper-tabs-content .tab-content-item.active {
    display: block
}

.page-table-price .wrapper-tabs-content tr,
.page-table-price .wrapper-tabs-content tr td {
    border-bottom: 0px;
    border-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px
}

.page-table-price .wrapper-tabs-content thead td {
    padding: 15px 20px
}

.page-table-price .wrapper-tabs-content tr:nth-child(even) {
    background-color: white
}

.page-table-price .wrapper-tabs-content .btn.btn-reg {
    display: inline-flex;
    width: 100%;
    padding: 12px;
    text-align: center;
    justify-content: center;
    align-items: center;
    border: 1px solid #339933
}

.page-table-price .wrapper-tabs-content .btn.btn-reg img {
    width: 30px;
    margin: auto 0
}

.page-table-price .wrapper-tabs-content .btn.btn-reg span {
    display: inline-block;
    color: white;
    margin: auto 0;
    margin-left: 10px;
    top: 2px;
    position: relative
}

.page-table-price .wrapper-features-detail {
    background: #eaeaea
}

.page-table-price .wrapper-tabs-content thead td {
    min-width: 190px
}

.page-table-price .wrapper-tabs-content .content_pover {
    left: -5px;
    transform: translate(0%, -100%)
}

.page-table-price .wrapper-tabs-content .content_pover:before {
    left: 0px;
    bottom: -7px;
    right: unset
}

.page-table-price .navs-panel-all {
    display: flex;
    width: 100%;
    float: left;
    justify-content: center;
    border-bottom: 4px solid #dc1a5b;
    margin-bottom: 40px
}

.page-table-price .navs-panel-all .wrapper-flex {
    display: flex;
    justify-content: flex-start
}

.page-table-price .navs-panel-all .wrapper-flex svg,
.page-table-price .navs-panel-all .wrapper-flex>div {
    margin: unset
}

.page-table-price .navs-panel-all .wrapper-flex>div label {
    font-size: 20px
}

.page-table-price .navs-panel-all .wrapper-flex>div p {
    font-size: 17px
}

.page-table-price .navs-panel-all .nav-item {
    cursor: pointer;
    background: #eaeaea;
    margin: unset;
    padding: 10px 15px;
    margin-right: 4px;
    border-radius: 8px 8px 0 0
}

.page-table-price .navs-panel-all .nav-item.active {
    background: #dc1a5b;
    color: white;
    position: relative
}

.page-table-price .navs-panel-all .nav-item .st0 {
    fill: white
}

.page-table-price .navs-panel-all .nav-item .st1 {
    fill: black
}

.page-table-price .navs-panel-all .nav-item.active .st0 {
    fill: white
}

.page-table-price .navs-panel-all .nav-item.active .st1 {
    fill: #dc1a5b
}

.page-table-price .navs-panel-all .nav-item p {
    font-size: 90%;
    line-height: 16px
}

.page-table-price .navs-panel-all .nav-item:last-child {
    margin-right: 0px
}

.page-table-price .navs-panel-all .nav-item svg {
    width: 45px;
    margin-right: 10px
}

.page-table-price .tab-content-all-item {
    display: none
}

.page-table-price .tab-content-all-item.active {
    display: block
}

.page-table-price {
    color: #333
}

.page-table-price .w30s-radio input[type=radio]+.w30s-radio-label:before {
    width: 1.1em;
    height: 1.1em;
    margin-right: 5px;
    top: 5px
}

.page-table-price .wrapper-table-suggest .btn_reg_package {
    background: #339933
}

.page-table-price .btn-jump-view-feature img {
    width: 15px;
    margin: unset;
    margin-right: 10px
}

.page-table-price .btn-jump-view-feature {
    display: flex;
    justify-content: center;
    cursor: pointer
}

.page-table-price .btn-jump-view-feature span {
    margin: unset;
    font-style: italic
}

.page-table-price .wrapper-table-suggest .item-table .item-row.no-border {
    border-bottom: 0px
}

.page-table-price-v2 .wrapper-table-suggest .item-table .wrapper-border {
    width: 100%;
    float: left;
    background: white;
    padding: 15px;
    border-radius: 13px
}

.page-table-price-v2 .wrapper-table-suggest .item-table .wrapper-border .wrapper-bg {
    background: #eaeaea;
    border-radius: 13px;
    width: 100%;
    float: left
}

.page-table-price .wrapper-table-suggest .item-table .wrapper-title {
    top: -16px
}

.page-table-price .wrapper-table-suggest .item-table .wrapper-content {
    padding-top: 5px
}

.page-table-price-v2 .wrapper-tabs-content {
    float: left;
    width: 100%
}

.page-table-price .navs-panel-all .nav-item.active:after {
    width: 0px;
    height: 0px;
    border-top: 15px solid #dc1a5b;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    content: '';
    bottom: -14px;
    position: absolute;
    left: 50%
}

.page-table-price .wrapper-tabs-header .nav-item-header.active:after {
    width: 0px;
    height: 0px;
    border-top: 15px solid #dc1a5b;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    content: '';
    bottom: -16px;
    position: absolute;
    left: 50%
}

@media screen and (max-width:768px) {
    .page-table-price-v2 .section_advise-content .wrapper-cols .left {
        width: 100%;
        padding-right: 0px
    }

    .page-table-price-v2 .section_advise-content .wrapper-cols .right {
        display: none
    }

    .page-table-price .wrapper-tabs-header {
        display: block
    }

    .page-table-price .wrapper-tabs-header .nav-item-header {
        display: block;
        float: left;
        width: calc(100% / 3);
        padding: 10px 5px;
        background: white;
        border-bottom: 1px solid #dedede;
        color: #333;
        border-radius: 0px
    }

    .page-table-price .wrapper-tabs-header .nav-item-header.active {
        padding: 10px 5px;
        color: #dc1a5b;
        background: white
    }

    .page-table-price .wrapper-tabs-header .nav-item-header.active:after {
        display: none
    }

    .page-table-price .wrapper-tabs-header {
        width: 100%;
        float: left;
        margin-bottom: 20px
    }

    .page-table-price .table_price_v2 {
        grid-template-columns: repeat(1, 1fr)
    }

    .page-table-price .wrapper-tabs-content thead td {
        min-width: auto
    }

    .page-table-price .wrapper-tabs-content .btn.btn-reg {
        flex-wrap: wrap
    }

    .page-table-price-v2 .wrapper-table-suggest {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media screen and (max-width:650px) {
    .page-table-price-v2 .section_advise {
        padding-top: 30px
    }

    .page-table-price-v2 .section_advise-content .content_section {
        padding-bottom: 0px
    }

    .page-table-price-v2 .section_advise-content .selections {
        grid-template-columns: repeat(1, 1fr)
    }

    .page-table-price .wrapper-tabs-content thead td {
        padding: 8px 10px;
        font-size: 14px
    }

    .page-table-price .wrapper-tabs-content .btn.btn-reg img {
        width: 20px
    }

    .page-table-price .wrapper-tabs-content .btn.btn-reg span {
        font-size: 14px;
        margin-left: 0px
    }

    .page-table-price .wrapper-tabs-content .btn.btn-reg {
        padding: 5px
    }

    .page-table-price .navs-panel-all {
        flex-wrap: wrap
    }

    .page-table-price .navs-panel-all .nav-item {
        width: 100%;
        border-bottom: 1px solid #b1b1b1;
        border-radius: 0px
    }

    .page-table-price .navs-panel-all {
        border-bottom: 0px
    }
}

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

    .page-table-price .wrapper-tabs-content .content_pover,
    .table_price_v2 .wrapper-content .content_pover {
        width: 280px
    }

    .page-table-price .wrapper-tabs-header .nav-item-header {
        width: calc(100% / 2)
    }

    .page-table-price .wrapper-tabs-content tbody tr td:first-child {
        padding-left: 10px
    }

    .page-table-price .wrapper-tabs-content .btn.btn-reg {
        flex-wrap: wrap;
        padding: 2px
    }

    .page-table-price .wrapper-tabs-content .btn.btn-reg img {
        width: 20px
    }

    .page-table-price .wrapper-tabs-content .btn.btn-reg span {
        font-size: 14px
    }

    .page-table-price .table_price_v2 .wrapper-title span {
        font-size: 23px
    }
}

.tongquan_tinhnang .home .container {
    margin: 0 auto;
    max-width: 1200px;
    padding-top: 50px
}

.tongquan_tinhnang .title_page ul h1 {
    color: #333;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 100;
    line-height: 40px;
    padding-bottom: 20px;
    background: url(../images/bg_line.png) center bottom no-repeat
}

.tongquan_tinhnang .title_page ul h1 span {
    color: #dc1a5b
}

.tongquan_tinhnang .section-feature-12 {
    padding-bottom: 30px
}

.tongquan_tinhnang .home .title_page ul h3 {
    margin-bottom: 0px
}

.tongquan_tinhnang .home img {
    max-width: 100%;
    display: block
}

.tongquan_tinhnang .home p {
    font-size: 16px;
    color: #323232;
    font-weight: normal;
    line-height: 1.6
}

.tongquan_tinhnang .home ul {
    list-style: none;
    padding: 0
}

.tongquan_tinhnang .home a {
    text-decoration: none
}

.tongquan_tinhnang .home .flex {
    margin: 0
}

.tongquan_tinhnang {
    border-top: 1px solid #e8e8e8
}

.tongquan_tinhnang .home .sidebar_menu {
    width: 30%;
    float: left
}

.tongquan_tinhnang .home .section-item.section-feature-1 {
    padding-top: 0px
}

.tongquan_tinhnang .home .sticky {
    position: fixed;
    top: 80px;
    width: 100%
}

.tongquan_tinhnang .home .tikciy {
    position: absolute;
    top: calc(100% - 630px)
}

.tongquan_tinhnang .home .sidebar_menu ul {
    width: 100%;
    padding: 10px 0
}

.tongquan_tinhnang .tikci {
    margin-left: 30% !important
}

.tongquan_tinhnang .home .noi-dung {
    width: 70%;
    padding: 15px;
    margin-left: auto;
    position: relative;
    float: right
}

.tongquan_tinhnang .home .sidebar_menu ul li a {
    display: block;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 15px;
    border-left: solid 3px #fff
}

.tongquan_tinhnang #menu-center ul li a.active,
.tongquan_tinhnang #menu-center ul li a:hover {
    border-left: solid 3px #dd1b5c;
    color: #dd1b5c
}

.tongquan_tinhnang .home .section-item {
    margin-bottom: -20px;
    padding-top: 70px
}

.tongquan_tinhnang .home .noi-dung h2 {
    color: #dd1b5c;
    font-size: 22px;
    margin-bottom: 10px
}

.tongquan_tinhnang .home .noi-dung h3 {
    font-size: 17px;
    font-weight: 600
}

.tongquan_tinhnang .home .noi-dung h3,
.tongquan_tinhnang .home .noi-dung p,
.tongquan_tinhnang .home .noi-dung img {
    margin-bottom: 10px
}

.tongquan_tinhnang .home .section-feature-1 .flex {
    align-items: center
}

.tongquan_tinhnang .home .noi-dung .left,
.tongquan_tinhnang .home .noi-dung .right {
    width: 100%
}

.tongquan_tinhnang .menu-bar {
    padding: 5px 10px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
    left: 10px;
    top: 10px;
    font-weight: bold;
    background: #dd1b5c;
    color: #fff;
    border: none
}

.tongquan_tinhnang #mySidebar {
    position: fixed;
    top: 63px;
    left: 0;
    z-index: 999;
    width: 300px;
    overflow-y: scroll;
    height: 100%;
    padding-top: 40px;
    background: #dd1b5c;
    box-shadow: -10px 0 10px rgba(0, 0, 0, 0.2) inset
}

.tongquan_tinhnang #mySidebar .menu-bar {
    z-index: 3;
    position: relative;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    position: fixed;
    z-index: 2;
    left: 10px;
    top: 10px;
    background: none
}

.tongquan_tinhnang #mySidebar .x-close {
    width: 20px;
    height: 20px;
    border: none;
    background: #000;
    border-radius: 100%;
    color: #fff;
    position: fixed;
    top: 75px;
    left: 10px
}

.tongquan_tinhnang #mySidebar a {
    width: 100%;
    display: block;
    padding: 10px;
    color: #fff;
    line-height: 1.6
}

.tongquan_tinhnang .lnk-menu {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0 10px;
    padding: 10px;
    color: #fff;
    text-decoration: none
}

.tongquan_tinhnang .lnk-menu:hover {
    color: #399
}

.tongquan_tinhnang #menu {
    transform: translate3d(0, 0, 0) translateX(-300px);
    transition: all 0.25s cubic-bezier(0.16, 0.63, 0.45, 0.98)
}

.tongquan_tinhnang #menu:target {
    transform: translate3d(0, 0, 0) translateX(0)
}

.tongquan_tinhnang #menu .sidenav {
    height: 100%;
    overflow-x: hidden
}

.tongquan_tinhnang #menu a {
    color: #fff;
    display: block;
    cursor: pointer;
    outline: none;
    margin: 0
}

.tongquan_tinhnang #menu .dropdown-btn {
    padding: 10px 0 10px 10px;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    display: block;
    text-align: left;
    cursor: pointer;
    outline: none;
    margin: 0
}

.tongquan_tinhnang #menu>.dropdown-container>.dropdown-btn>a {
    text-transform: capitalize
}

.tongquan_tinhnang #menu .dropdown-btn.active a {
    color: #fff
}

.tongquan_tinhnang #menu a.icon {
    padding-right: 20px
}

.tongquan_tinhnang #menu .dropdown-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: dotted 1px #666
}

.tongquan_tinhnang #menu .dropdown-btn.single>a {
    width: 100%
}

.tongquan_tinhnang #menu .dropdown-container>a {
    padding-left: 15px;
    border-bottom: dotted 1px #ddd
}

.tongquan_tinhnang #menu>.dropdown-container>.dropdown-btn>a,
.tongquan_tinhnang #menu>.dropdown-container>.dropdown-container>.dropdown-btn>a,
.tongquan_tinhnang .tin_right>.dropdown-container>.dropdown-btn>a,
.tongquan_tinhnang .tin_right>.dropdown-container>.dropdown-container>.dropdown-btn>a {
    text-transform: capitalize
}

.tongquan_tinhnang #menu>a:hover {
    color: #44a649
}

.tongquan_tinhnang #menu .dropdown-container {
    display: none;
    padding: 0;
    padding-left: 8px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out
}

.tongquan_tinhnang #menu .sidenav i {
    float: right;
    padding: 5px 5px 5px 0
}

.tongquan_tinhnang .mobile-menu-area {
    position: fixed;
    top: 80px;
    z-index: 2;
    width: 100%
}

.tongquan_tinhnang .mobile-menu-area .header_top_mobile {
    background: #2ecc71;
    border-bottom: solid 1px #fff
}

.tongquan_tinhnang .mobile-menu-area.header_mid_mobile {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    background: #dd1b5c;
    border-top: solid 1px #ccc
}

.tongquan_tinhnang .mobile-menu-area .logo-mobile {
    width: 25%;
    text-align: center
}

.tongquan_tinhnang .mobile-menu-area .logo-mobile>ul {
    width: 80%;
    padding-left: 10px
}

.tongquan_tinhnang .mobile-menu-area .logo-mobile>ul>h3>a {
    color: #ED1C24
}

.tongquan_tinhnang .mobile-menu-area .logo-mobile>ul>h4>a {
    color: #167ac6;
    text-transform: uppercase
}

.tongquan_tinhnang .mobile-menu-area .header_top_mobile ul {
    list-style: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 5px 0
}

.tongquan_tinhnang .mobile-menu-area .header_top_mobile ul li {
    margin: 0 10px;
    color: #fff;
    text-align: center;
    position: relative
}

.tongquan_tinhnang .mobile-menu-area .header_top_mobile ul li i {
    border-radius: 3px;
    text-align: center;
    margin-bottom: 3px;
    font-size: 16px;
    color: #fff
}

.tongquan_tinhnang .mobile-menu-area .header_top_mobile ul li h3 {
    color: #fff;
    font-size: 14px;
    font-weight: normal
}

.tongquan_tinhnang .mobile-menu-area .header_top_mobile h3 span {
    font-size: 15px;
    color: #fff;
    background: #000;
    height: 20px;
    width: 20px;
    padding: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50px;
    position: absolute;
    top: -5px;
    right: 2px;
    text-align: center;
    line-height: 12px
}

.tongquan_tinhnang .mobile-menu-area .language {
    width: 10%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin: 0
}

.tongquan_tinhnang .mobile-menu-area .language a {
    display: block;
    margin: 0;
    margin-left: 5px
}

.tongquan_tinhnang .mobile-menu-area .language a img {
    max-width: 20px
}

.tongquan_tinhnang #panel-menu .search form {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.tongquan_tinhnang .mobile-menu-area .header-main {
    width: 100%
}

.tongquan_tinhnang #panel-menu input[type="text"] {
    width: 80%;
    height: 40px;
    border: solid 1px #ccc;
    padding: 10px
}

.tongquan_tinhnang #panel-menu button[type="submit"] {
    width: 20%;
    border: none;
    background: #65c178;
    color: #fff;
    padding: 0 20px;
    height: 40px
}

.tongquan_tinhnang .mobile-menu-area .header_menu_mobile {
    width: 10%;
    margin: 0
}

.tongquan_tinhnang .mobile-menu-area .header_menu_mobile>a.btn_menu {
    font-size: 20px;
    color: #fff;
    background: #8cbc43;
    padding: 5px 10px
}

.tongquan_tinhnang .mobile-menu-area .header-main .nav-danh-muc {
    width: 95%;
    margin: auto
}

.tongquan_tinhnang .mobile-menu-area .nav-danh-muc {
    position: relative
}

.tongquan_tinhnang .mobile-menu-area .nav-danh-muc .fa-caret-down {
    position: absolute;
    right: 0;
    top: 14px
}

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

@media screen and (min-width:993px) {
    .tongquan_tinhnang .mobile-menu-area {
        display: none
    }
}

@media screen and (max-width:1024px) {
    .tongquan_tinhnang .home {
        padding: 20px 10px
    }

    .tongquan_tinhnang .tikci {
        margin-left: 0 !important
    }

    .tongquan_tinhnang .home .noi-dung .section-item {
        padding: 10px
    }

    .tongquan_tinhnang .home .sidebar_menu ul {
        width: 295px
    }

    .tongquan_tinhnang .home .noi-dung {
        padding: 0 0 0 15px
    }
}

@media screen and (max-width:992px) {
    .page-table-price .table_price_v2 .wrapper-title span {
        font-size: 28px
    }

    .page-table-price .table_price_v2 {
        grid-gap: 20px
    }

    .tongquan_tinhnang .sidebar_menu {
        display: none
    }

    .tongquan_tinhnang .mobile-menu-area {
        display: block
    }

    .tongquan_tinhnang .home .noi-dung {
        width: 100%;
        padding: 0
    }

    .tongquan_tinhnang .home .noi-dung .section-item {
        padding-top: 60px;
        margin-bottom: 0
    }

    .tongquan_tinhnang .home .noi-dung .section-item {
        padding-left: 0;
        padding-right: 0
    }

    .tongquan_tinhnang .home .noi-dung .section-feature-1 {
        padding-top: 0px
    }
}

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

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

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

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

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

@media screen and (max-width:600px) {
    .tongquan_tinhnang .home .noi-dung h2 {
        font-size: 20px
    }

    .tongquan_tinhnang .home .noi-dung h3 {
        font-size: 18px
    }

    .tongquan_tinhnang .home .noi-dung p {
        font-size: 16px
    }
}

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

    .tongquan_tinhnang .home .noi-dung .left,
    .tongquan_tinhnang .home .noi-dung .right {
        width: 100%;
        padding: 0
    }

    .tongquan_tinhnang .home .noi-dung h3 {
        line-height: 1.4
    }

    .tongquan_tinhnang .home .noi-dung p {
        text-align: justify
    }
}

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

.cong-tac-vien ul {
    padding: 0px;
    list-style: none
}

.cong-tac-vien {
    border-top: 1px solid #e8e8e8
}

.cong-tac-vien .dv-home-gioithieu {
    padding: 50px 0 60px;
    background: #0c0367
}

.cong-tac-vien .dv-home-dichvu .flex,
.dv-home-gioithieu .flex {
    align-items: center
}

.cong-tac-vien .provide {
    padding: 65px 0 60px;
    background: #eaeff1
}

.cong-tac-vien .dv-home-dichvu div .col-lg-6:last-child {
    margin: 70px 0
}

.cong-tac-vien .col-lg-6 ul li {
    margin-bottom: 10px;
    text-align: center
}

.cong-tac-vien .col-lg-6 ul li a {
    color: #dd1a5b;
    font-weight: bold
}

.cong-tac-vien .col-lg-6 ul li i {
    color: #dd1a5b;
    padding-right: 5px;
    font-size: 20px;
    position: relative;
    top: 2px
}

.cong-tac-vien .provide .col-lg-6 {
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
    padding: 30px;
    text-align: center
}

.cong-tac-vien .sec-title h3,
.cong-tac-vien .sec-title h2 {
    text-align: center;
    position: relative;
    font-size: 26px;
    font-weight: 600;
    color: #dd1a5b;
    margin: 0px 0 30px;
    line-height: 40px;
    text-transform: uppercase;
    border-bottom: 4px double #bbbbbb;
    padding-bottom: 15px
}

.cong-tac-vien .provide .col-lg-6 {
    width: calc(100% / 4 - 20px)
}

.cong-tac-vien .col-lg-12 {
    margin: 0 -10px;
    width: 100%
}

.cong-tac-vien .col-lg-6 {
    float: left;
    margin: 0px 10px 20px;
    width: calc(100% / 2 - 20px);
    position: relative
}

.cong-tac-vien .col-lg-12.flex .col-lg-6 {
    color: #fff;
    border-radius: 4px
}

.cong-tac-vien .col-lg-6 img {
    width: 100%
}

.cong-tac-vien .col-lg-6 .scale_hover img {
    width: auto;
    height: 130px
}

.cong-tac-vien .align-center {
    text-align: center
}

.cong-tac-vien .dv-home-dichvu .scale_hover {
    float: left
}

.cong-tac-vien .dv-home-dichvu .info {
    width: calc(100% - 170px);
    float: right;
    padding-right: 50px
}

.cong-tac-vien .dv-home-dichvu .scale_hover_img {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.cong-tac-vien .dv-home-dichvu .col-lg-6 .scale_hover img {
    height: 100px
}

.cong-tac-vien .dv-home-sosanh {
    background: #ececec;
    padding: 70px 0
}

.cong-tac-vien .info h3 {
    color: rgb(34, 34, 34);
    margin: 20px 0 5px;
    font-size: 15px;
    font-weight: 600
}

.cong-tac-vien .col-lg-4 {
    margin: 0px 0 20px;
    width: calc(100% / 3);
    position: relative;
    text-align: center
}

.cong-tac-vien .col-lg-4 h1 {
    color: #db1c5d;
    border: 1px solid;
    display: table;
    font-size: 45px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
    margin: 60px auto
}

.cong-tac-vien .col-lg-4 img {
    height: 180px
}

.cong-tac-vien .dv-home-sosanh .pagewrap {
    width: 850px
}

.cong-tac-vien .col-lg-5 {
    width: 45%;
    float: left;
    border-top: 2px dashed #3c3c3c;
    padding-top: 20px
}

.cong-tac-vien .dv-home-sosanh ul li {
    padding: 10px 10px;
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    text-align: center
}

.cong-tac-vien .dv-home-sosanh .col-lg-2 ul li {
    border-bottom: none
}

.cong-tac-vien .col-lg-2 {
    width: 10%;
    float: left;
    text-align: center;
    background: #db1c5d;
    color: #fff;
    border-top: 2px dashed #3c3c3c
}

.cong-tac-vien .col-lg-2 ul {
    margin-top: 20px
}

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

    .cong-tac-vien .dv-home-gioithieu,
    .cong-tac-vien .provide {
        padding: 40px 10px
    }

    .cong-tac-vien .col-lg-12 {
        margin: 0
    }

    .cong-tac-vien .sec-title h3 br,
    .cong-tac-vien .sec-title h2 br {
        display: none
    }

    .cong-tac-vien .dv-home-dichvu .col-lg-6:first-child {
        margin-left: 0
    }
}

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

    .cong-tac-vien .sec-title h3,
    .cong-tac-vien .sec-title h2 {
        font-size: 24px
    }

    .cong-tac-vien .dv-home-gioithieu .sec-title h3,
    .cong-tac-vien .dv-home-dichvu .sec-title h3 {
        margin: 0 0 15px;
        padding-bottom: 10px
    }

    .cong-tac-vien .provide .col-lg-6 {
        padding: 20px 10px
    }

    .cong-tac-vien .dv-home-dichvu div .col-lg-6:last-child {
        margin: 20px 0
    }

    .cong-tac-vien .dv-home-dichvu .scale_hover_img {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .cong-tac-vien .dv-home-dichvu .scale_hover {
        float: none;
        width: 30%
    }

    .cong-tac-vien .dv-home-dichvu .info {
        width: 70%;
        padding-right: 0;
        padding-left: 10px
    }

    .cong-tac-vien .dv-home-dichvu .info h3 {
        margin: 0
    }
}

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

    .cong-tac-vien .dv-home-gioithieu .col-lg-6,
    .cong-tac-vien .dv-home-dichvu .col-lg-6 {
        width: calc(100% / 1 - 0px);
        float: none;
        margin: 0
    }

    .cong-tac-vien .provide .col-lg-6 {
        width: calc(100% / 2 - 20px)
    }

    .cong-tac-vien .dv-home-dichvu div .col-lg-6:last-child {
        padding: 0 10px
    }

    .cong-tac-vien .dv-home-dichvu .scale_hover {
        width: 20%
    }

    .cong-tac-vien .dv-home-dichvu .info {
        width: 80%
    }

    .cong-tac-vien .dv-home-dichvu .scale_hover_img {
        margin-bottom: 15px;
        padding-bottom: 15px
    }
}

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

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

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

    .cong-tac-vien .sec-title h3,
    .cong-tac-vien .sec-title h2 {
        line-height: 1.4
    }

    .cong-tac-vien .provide .col-lg-6 {
        width: calc(100% / 1 - 20px)
    }

    .cong-tac-vien .dv-home-dichvu .info {
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
        text-align: center
    }

    .cong-tac-vien .dv-home-dichvu .scale_hover {
        width: 40%
    }

    .cong-tac-vien .info h3 {
        font-size: 20px;
        line-height: 1.7
    }
}

.banggia_new .table_price_v2 .item {
    position: relative
}

.banggia_new .tab-content-item-web30s-normal .desc_bang_gia {
    text-align: center;
    padding: 20px
}

.banggia_new .tab-content-item-web30s-normal .table_price_w30s_1 .desc_bang_gia,
.banggia_new .table_price_w30s_1 .wrapper-title {
    background-color: #d8eee8
}

.banggia_new .wrapper-title {
    text-align: center;
    border-radius: 8px 8px 0px 0px
}

.banggia_new .wrapper-title>img {
    max-width: 85%
}

.banggia_new .tab-content-item-web30s-normal .table_price_w30s_2 .desc_bang_gia,
.banggia_new .table_price_w30s_2 .wrapper-title {
    background-color: #ffdbdf
}

.banggia_new .tab-content-item-web30s-normal .table_price_w30s_3 .desc_bang_gia,
.banggia_new .table_price_w30s_3 .wrapper-title {
    background-color: #cdeafc
}

.banggia_new .tab-content-item-web30s-normal .desc_bang_gia p {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 15px
}

.banggia_new .tab-content-item-web30s-normal .desc_bang_gia .item-row-price .currency_number {
    font-size: 220%;
    font-weight: bold;
    margin-bottom: 20px
}

.banggia_new .tab-content-item-web30s-normal .desc_bang_gia .item-row-price {
    margin-bottom: 20px
}

.banggia_new .tab-content-item-web30s-normal .table_price_w30s_1 .desc_bang_gia .item-row-price {
    color: #49b18c
}

.banggia_new .tab-content-item-web30s-normal .table_price_w30s_2 .desc_bang_gia .item-row-price {
    color: #ff4b64
}

.banggia_new .tab-content-item-web30s-normal .table_price_w30s_3 .desc_bang_gia .item-row-price {
    color: #0095ef
}

.banggia_new .tab-content-item-web30s-normal .wrapper-content .item-row-top>li {
    list-style: none;
    text-align: left;
    line-height: 33px
}

.banggia_new .tab-content-item-web30s-normal .wrapper-content .item-row-top>li>ul {
    margin-left: 30px
}

.banggia_new .tab-content-item-web30s-normal .wrapper-content {
    text-align: left;
    position: relative
}

.banggia_new .tab-content-item-web30s-normal .wrapper-content .item-row {
    border-bottom: 1px solid #ccc7c7
}

.banggia_new .tab-content-item-web30s-normal .row_dang_ky {
    position: absolute;
    top: calc(100% - 25px);
    transform: translateY(-100%);
    width: calc(100% - 40px);
    left: 20px
}

.banggia_new .table_price_v2 .wrapper-content .item-row:nth-last-child(1) {
    border-top: 1px solid #ccc7c7;
    margin-bottom: 60px
}

.banggia_new .section__wrapper-all-feature {
    padding: 50px 0px 20px 0px
}

.so_sanh_tinh_nang_new .dv-bangsosanh-webshop {
    font-size: 16px;
    margin: 15px
}

.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-1 .l {
    padding-top: 55px;
    text-align: left
}

.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-bg-header h3.big {
    margin-top: 0;
    height: 52px;
    line-height: 52px
}

.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-row-bg-hd {
    background: #e6e6e6;
    text-align: left;
    padding: 10px 20px;
    color: #000
}

.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-1 {
    padding: 0px 20px
}

.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-2 {
    background: #d8eee8
}

.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-3 {
    background: #ffdbdf
}

.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-4 {
    background: #cdeafc
}

.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-4 h3,
.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-bg-header .bg-col-4 .btn-reg-page-full-feature {
    background: #0095ef
}

.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-3 h3,
.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-bg-header .bg-col-3 .btn-reg-page-full-feature {
    background: #ff4b64
}

.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-2 h3,
.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-bg-header .bg-col-2 .btn-reg-page-full-feature {
    background: #49b18c
}

.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-4 a {
    background: rgba(0, 166, 217, 0.86);
    border: 1px solid #0d9eca
}

.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-2 a {
    background: rgb(23, 156, 118);
    border: 1px solid #108b68
}

.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-2 a:hover {
    background: #108b68
}

.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-4 a:hover {
    background: #0d9eca
}

.so_sanh_tinh_nang_new .row-goi-dv>span {
    text-transform: uppercase;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px
}

.so_sanh_tinh_nang_new .row-goi>span {
    font-weight: bold;
    padding: 5px 0px
}

.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-row-bg:last-child .bg-col-1 {
    background: #e6e6e6;
    border: none
}

.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-bg-header .bg-col-1 {
    position: relative
}

.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-1 .img_ong {
    position: absolute;
    right: 20px;
    top: 30px;
    width: 30%
}

.so_sanh_tinh_nang_new .content_pover_right {
    transform: translate(-100%, -100%)
}

.so_sanh_tinh_nang_new .content_pover_right:before {
    left: initial;
    right: 0
}

.css__page-sale-10-6-2022 .banner-sale {
    height: 300px;
    background-image: url('../images/bang-gia/sale/BANER_KM30S-1920x300.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.css__page-sale-10-6-2022 .banner-sale-mobile {
    display: none
}

.css__page-sale-10-6-2022 .note-table-price {
    color: #727171;
    padding-left: 20px
}

.css__page-sale-10-6-2022 .gia_top_30s {
    margin-top: 20px
}

.W30s_21.css__page-sale-10-6-2022 .code-coupon {
    background-color: #f2f2f2;
    border-top: 0px;
    padding-bottom: 10px;
    color: #6e6e6e
}

.W30s_21.css__page-sale-10-6-2022 .code-coupon-2 {
    background-color: #f7f7f7;
    border-top: 0px;
    padding-bottom: 10px;
    color: #6e6e6e;
    margin-top: 30px;
    font-size: 15px
}

.W30s_21.css__page-sale-10-6-2022 p.note-table-price {
    border-top: 0px;
    color: #9f9f9f;
    font-size: 15px;
    margin-top: 0px;
    padding-bottom: 40px;
    position: relative
}

.W30s_21.css__page-sale-10-6-2022 p.note-table-price:not(.no-line-bottom):after {
    content: "";
    width: 170px;
    height: 1px;
    background-color: black;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%)
}

.W30s_21.css__page-sale-10-6-2022 .code-coupon span {
    color: #f49020;
    display: inline-block;
    font-size: 100%;
    font-weight: bold
}

.W30s_21.css__page-sale-10-6-2022 .code-coupon span.color-primary-2 {
    color: #24c19b
}

.W30s_21.css__page-sale-10-6-2022 .code-coupon span.color-primary-3 {
    color: #656dee
}

.W30s_21.css__page-sale-10-6-2022 .code-coupon-2 span {
    color: #f49020;
    display: inline-block;
    font-size: 100%;
    font-weight: bold
}

.W30s_21.css__page-sale-10-6-2022 .code-coupon-2 span.color-primary-2 {
    color: #24c19b
}

.W30s_21.css__page-sale-10-6-2022 .code-coupon-2 span.color-primary-3 {
    color: #656dee
}

.W30s_21.css__page-sale-10-6-2022 .name-offer-2 {
    border-top: 0px;
    padding-top: 40px;
    color: #4c4c4c;
    font-size: 22px
}

.W30s_21.css__page-sale-10-6-2022 .css-tri-gia {
    border-top: none
}

.W30s_21.css__page-sale-10-6-2022 .css-tri-gia span {
    background-color: #f2f2f2;
    padding: 6px 28px;
    font-size: 20px;
    display: inline-block;
    border-radius: 8px;
    color: #626262
}

.W30s_21.css__page-sale-10-6-2022 .value-tri-gia-2 {
    font-weight: 500;
    border-top: 0px;
    padding-top: 30px;
    color: #5c5c5c;
    font-size: 30px
}

.W30s_21 .gia_top_30s h4.row-btn-reg-package {
    margin-top: 0px
}

.W30s_21 .gia_top_30s h4.button_custom {
    margin-top: 20px
}

.W30s_21.css__page-sale-10-6-2022 .pri_list_page {
    min-height: 1730px
}

@media screen and (max-width:1024px) {
    .so_sanh_tinh_nang_new {
        padding-left: 0;
        padding-right: 0
    }

    .so_sanh_tinh_nang_new .dv-bangsosanh-webshop {
        margin: 0
    }

    .so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-1 .l {
        padding-top: 30px
    }

    .css__page-sale-10-6-2022 .banner-sale {
        height: 260px
    }
}

@media screen and (max-width:820px) {
    .css__page-sale-10-6-2022 .banner-sale {
        height: 220px
    }
}

@media screen and (max-width:812px) {
    .banggia_new .tab-content-item-web30s-normal .desc_bang_gia p {
        height: 178px
    }

    .css__page-sale-10-6-2022 .banner-sale {
        height: 220px
    }
}

@media screen and (max-width:768px) {
    .banggia_new .tab-content-item-web30s-normal .desc_bang_gia p {
        height: auto
    }

    .so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-1 .img_ong {
        right: 0px
    }

    .so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-bg-header h3.big {
        height: 48px;
        line-height: 48px
    }

    .banggia_new .table_price_v2 .item {
        width: 80%
    }

    .css__page-sale-10-6-2022 .banner-sale {
        height: 200px
    }
}

@media screen and (max-width:640px) {
    .css__page-sale-10-6-2022 .banner-sale {
        height: 160px
    }
}

@media screen and (max-width:480px) {
    .css__page-sale-10-6-2022 .banner-sale {
        display: none
    }

    .css__page-sale-10-6-2022 .banner-sale-pc {
        display: none
    }

    .css__page-sale-10-6-2022 .banner-sale-mobile {
        display: block
    }

    .banggia_new .table_price_v2 .item {
        width: 100%
    }

    .so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-bg-header h3.big {
        height: 65px
    }

    .so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-bg-header .bg-col-2 p,
    .so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-bg-header .bg-col-3 p,
    .so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-bg-header .bg-col-4 p {
        line-height: 65px;
        padding: 0px 5px
    }

    .so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-1 {
        width: 100%
    }

    .so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-2,
    .so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-3,
    .so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-4 {
        width: 33.333%
    }

    .so_sanh_tinh_nang_new .content_pover {
        width: 190px;
        transform: translate(-100%, -100%)
    }

    .so_sanh_tinh_nang_new .content_pover_db {
        transform: translate(-20px, -100%)
    }

    .so_sanh_tinh_nang_new .bg-col-1 span {
        text-align: center
    }

    .so_sanh_tinh_nang_new .content_pover:before {
        left: unset;
        right: 0px
    }

    .so_sanh_tinh_nang_new .content_pover_db:before {
        left: 0px;
        right: unset
    }
}

.copyright .left .text-email {
    display: none
}

.no_search .conten_img {
    text-align: center;
    padding: 0px 0px 80px 0px;
    position: relative
}

.no_search .conten_img img {
    width: 40%;
    margin-bottom: 30px
}

.no_search .conten_img .title_contend {
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #dd1a5b;
    text-align: center
}

.no_search .conten_img .desc_contend a {
    font-size: 18px;
    font-weight: 600;
    color: #000
}

.no_search .conten_img .desc_contend {
    width: 65%;
    text-align: center
}

.no_search .box_sahdow {
    height: 390px;
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 18px 0px;
    width: 75%;
    margin: 0 auto;
    position: absolute;
    top: 260px;
    left: 50%;
    transform: translateX(-50%)
}

@media only screen and (max-width:1024px) {
    .no_search .conten_img .desc_contend {
        width: 70%
    }
}

@media only screen and (max-width:768px) {
    .no_search .box_sahdow {
        width: calc(100% - 30px);
        height: 340px;
        top: 220px
    }

    .Wr_30s .banner-top {
        min-height: auto;
        background-size: cover;
        background-attachment: fixed
    }
}

@media only screen and (max-width:480px) {
    .no_search .conten_img img {
        width: 60%
    }

    .no_search .box_sahdow {
        height: 360px;
        top: 280px
    }

    .no_search .conten_img {
        padding: 50px 15px 100px 15px
    }

    .no_search .conten_img .title_contend {
        line-height: 35px;
        font-size: 25px
    }

    .no_search .conten_img .desc_contend {
        width: 100%
    }
}

.thank_you {
    text-align: center;
    max-width: 800px;
    margin: 50px auto;
    position: relative;
    background: #fff;
    padding: 20px
}

.thank_you .thank_img {
    margin-top: -50px
}

.thank_you .thank_img>a {
    margin-top: 50px;
    display: block;
    text-decoration: underline
}

.thank_you .thank_contend {
    padding: 40px;
    border: 3px dashed #dd1a5c
}

.thank_you .thank_contend .contend_1 {
    text-align: center;
    margin-bottom: 15px
}

@media only screen and (max-width:480px) {
    .thank_you .thank_contend {
        padding: 20px;
        border: 3px dashed #dd1a5c
    }

    .thank_you .thank_img {
        margin-top: -25px
    }

    .thank_you {
        padding: 30px 0
    }
}

.text_mtk_ct {
    font-size: 15px;
    font-style: italic;
    color: #999;
    line-height: 20px;
    text-transform: initial
}

.bang_gia_Web30st8 .pri_list_page {
    float: left;
    width: calc(100% / 3 - 0px);
    background-color: #fff;
    position: relative
}

.bang_gia_Web30st8 .pri_list_page.pri_list_page_home {
    box-shadow: 0 10px 30px 0 rgb(0 0 0 / 10%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow;
    background-image: linear-gradient(#eee, #fff)
}

.bang_gia_Web30st8 .note_pri {
    padding: 30px;
    background: #f2f2f2;
    color: #000;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 25px;
    padding-top: 0
}

.bang_gia_Web30st8 .pri_list_page h2 {
    background: transparent;
    padding: 20px 30px;
    color: #f49020;
    font-size: 25px;
    font-weight: 600;
    -moz-border-radius: 10px 10px 0 0;
    text-transform: capitalize;
    text-align: center;
    padding-top: 0;
    padding-bottom: 35px
}

.bang_gia_Web30st8 .pri_list_page h2 span {
    margin-right: 10px;
    position: relative;
    top: 20px
}

.bang_gia_Web30st8 .pri_list_page h2 span img {
    height: 60px;
    width: auto
}

.bang_gia_Web30st8 .gia_top_30s {
    padding: 30px;
    background: #ffffff
}

.bang_gia_Web30st8 .gia_top_30s h3 {
    color: #737373;
    font-size: 25px;
    font-weight: 500;
    text-align: center
}

.bang_gia_Web30st8 .gia_top_30s h5 {
    color: #333;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    padding-top: 10px;
    border-top: solid #b0b0b0 1px;
    margin-top: 10px
}

.bang_gia_Web30st8 .gia_top_30s h5 span {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #999
}

.bang_gia_Web30st8 .gia_top_30s h3 span {
    border-top: solid 1px #49b18c;
    font-size: 17px;
    font-weight: 400;
    border: none
}

.bang_gia_Web30st8 .gia_top_30s ul {
    float: right;
    width: 48%;
    border-left: solid #333 1px;
    padding-left: 10px;
    margin-left: 10px
}

.bang_gia_Web30st8 .gia_top_30s ul p {
    color: #000;
    font-size: 17px;
    line-height: 22px
}

.bang_gia_Web30st8 .ct_pri_30s {
    padding: 20px;
    height: 520px
}

.bang_gia_Web30st8 .ct_pri_30s p {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: dotted 1px #ccc;
    font-size: 15px;
    line-height: 24px
}

.bang_gia_Web30st8 .ct_pri_30s ul {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: dotted 1px #ccc
}

.bang_gia_Web30st8 .ct_pri_30s ul li {
    margin-right: 15px;
    list-style: none;
    padding-bottom: 5px;
    font-size: 16px;
    padding-left: 0
}

.bang_gia_Web30st8 .ct_pri_30s ul li i {
    font-size: 14px;
    padding-right: 8px
}

.bang_gia_Web30st8 .ct_pri_30s p i {
    padding-right: 8px
}

.bang_gia_Web30st8 .ct_pri_30s p a,
.bang_gia_Web30st8 .pri_list_page p.view-more a {
    color: #333;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s
}

.bang_gia_Web30st8 .ct_pri_30s p a:hover,
.bang_gia_Web30st8 .pri_list_page p.view-more a:hover {
    color: #dc1a5b
}

.bang_gia_Web30st8 .ct_pri_30s h4,
.bang_gia_Web30st8 .gia_top_30s h4 {
    text-align: center;
    background: #f49020;
    padding: 5px 20px;
    line-height: 30px;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin-top: 20px;
    width: 60%
}

.bang_gia_Web30st8 .ct_pri_30s h4 a,
.gia_top_30s h4 a {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}

.bang_gia_Web30st8 .pri_list_page h4 img,
.gia_top_30s h4 img {
    display: inline-table;
    width: 20px;
    height: auto;
    margin-right: 10px
}

.bang_gia_Web30st8 .pri_list_page h4.bottom_pri {
    position: relative
}

.bang_gia_Web30st8 .ct_pri_30s h4.color_pri_2,
.bang_gia_Web30st8.gia_top_30s h4.color_pri_2 {
    background: #24c19b
}

.bang_gia_Web30st8 .ct_pri_30s h4.color_pri_3,
.bang_gia_Web30st8 .gia_top_30s h4.color_pri_3 {
    background: #656dee
}

.bang_gia_Web30st8 .pri_list_page h2.color_pri_2 {
    color: #24c19b
}

.bang_gia_Web30st8 .pri_list_page h2.color_pri_3 {
    color: #656dee
}

.bang_gia_Web30st8 .home_uudai {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    background: #eaeaea
}

.bang_gia_Web30st8 .home_uudai .box_pri_list_page {
    margin: 0 -10px
}

.bang_gia_Web30st8 .popup_view {
    background: #eaeaea;
    padding: 30px
}

.bang_gia_Web30st8 .popup_view .price-start .gia_top_30s {
    background: url("../images/popup1.png") no-repeat center;
    background-size: cover
}

.bang_gia_Web30st8 .popup_view .price-grow .gia_top_30s {
    background: url("../images/popup2.png") no-repeat center;
    background-size: cover
}

.bang_gia_Web30st8 .popup_view .price-pro .gia_top_30s {
    background: url("../images/popup3.png") no-repeat center;
    background-size: cover
}

.bang_gia_Web30st8 .popup_view .pri_list_page {
    float: left;
    width: calc(100% / 3 - 20px);
    margin: 0 10px;
    background-color: #fff;
    position: relative;
    border-radius: 0
}

.bang_gia_Web30st8 .popup_view h2,
.bang_gia_Web30st8 .popup_view h2.color_pri_2,
.bang_gia_Web30st8 .popup_view h2.color_pri_3 {
    color: #fff;
    text-align: left;
    padding: 0 0 10px 0;
    font-size: 32px
}

.bang_gia_Web30st8 .popup_view .note_pri {
    color: #fff;
    text-align: left;
    padding: 0;
    font-size: 16px;
    background: transparent
}

.bang_gia_Web30st8 .popup_view h3 {
    color: #fff;
    background: transparent;
    margin-left: auto;
    margin-right: 0;
    margin-top: 50px;
    position: relative;
    border-bottom: solid 1px #fff;
    padding: 0;
    font-size: 32px;
    padding-bottom: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content
}

.bang_gia_Web30st8 .popup_view h3 sup {
    position: absolute;
    top: -10px;
    font-weight: 400;
    font-size: 18px
}

.bang_gia_Web30st8 .popup_view h3 .color_pri_3 {
    position: absolute;
    right: 0;
    bottom: -30px
}

.bang_gia_Web30st8 .popup_view .gia_top_30s {
    border-radius: 10px 10px 0 0;
    height: 250px;
    padding-top: 45px
}

.bang_gia_Web30st8 .popup_view h5 {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 27px;
    padding-top: 30px;
    padding-bottom: 10px
}

.bang_gia_Web30st8 .popup_view h5 span {
    display: block;
    text-transform: initial;
    font-size: 16px;
    font-weight: 500;
    color: #000
}

.bang_gia_Web30st8 .popup_view p.code-uu-dai {
    background: url("../images/uu-dai.png") no-repeat center;
    background-size: cover;
    width: 250px;
    padding: 10px 0;
    text-align: center;
    font-size: 14px
}

.bang_gia_Web30st8 .popup_view p.code-uu-dai span {
    border: dashed 1px #333;
    padding: 5px 8px
}

.bang_gia_Web30st8 .popup_view .loa {
    background: url("../images/bg-loa.png") no-repeat center;
    background-size: cover;
    width: 320px;
    height: 290px;
    padding: 20px;
    text-align: center;
    margin: 40px auto 50px auto;
    position: relative
}

.bang_gia_Web30st8 .popup_view h6 {
    font-size: 20px;
    line-height: 30px
}

.bang_gia_Web30st8 .popup_view h6 span {
    display: block;
    text-transform: initial;
    font-size: 15px;
    font-weight: 500;
    color: #000
}

.bang_gia_Web30st8 .popup_view p.gia-loa strong {
    color: #dd1a5c;
    font-size: 24px
}

.bang_gia_Web30st8 .popup_view .loa p.code-uu-dai {
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%)
}

.bang_gia_Web30st8 .popup_view .pri_list_page h4 {
    text-align: center;
    background: #f49020;
    line-height: 30px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 0 0 7px 7px;
    width: 100%
}

.bang_gia_Web30st8 .popup_view .price-start h4,
.bang_gia_Web30st8 .popup_view .price-start h4:hover {
    background: rgb(254, 159, 0);
    background: linear-gradient(90deg, rgba(254, 159, 0, 1) 0%, rgba(238, 36, 36, 1) 100%)
}

.bang_gia_Web30st8 .popup_view .price-grow h4,
.bang_gia_Web30st8 .popup_view .price-grow h4:hover {
    background: rgb(0, 170, 115);
    background: linear-gradient(90deg, rgba(0, 170, 115, 1) 0%, rgba(0, 119, 140, 1) 100%)
}

.bang_gia_Web30st8 .popup_view .price-pro h4,
.bang_gia_Web30st8 .popup_view .price-pro h4:hover {
    background: rgb(103, 0, 255);
    background: linear-gradient(90deg, rgba(103, 0, 255, 1) 0%, rgba(80, 101, 255, 1) 100%)
}

.bang_gia_Web30st8 .popup_view h4 a {
    display: block;
    padding: 15px 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase
}

.bang_gia_Web30st8 .popup_view h4 img {
    width: 26px
}

.page_banggia .box_pri_list_page {
    margin: 0 -20px
}

.page_banggia .pri_list_page {
    float: left;
    width: calc(100% / 3 - 40px);
    margin: 0 20px;
    background-color: #fff;
    position: relative
}

.page_banggia .pri_list_page h2 {
    text-align: left;
    padding-top: 40px;
    padding-bottom: 10px;
    font-size: 32px
}

.page_banggia .note_pri {
    background: transparent;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 10px
}

.page_banggia .gia_top_30s {
    padding: 0;
    background: transparent
}

.page_banggia .gia_top_30s h3 {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    padding: 15px 18px;
    text-align: left;
    line-height: 1
}

.page_banggia h3 span.color_pri_3 {
    margin-left: 10px;
    font-weight: 300
}

.page_banggia h3 span.color_pri_2 {
    margin-right: 10px;
    font-weight: 300
}

.page_banggia .pri_sale {
    display: block;
    width: 270px;
    height: 145px;
    padding-top: 40px;
    -ms-transform: rotate(47deg);
    transform: rotate(47deg);
    position: absolute;
    right: -104px;
    top: -33px
}

.price-start .pri_sale {
    background: url(../images/bg-orange.svg) no-repeat center;
    background-size: cover
}

.price-grow .pri_sale {
    background: url(../images/bg-green.svg) no-repeat center;
    background-size: cover
}

.price-pro .pri_sale {
    background: url(../images/bg-violet.svg) no-repeat center;
    background-size: cover
}

.page_banggia .pri_sale a {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 15px;
    width: 150px
}

.page_banggia .pri_sale img {
    width: 40px;
    margin: 0;
    margin-right: 8px
}

.page_banggia .pri_sale h5 {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    margin-right: 10px
}

.page_banggia .pri_sale h5 span {
    display: block;
    font-size: 22px;
    font-weight: 600;
    color: #fff200
}

.page_banggia .pri_list_page p.view-more {
    font-size: 18px;
    text-align: center;
    padding: 12px 10px;
    border: none;
    color: #fff
}

.page_banggia .price-start p.view-more {
    background: rgb(244 133 32 / 20%)
}

.page_banggia .price-grow p.view-more {
    background: rgb(36 193 155 / 20%)
}

.page_banggia .price-pro p.view-more {
    background: rgb(101 109 238 / 20%)
}

.page_banggia .pri_list_page h4 {
    text-align: center;
    background: #f49020;
    line-height: 30px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 0 0 7px 7px;
    width: 100%
}

.page_banggia .price-start h3 {
    background: rgb(254, 159, 0);
    background: linear-gradient(90deg, rgba(254, 159, 0, 1) 0%, rgba(238, 36, 36, 1) 100%)
}

.page_banggia .price-grow h3 {
    background: rgb(0, 170, 115);
    background: linear-gradient(90deg, rgba(0, 170, 115, 1) 0%, rgba(0, 119, 140, 1) 100%)
}

.page_banggia .price-pro h3 {
    background: rgb(103, 0, 255);
    background: linear-gradient(90deg, rgba(103, 0, 255, 1) 0%, rgba(80, 101, 255, 1) 100%)
}

.page_banggia .price-start h4,
.page_banggia .price-start h4:hover {
    background: rgb(254, 159, 0);
    background: linear-gradient(90deg, rgba(254, 159, 0, 1) 0%, rgba(238, 36, 36, 1) 100%)
}

.page_banggia .price-grow h4,
.page_banggia .price-grow h4:hover {
    background: rgb(0, 170, 115);
    background: linear-gradient(90deg, rgba(0, 170, 115, 1) 0%, rgba(0, 119, 140, 1) 100%)
}

.page_banggia .price-pro h4,
.page_banggia .price-pro h4:hover {
    background: rgb(103, 0, 255);
    background: linear-gradient(90deg, rgba(103, 0, 255, 1) 0%, rgba(80, 101, 255, 1) 100%)
}

.page_banggia .pri_list_page h4 a {
    display: block;
    padding: 15px 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase
}

.page_banggia .pri_list_page h4 img {
    width: 26px
}

ul.menu_pc>li:nth-child(4) {
    display: flex;
    align-items: center
}

ul.menu_pc>li:nth-child(4) a {
    padding: 0 5px;
    margin: 0
}

#menu .dropdown-btn span.tag-menu,
ul.menu_pc li span.tag-menu {
    width: auto;
    background: #ff0100;
    text-align: left;
    padding-left: 5px;
    padding-right: 20px;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    display: inline-block;
    line-height: 1.4;
    margin: 0;
    animation-name: stretch;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running
}

#menu .dropdown-btn span.tag-menu:before,
ul.menu_pc li span.tag-menu:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid white;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

#menu .dropdown-btn span.tag-menu {
    margin-left: 5px;
    margin-top: -20px
}

@keyframes stretch {
    0% {
        background-color: red
    }

    50% {
        background-color: orange
    }

    100% {
        background-color: #24c19b
    }
}

@media screen and (max-width:1024px) {
    .bang_gia_Web30st8 .popup_view .box_pri_list_page {
        margin: 0 -10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .bang_gia_Web30st8 .popup_view .pri_list_page {
        width: calc(100% / 2.2 - 40px);
        margin: 20px;
        float: none
    }

    .bang_gia_Web30st8 .popup_view .box_pri_list_page .clr {
        display: none
    }

    .bang_gia_Web30st8 .popup_view .gia_top_30s {
        height: auto;
        padding: 40px 30px
    }

    .bang_gia_Web30st8 .box_pri_list_page {
        margin: 0 -10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .page_banggia .pri_list_page {
        width: calc(100% / 2.2 - 40px);
        margin: 20px;
        float: none
    }
}

@media screen and (max-width:992px) {
    .bang_gia_Web30st8 .popup_view .pri_list_page {
        width: calc(100% / 2 - 40px)
    }

    .page_banggia .note_pri {
        height: auto;
        padding: 0 30px 10px 30px
    }
}

@media screen and (max-width:812px) {
    .bang_gia_Web30st8 .popup_view .pri_list_page {
        width: calc(100% / 2 - 20px);
        margin: 20px 10px
    }

    .page_banggia .pri_list_page h2,
    .page_banggia .note_pri {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:768px) {
    .bang_gia_Web30st8 .popup_view .loa {
        width: 310px;
        height: 280px;
        padding: 15px
    }

    .page_banggia .note_pri {
        height: auto;
        padding: 0 0 10px 15px;
        width: 80%;
        margin: 0
    }

    .bang_gia_Web30st8 .ct_pri_30s {
        height: auto
    }

    .page_banggia .ct_pri_30s {
        height: 520px
    }
}

@media screen and (max-width:736px) {
    .bang_gia_Web30st8 .popup_view {
        padding: 30px 15px
    }

    .bang_gia_Web30st8 .popup_view .gia_top_30s {
        padding: 40px 20px
    }
}

@media screen and (max-width:667px) {
    .bang_gia_Web30st8 .popup_view .pri_list_page {
        width: calc(100% / 1.5 - 20px);
        margin: 10px
    }

    .page_banggia .pri_list_page {
        width: calc(100% / 2 - 20px);
        margin: 20px 10px
    }
}

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

    .bang_gia_Web30st8 .pri_list_page,
    .page_banggia .pri_list_page {
        width: calc(100% / 1.5 - 20px);
        margin: 20px 10px
    }

    .bang_gia_Web30st8 .note_pri,
    .page_banggia .note_pri {
        height: auto;
        padding-top: 0
    }

    .bang_gia_Web30st8 .ct_pri_30s {
        height: auto;
        padding: 20px
    }

    .bang_gia_Web30st8 .pri_list_page h2 {
        padding-bottom: 20px
    }
}

@media screen and (max-width:480px) {
    .bang_gia_Web30st8 .popup_view .pri_list_page {
        width: calc(100% / 1 - 20px);
        margin: 10px
    }

    .bang_gia_Web30st8 .popup_view .loa {
        width: 90%;
        height: auto;
        margin-top: 20px;
        padding-top: 20px;
        background: none;
        border-top: double
    }

    .bang_gia_Web30st8 .popup_view .loa p.code-uu-dai {
        position: relative
    }

    .bang_gia_Web30st8 .pri_list_page {
        width: calc(100% / 1 - 20px);
        margin: 10px
    }

    .page_banggia .pri_list_page {
        width: calc(100% / 1.1 - 20px);
        margin: 20px 10px
    }

    .bang_gia_Web30st8 .home_uudai .pri_list_page {
        width: calc(100% / 1 - 0px);
        margin: 10px 0
    }
}

@media screen and (max-width:320px) {
    .bang_gia_Web30st8 .popup_view h3 {
        margin-top: 25px
    }

    .bang_gia_Web30st8 .popup_view p.code-uu-dai {
        width: fit-content;
        padding: 0;
        text-align: center;
        background: #eee;
        font-size: 14px
    }
}

.web30s_banner.box_home_page_banner {
    background: url(../images/images2021/web30s_home_banner.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
    font-family: 'Open Sans';
    color: #fff;
    position: relative
}

.web30s_banner.box_home_page_banner:before {
    display: none
}

.web30s_banner.box_home_page_banner .pagewrap {
    display: flex;
    flex-wrap: wrap
}

.web30s_banner .banner_bs_mid {
    width: 25%;
    margin: 0
}

.web30s_banner .banner_bs_mid img {
    height: 340px;
    position: absolute;
    left: 51%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.web30s_banner .banner_bs_right {
    width: 35%;
    margin: 0;
    text-align: left;
    padding-left: 15px
}

.web30s_banner .banner_bs_right img {
    width: auto;
    height: auto
}

.web30s_banner .banner_bs_left {
    width: 40%;
    position: relative;
    margin: 0
}

.web30s_banner .banner_bs_left h1 {
    color: #dd1b5c;
    font-weight: 800;
    font-size: 35px
}

.web30s_banner .banner_bs_left h2 {
    font-size: 28px;
    font-weight: 500;
    margin: 25px 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    height: 35px;
    position: relative;
    color: #000
}

.web30s_banner .banner_bs_left h2:before {
    content: "";
    width: 100%;
    height: 2px;
    background: rgb(221, 27, 92);
    background: linear-gradient(90deg, rgba(221, 27, 92, 1) 0%, rgba(221, 27, 92, 0) 100%);
    position: absolute;
    bottom: 0;
    left: 0
}

.web30s_banner .banner_bs_left h2 span {
    font-size: 70px
}

.web30s_banner .banner_bs_left h3 {
    font-size: 28px;
    line-height: 50px;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 10px;
    color: #dd1b5c
}

.web30s_banner .banner_bs_left h3 strong {
    font-weight: 800
}

.web30s_banner.box_home_page_banner p {
    font-size: 20px;
    line-height: 40px;
    font-weight: 500;
    color: #333
}

.web30s_banner.box_home_page_banner p img {
    height: 15px;
    vertical-align: middle
}

.web30s_banner .banner_bs_right p {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 12px
}

.web30s_banner .banner_bs_left>a {
    text-transform: capitalize;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    background: url(../images/images2021/web30s-banner-btn.png) no-repeat center;
    background-size: 98%;
    margin-top: 10px;
    width: 180px;
    text-align: center;
    height: 45px;
    line-height: 45px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: rgb(0 0 0) 0px 20px 15px -20px
}

.web30s_banner.box_home_page_banner .iconplay {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    position: absolute;
    left: 200px;
    top: 85%;
    right: auto
}

.web30s_banner.box_home_page_banner .iconplay a {
    width: 50px;
    height: 50px;
    display: -webkit-box;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border: 2px solid #dd1b5c;
    border-radius: 50%;
    background-size: 200% auto;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    font-size: 22px;
    background: transparent;
    color: #dd1b5c;
    margin-top: 0;
    box-shadow: none
}

.web30s_banner.box_home_page_banner .iconplay a:hover {
    border: 2px solid #f8c735;
    background: #fff;
    color: #f8c735
}

.web30s_banner.box_home_page_banner .e-commerce {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 250px;
    margin: 0;
    margin-top: 10px
}

.web30s_banner.box_home_page_banner .e-commerce .e-item {
    width: calc(100% / 2);
    padding: 10px 0
}

.web30s_banner.box_home_page_banner .e-commerce img {
    height: 26px
}

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

    .web30s_banner .banner_bs_left,
    .web30s_banner .banner_bs_right {
        width: 50%;
        order: 1
    }

    .web30s_banner .banner_bs_mid {
        width: 100%;
        order: 2;
        padding-top: 20px;
        text-align: center
    }

    .web30s_banner .banner_bs_mid img {
        height: auto;
        position: unset;
        left: 0;
        top: 0;
        transform: translate(0, 0)
    }

    .web30s_banner.box_home_page_banner .pagewrap {
        align-items: flex-start
    }
}

@media screen and (max-width:992px) {
    .web30s_banner .banner_bs_left h1 {
        font-size: 30px
    }

    .web30s_banner .banner_bs_left h2 {
        font-size: 25px;
        margin: 15px 0
    }
}

@media screen and (max-width:812px) {
    .web30s_banner .banner_bs_left h1 {
        line-height: 1.4
    }
}

@media screen and (max-width:768px) {
    .web30s_banner.box_home_page_banner {
        background: url(../images/images2021/web30s_home_banner.jpg) no-repeat;
        background-position: left top;
        background-size: cover;
        padding-top: 50px;
        padding-bottom: 50px
    }

    .web30s_banner .banner_bs_left,
    .web30s_banner .banner_bs_right {
        width: 100%;
        text-align: center
    }

    .web30s_banner .banner_bs_left h2,
    .web30s_banner.box_home_page_banner .e-commerce {
        margin: 10px auto
    }

    .web30s_banner.box_home_page_banner .iconplay {
        left: 65%;
        top: 83%
    }

    .web30s_banner .banner_bs_right {
        padding-top: 30px
    }
}

@media screen and (max-width:768px) {
    .web30s_banner.box_home_page_banner .iconplay {
        left: 65%;
        top: 84%
    }
}

@media screen and (max-width:600px) {
    .web30s_banner.box_home_page_banner .iconplay {
        left: 70%
    }
}

@media screen and (max-width:480px) {
    .web30s_banner.box_home_page_banner .iconplay {
        left: 80%;
        top: 88%
    }

    .web30s_banner.box_home_page_banner .iconplay a {
        width: 40px;
        height: 40px
    }

    .web30s_banner .banner_bs_left h2 {
        font-size: 22px
    }
}

@media screen and (max-width:320px) {
    .web30s_banner .banner_bs_left h2 {
        font-size: 22px;
        height: 70px;
        line-height: 1.4
    }

    .web30s_banner.box_home_page_banner .e-commerce .e-item {
        padding: 10PX
    }

    .web30s_banner.box_home_page_banner .e-commerce img {
        height: 30px
    }

    .web30s_banner.box_home_page_banner .iconplay {
        left: 82%
    }
}

.menu-mobile-cus {
    z-index: 99999999999999999999999
}

.W30s_21 .showText p {
    padding-bottom: 10px;
    font-size: 17px;
    line-height: 28px;
    font-weight: 300
}

.W30s_21 .showText img {
    display: block;
    margin: 0 auto;
    height: auto;
    max-width: 100%
}

.W30s_21 .showText ul {
    padding-bottom: 15px
}

.W30s_21 .showText ul li {
    margin-left: 35px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 300
}

. W30s_21th {
    background-color: #dd1a5b;
    color: white;
    line-height: 45px;
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase
}

.W30s_21 tr:hover {
    background-color: #f5f5f5
}

.W30s_21 th,
td {
    border-bottom: 1px solid #ddd
}

.W30s_21 th,
.W30s_21 td {
    padding: 5px 15px
}

.W30s_21 td {
    height: 30px
}

.W30s_21 td a {
    color: #333;
    text-align: center
}

.W30s_21 td a i {
    padding-left: 5px
}

.W30s_21 td a:hover {
    color: #dd1a5b
}

.W30s_21 th {
    font-size: 17px;
    line-height: 35px;
    padding: 10px 0
}

.W30s_21 table {
    border: 1px solid black
}

.W30s_21 table {
    width: 100%
}

.W30s_21 table {
    border-collapse: collapse
}

.W30s_21 table,
th,
td {
    border: 1px solid #ccc
}

.W30s_21 .flex {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.W30s_21 .bannerInside {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vh - 55px)
}

.W30s_21 .bannerMain {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 55px)
}

.W30s_21 .banner li {
    float: left;
    width: 100%;
    height: calc(100vh - 55px);
    list-style: none;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: default;
    position: relative
}

.W30s_21 .banner li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #1f2732ba;
    transition: .3s all ease;
    z-index: 1
}

.W30s_21 .posBL {
    left: 0px;
    bottom: 0px
}

.W30s_21 .pagiBanner {
    position: relative;
    left: 0;
    right: 0;
    bottom: 100px;
    margin: auto;
    width: auto;
    text-align: center;
    z-index: 3
}

.W30s_21 .pagiBanner a {
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #00000091;
    text-indent: -100000px;
    margin: 0 5px;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    border: solid #fff 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%
}

.W30s_21 .pagiBanner a.selected {
    background: #dc1a5b
}

.W30s_21 .pagiBanner_2,
.pagiBanner_3 {
    position: relative;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: auto;
    width: auto;
    text-align: center;
    z-index: 10
}

.W30s_21 .bannerMain .placeNav.prev1,
.W30s_21 .bannerMain .placeNav.next1 {
    top: 50%;
    z-index: 9999;
    opacity: 1;
    left: 10px
}

.W30s_21 .bannerMain .placeNav.prev1 i,
.W30s_21 .bannerMain .placeNav.next1 i {
    top: 4px;
    position: relative
}

.W30s_21 .bannerMain .placeNav.next1 {
    right: 10px;
    left: auto
}

.W30s_21 .bannerMain .placeNav.prev1,
.W30s_21.bannerMain .placeNav.next1 {
    top: 50%;
    z-index: 9999;
    opacity: 1;
    left: 10px
}

.W30s_21 .bannerMain .placeNav.prev1 i,
.W30s_21 .bannerMain .placeNav.next1 i {
    top: 4px;
    position: relative
}

.W30s_21 .bannerMain .placeNav.next1 {
    right: 10px;
    left: auto
}

.W30s_21 .box_title_banner {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 3;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 70%
}

.W30s_21 .box_title_banner.box_title_banner_3 {
    right: 0;
    text-align: right;
    left: inherit
}

.W30s_21 .box_title_banner.box_title_banner_2 {
    left: 0;
    right: 0;
    text-align: center
}

.W30s_21 .box_title_banner ul h3 {
    text-transform: none;
    font-size: 40px;
    line-height: 60px;
    font-weight: 500;
    color: #f49020;
    font-family: 'Roboto Slab', serif;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 30px;
    letter-spacing: 3px
}

.W30s_21 .box_title_banner ul h3 span {
    text-transform: uppercase;
    display: block;
    font-size: 30px;
    line-height: 45px;
    font-weight: 300;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 2px;
    padding-top: 10px
}

.W30s_21 .box_title_banner ul h3:before {
    content: "";
    position: absolute;
    left: 40%;
    bottom: 0;
    height: 4px;
    width: 20%;
    background: #ffffff;
    z-index: 2
}

.W30s_21 .box_title_banner ul p {
    text-transform: none;
    font-size: 25px;
    line-height: 40px;
    font-weight: 300;
    color: #fff
}

.W30s_21 .box_title_banner ul h4 {
    text-align: center;
    display: inline-table
}

.W30s_21 .box_title_banner ul h4 a {
    text-transform: uppercase;
    color: #ffffff;
    padding: 5px 50px;
    font-size: 19px;
    line-height: 35px;
    font-weight: 300;
    display: inline-table;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    letter-spacing: 1px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
    margin-top: 30px;
    border: double #ffffff 6px;
    background: #dc1a5b;
    margin-left: 10px;
    margin-right: 10px;
    width: auto
}

.W30s_21 .box_title_banner ul h4 a.color_banner {
    background: #5ABB49
}

.W30s_21 .box_title_banner ul h4 i {
    padding-right: 10px
}

.W30s_21 .box_title_banner ul h4 a:hover {
    background: #f49020
}

.W30s_21 .box_title_banner ul h5 a {
    float: left;
    background: #00000057;
    font-size: 18px;
    color: #ffffff;
    padding: 5px 30px;
    margin-top: 30px;
    line-height: 35px;
    border-radius: 5px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: solid 2px #fff;
    webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s
}

.W30s_21 #particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    z-index: 2
}

.W30s_21 [data-x-mode] #particles-js {
    pointer-events: none
}

.W30s_21 .dv-content-partoc {
    position: relative
}

.W30s_21 .dv-content-partoc:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.W30s_21 .dv-hinh-anh-quay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.W30s_21 .div_slider_banner_shap3 {
    position: absolute;
    left: 0;
    -webkit-animation: dv_rotate3d 4s linear infinite;
    animation: dv_rotate3d 4s linear infinite;
    opacity: .4;
    top: 0;
    display: none
}

.W30s_21 .dv_rotateme {
    -webkit-animation-name: dv_rotateme;
    animation-name: dv_rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.W30s_21 @keyframes dv_rotateme {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.W30s_21 @-webkit-keyframes dv_rotateme {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.W30s_21 .dv_single_slider_rot_inner {
    position: absolute;
    top: 9%;
    left: 20%
}

.W30s_21 @-webkit-keyframes dv_rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

.W30s_21 @keyframes dv_rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

.W30s_21 .img_wrapper_ring {
    position: absolute;
    top: 62%;
    z-index: -2;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-animation: rotate-m 4s linear infinite;
    -o-animation: rotate-m 4s linear infinite;
    animation: rotate-m 4s linear infinite;
    display: block
}

.W30s_21 .img_wrapper_ring img {
    animation: floating2 7s infinite;
    -webkit-animation: floating2 7s infinite;
    -webkit-animation-name: dv_rotateme;
    animation-name: dv_rotateme;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    width: 100%;
    height: auto
}

.W30s_21 .w3-section,
.w3-code {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    top: 0;
    width: 240px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.W30s_21 .w3-section img {
    width: auto;
    height: 510px
}

.W30s_21 #downButton {
    background: #00000026 url(../images/direction_down.png) center 17px no-repeat;
    background-size: 14px 15px !important;
    border: 3px solid rgba(255, 255, 255, 1);
    border-radius: 30px;
    height: 50px;
    width: 30px;
    position: absolute;
    bottom: 20px;
    z-index: 2;
    text-indent: -9999 !important;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: left !important;
    cursor: pointer
}

.W30s_21 .titile_page_id {
    text-align: center;
    margin-bottom: 30px
}

.W30s_21 .titile_page_id .timkiem_chude {
    float: right;
    list-style: none;
    padding-top: 30px;
    width: 25%;
    position: relative
}

.W30s_21 .titile_page_id .timkiem_chude span {
    position: absolute;
    bottom: 10px;
    right: 15px
}

.W30s_21 .titile_page_id .timkiem_chude span a {
    display: block;
    color: #666
}

.W30s_21 .titile_page_id.titile_page_id_load ul {
    text-align: left;
    float: left
}

.W30s_21 .titile_page_id.titile_page_id_load li {
    float: right;
    list-style: none;
    padding-top: 45px
}

.W30s_21 .titile_page_id.titile_page_id_load li i {
    padding-left: 10px;
    color: #dc1a5b
}

.W30s_21 .titile_page_id.titile_page_id_load li a {
    color: #f49020;
    text-transform: capitalize;
    font-size: 20px
}

.W30s_21 .titile_page_id.titile_page_id_load li a:hover {
    color: #dc1a5b
}

.W30s_21 .titile_page_id.titile_page_id_load p {
    width: 100%
}

.W30s_21 .titile_page_id h2 {
    color: #000;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 35px;
    padding-bottom: 5px
}

.W30s_21 .titile_page_id h2 span {
    color: #dc1a5b
}

.W30s_21 .titile_page_id.titile_page_id_2 h2 span {
    color: #ff0
}

.W30s_21 .titile_page_id p {
    color: #666;
    font-size: 16px;
    font-weight: 500;
    width: 60%;
    line-height: 25px
}

.W30s_21 .titile_page_id.titile_page_id_2 h2 {
    color: #f49020
}

.W30s_21 .titile_page_id.titile_page_id_2 p {
    color: #fff
}

.W30s_21 .dv-home-doitac .itex {
    display: block;
    padding: 7px;
    font-size: 16px;
    margin-top: 9px;
    text-align: center;
    position: relative;
    bottom: 0;
    width: 100%;
    color: #242424;
    background: #ebeef3
}

.W30s_21 .dv-home-doitac {
    padding: 50px 0 50px;
    background: #fff;
    background-size: cover
}

.W30s_21 .text-center h3 {
    text-align: center
}

.W30s_21 .logo_doitac ul {
    width: calc(100% / 1);
    background: #f8f8f8;
    float: left;
    text-align: center;
    transition: all .3s;
    box-shadow: 0px 1px 6px rgb(0 0 0 / 20%);
    vertical-align: middle;
    display: flex;
    margin-bottom: 20px
}

.W30s_21 .logo_doitac ul li {
    margin: auto
}

.W30s_21 .logo_doitac ul li,
.logo_doitac ul li img {
    width: 100%;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    position: relative;
    overflow: hidden;
    display: block
}

.W30s_21 .logo_doitac ul li img {
    height: auto;
    padding: 10px
}

.W30s_21 .col-lg-8 {
    float: left;
    margin: 0px 10px;
    width: calc(100% / 1.333333 - 20px)
}

.W30s_21 .footer_bt .col-lg-4 {
    float: left;
    margin: 0px 10px;
    width: calc(100% / 4 - 20px);
    position: relative;
    background: transparent;
    text-align: left;
    border: none;
    padding: 0;
    display: flex
}

.W30s_21 .footer_bt {
    background: #ffffff;
    padding: 20px 0 70px;
    color: #505050;
    text-align: left
}

.W30s_21 .footer_center1 {
    background: #797979;
    color: #fff;
    padding: 35px 0 10px
}

.W30s_21 .dangky_app {
    display: flex
}

.W30s_21 #test_logo {
    float: left
}

.W30s_21 .dangky_app a {
    display: inline-block;
    margin-left: 10px
}

.W30s_21 .footer_top {
    background: #888;
    padding: 40px 0 25px;
    color: #fff
}

.W30s_21 .footer_top ul li {
    list-style: none
}

.W30s_21 .footer_top .col-lg-6 {
    text-align: left;
    margin-bottom: 0
}

.W30s_21 .footer_top .col-lg-6 h3 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 10px
}

.W30s_21 .footer_center {
    background: #888888;
    padding: 16px 0
}

.W30s_21 .footer_center .col-lg-3 {
    width: auto
}

.W30s_21 .col-lg-9 {
    width: 66%;
    margin: 0;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    float: left
}

.W30s_21 .social li {
    float: left;
    margin-left: 10px;
    list-style: none
}

.W30s_21 .social li:nth-child(1) a {
    background: #3b589e
}

.W30s_21 .social li:nth-child(2) a {
    background: #e22d28
}

.W30s_21 .social li:nth-child(3) a {
    background: #17a4f5
}

.W30s_21 .social li a {
    width: 37px;
    height: 37px;
    display: inline-block;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%
}

.W30s_21 .social li a:hover {
    background: #db1a5b
}

.W30s_21 .social li a i {
    line-height: 37px
}

.W30s_21 .footer_center .flex {
    align-items: center;
    justify-content: space-between
}

.col-lg-9 h3 {
    color: #fff;
    font-weight: 500;
    margin: 0;
    margin-right: 20px
}

.W30s_21 .dt-sc-subscribe-frm {
    width: 360px;
    margin: 0
}

.W30s_21 .col-lg-left {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    align-items: center
}

.W30s_21 .col-lg-center {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    align-items: center;
    margin-left: 15px
}

.W30s_21 .footer_center div.col-lg-center h3 {
    font-size: 17px;
    margin-right: 0
}

.W30s_21 .col-lg-right {
    margin: 0;
    float: right;
    width: 350px
}

.W30s_21 .col-lg-right ul.social {
    display: inline-block
}

.W30s_21 .footer_center div h3 {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 10px
}

.W30s_21 .dt-sc-subscribe-frm input[type="email"] {
    width: 69%;
    font-size: 15px;
    color: #ffffff;
    padding: 11px 20px;
    background: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    border: none;
    border-radius: 3px
}

.W30s_21 .footer_center .telegram_ft {
    padding-left: 2%;
    display: inline-flex;
    vertical-align: top
}

.W30s_21 .dt-sc-subscribe-frm input[type="submit"] {
    position: relative;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    padding: 9px 20px 11px;
    font-weight: 500;
    width: 30%;
    display: inline-block;
    background: #f49020;
    float: right;
    border-left: 0px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s
}

.W30s_21 .dt-sc-subscribe-frm input[type="submit"]:hover {
    background: #db1a5b
}

.W30s_21 .itemlist {
    float: left;
    margin: 0px 10px 20px;
    width: calc(100% / 4 - 20px);
    position: relative;
    text-align: left
}

.W30s_21 .itemlist h3 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 10px;
    text-align: left
}

.W30s_21 .itemlist li {
    border-bottom: 1px solid #ffffff1f;
    padding: 5px 0;
    list-style: none
}

.W30s_21 .itemlist li:last-child {
    border-bottom: none;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s
}

.W30s_21 .itemlist li a {
    color: #fff;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s
}

.W30s_21 .itemlist li a:hover {
    text-decoration: underline
}

.W30s_21 .footer_bt .col-lg-4 img {
    height: 50px
}

.W30s_21 .dangky_app a img {
    height: 35px
}

.W30s_21 .dangky_bocongthuong {
    display: inline-block;
    float: right;
    margin-left: 20px
}

.W30s_21 .dangky_bocongthuong a {
    display: inline-block
}

.W30s_21 .dangky_bocongthuong a:first-child {
    margin-bottom: 20px
}

.W30s_21 .link_page {
    background: #e6e6e6;
    padding: 15px 0
}

.W30s_21 .link_page ul li {
    list-style: none;
    font-size: 16px;
    text-transform: capitalize;
    float: right;
    font-weight: 500;
    width: 100%;
    text-align: left
}

.W30s_21 .link_page ul li a {
    color: #333;
    padding: 0 5px
}

.W30s_21 .link_page ul li span {
    padding: 0 5px
}

.W30s_21 .link_page ul li span.active {
    color: #db1a5b
}

.W30s_21 .link_page ul li i {
    padding-right: 7px
}

.W30s_21 .col-lg-12 {
    margin: 0 -10px
}

.W30s_21 .col-lg-6 {
    float: left;
    margin: 0px 10px 20px;
    width: calc(100% / 2 - 20px);
    position: relative;
    text-align: center
}

.W30s_21 .col-md-4 {
    float: left;
    width: calc(100% / 3 - 20px);
    position: relative;
    margin: 0 10px 20px
}

.W30s_21 .col-md-3 {
    float: left;
    width: calc(100% / 3 - 0px);
    position: relative;
    margin: 0
}

.W30s_21 #back-top {
    position: fixed;
    bottom: 90px;
    right: 10px;
    z-index: 1
}

.W30s_21 #back-top a {
    display: inline-flex;
    width: 40px;
    line-height: 40px;
    background: #f49020;
    outline: none;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    transform: rotate(45deg);
    height: 40px
}

.W30s_21 #back-top a i {
    transform: rotate(-45deg);
    line-height: 36px;
    width: 40px;
    height: 40px
}

.W30s_21 #back-top a:hover {
    background: #db1a5b;
    border: 1px solid
}

.W30s_21 .chamsoc_kh {
    position: fixed;
    width: 100%;
    left: 0px;
    z-index: 1000;
    bottom: 0px
}

.W30s_21 .chamsoc_kh {
    background: #393;
    color: #FFF;
    text-align: center
}

.W30s_21 .chamsoc_kh ul {
    z-index: 9
}

.W30s_21 .chamsoc_kh ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0px auto;
    max-width: 1100px
}

.W30s_21 .chamsoc_kh ul>h3 {
    font-size: 13px;
    font-weight: 300;
    padding: 5px 25px;
    border-right: solid #FFF 1px;
    line-height: 1.6;
    width: 33.3336%;
    text-align: center;
    color: #fff
}

.W30s_21 .chamsoc_kh ul>h3 a {
    color: #fff
}

.W30s_21 .chamsoc_kh ul h3 span {
    font-size: 18px;
    font-weight: 500;
    padding-left: 5px
}

.W30s_21 .list_category a {
    text-decoration: none;
    text-align: center;
    display: block;
    transition: all 0.5s
}

.W30s_21 .list_category .col-md-4 a:hover img {
    transition: all 0.5s;
    filter: brightness(0.6)
}

.W30s_21 .list_category .col-md-4 a:hover span,
.pro_home_id ul h3 a:hover {
    color: #dd1a5b
}

.W30s_21 .list_category img {
    display: inline-block;
    position: relative;
    transition: all 0.5s;
    width: auto;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    height: 120px;
    margin-bottom: 20px
}

.W30s_21 .list_category span {
    font-weight: 500;
    font-size: 18px;
    display: block;
    color: #000;
    text-transform: none;
    line-height: 25px
}

.W30s_21 .list_category p {
    color: #666;
    padding-top: 10px;
    display: none
}

.W30s_21 .list_category ul {
    padding: 30px 40px;
    background: #fff;
    box-shadow: 0 10px 30px 0 rgb(0 0 0 / 10%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    text-align: center
}

.W30s_21 .dv-home-why-web30s {
    padding: 50px 0;
    background: #eee
}

.W30s_21 .dv-home-dapung {
    padding: 50px 0;
    background: url(../images/images2021/banner-bg-6.jpg);
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    position: relative
}

.W30s_21 .box_home_page_video {
    background: #dc1a5b;
    color: #fff
}

.W30s_21 .box_home_page_video ul {
    float: left;
    width: 45%;
    padding: 5%;
    padding-left: 0
}

.W30s_21 .box_home_page_video ul p {
    font-size: 25px;
    line-height: 35px
}

.W30s_21 .box_home_page_video li {
    list-style: none;
    float: right;
    width: 50%;
    padding: 260px 0;
    background: url(../images/images2021/video.jpg);
    background-position: center right -10px;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    text-align: center;
    position: relative
}

.W30s_21 .box_home_page_video li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #1f273200;
    transition: .3s all ease;
    z-index: 0;
    opacity: .5
}

.W30s_21 .box_home_page_video ul h2 {
    font-size: 30px;
    line-height: 35px;
    font-weight: 600;
    color: #ff0;
    text-transform: capitalize
}

.W30s_21 .box_home_page_video ul h2 span {
    font-size: 55px;
    line-height: 70px;
    font-weight: 700;
    display: block;
    color: #fff;
    padding-bottom: 20px;
    padding-top: 5px
}

.W30s_21 .box_home_page_video ul h2 img {
    height: 70px;
    width: auto;
    padding-right: 10px
}

.W30s_21 .box_home_page_video ul h3 a {
    text-transform: capitalize;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    display: inline-block;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    padding: 15px 40px;
    background: #f49020;
    margin-top: 25px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px
}

.W30s_21 .box_home_page_video ul h3 a:hover {
    color: #dc1a5b;
    background: #ffffff
}

.W30s_21 .box_home_page_video ul h4 i,
.list_id_menu h4 i,
.more_view i,
.box_dk_home_right ul h3 i,
.chondomain_right ul h2 i,
.box_bs_1 ul h3 i {
    padding-left: 10px
}

.W30s_21 .play_icon {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    color: #fff;
    text-align: center;
    background: #000000b5;
    padding: 10px 20px
}

.W30s_21 .play_icon span {
    padding-left: 10px
}

.W30s_21 .play_icon i {
    padding-right: 5px;
    font-size: 20px
}

.W30s_21 .play_icon:hover {
    color: #f00
}

.W30s_21 .banner-wrapper:before {
    display: none
}

.W30s_21 .banner-content .banner-main-title {
    margin-bottom: 10px;
    line-height: normal
}

.W30s_21 .banner-content .banner-dec {
    margin-bottom: 20px;
    line-height: normal
}

.W30s_21 .dv-home-list-menu {
    padding: 50px 0;
    position: relative;
    background: #fff
}

.W30s_21 .list_id_menu {
    text-align: center
}

.W30s_21 .list_id_menu.list_id_menu_home ul {
    width: calc(100% / 2 - 20px)
}

.W30s_21 .list_id_menu.list_id_menu_home ul:hover {
    cursor: pointer
}

.W30s_21 .list_id_menu ul {
    float: left;
    width: calc(100% / 5 - 0px);
    position: relative;
    text-align: center;
    padding: 16px 10px;
    border: dashed #ccc 1px;
    margin: 0
}

.W30s_21 .list_id_menu ul:hover {
    cursor: pointer
}

.W30s_21 .list_id_menu ul.active {
    background: #eee
}

.W30s_21 .list_id_menu ul:hover {
    background: #eee
}

.W30s_21 .list_id_menu ul li {
    list-style: none;
    line-height: 0
}

.W30s_21 .list_id_menu ul li img {
    width: auto;
    height: 45px
}

.W30s_21 .list_id_menu ul h3 {
    color: #666;
    font-size: 14px;
    font-weight: 500;
    padding-top: 10px;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    text-transform: capitalize
}

.W30s_21 .list_id_menu ul:hover h3 {
    color: #dc1a5b
}

.W30s_21 .list_id_menu h4 {
    text-align: center;
    margin-top: 20px
}

.W30s_21 .list_id_menu h4 a {
    text-transform: capitalize;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    display: inline-block;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    padding: 15px 40px;
    background: #f49020;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px
}

.W30s_21 .chondomain_right ul h2 button:hover,
.W30s_21 .list_id_menu h4 a:hover,
.W30s_21 .more_view a:hover,
.W30s_21 .box_dk_home_right ul h3 a:hover,
.W30s_21 .chondomain_right ul h2 a:hover,
.W30s_21 .donhang_id ul h4 a:hover,
.W30s_21 .donhang_id ul h4 button:hover,
.W30s_21 .box_bs_1 ul h3 a:hover,
.W30s_21 .giaiphap_home_free_id ul p span a:hover {
    background: #dc1a5b;
    color: #fff
}

.W30s_21 .home_ungdung_l {
    float: left;
    width: 30%;
    padding: 20px;
    background: #fff;
    box-shadow: 0 10px 30px 0 rgb(0 0 0 / 10%);
    border-radius: 50px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    margin: 20px;
    min-height: 270px;
    position: relative;
    padding-top: 5px;
    font-size: 18px;
    line-height: 25px
}

.W30s_21 .home_ungdung_l h2 {
    color: #000;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 30px;
    padding-top: 5px;
    position: absolute;
    left: 20px;
    bottom: 20px
}

.W30s_21 .home_ungdung_l h2 span {
    color: #000;
    font-size: 28px
}

.W30s_21 .label_dv_home {
    position: absolute;
    top: -15px;
    right: -14px;
    z-index: 1
}

.W30s_21 .label_dv_home img {
    width: 100%;
    height: 150px
}

.W30s_21 .home_ungdung_l.color_ud_1 {
    border: solid #f49020 2px;
    box-shadow: 0px 5px 0px 0px #f49020
}

.W30s_21 .home_ungdung_l.color_ud_2 {
    border: solid #24c19b 2px;
    box-shadow: 0px 5px 0px 0px #24c19b
}

.W30s_21 .home_ungdung_l.color_ud_3 {
    border: solid #656dee 2px;
    box-shadow: 0px 5px 0px 0px #656dee
}

.W30s_21 .home_ungdung_l.color_ud_4 {
    border: solid #0095ef 2px;
    box-shadow: 0px 10px 0px 0px #0095ef
}

.W30s_21 .home_ungdung_l li {
    list-style: none;
    line-height: 0;
    float: left;
    width: 20%
}

.home_ungdung_l li img {
    width: auto;
    height: 100px
}

.W30s_21 .home_ungdung_l ul {
    float: right;
    width: 73%;
    color: #fff
}

.W30s_21 .home_ungdung_l ul p {
    color: #333
}

.W30s_21 .home_ungdung_l ul h3 {
    color: #fff;
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 44px;
    padding-top: 30px
}

.home_ungdung_l ul h3.color_1 a,
.home_ungdung_l h2 span.color_ud_1 {
    color: #f49020
}

.W30s_21 .home_ungdung_l ul h3.color_2 a,
.home_ungdung_l h2 span.color_ud_2 {
    color: #24c19b
}

.W30s_21 .home_ungdung_l ul h3.color_3 a,
.home_ungdung_l h2 span.color_ud_3 {
    color: #656dee
}

.W30s_21 .home_ungdung_l ul h3.color_4 a,
.home_ungdung_l h2 span.color_ud_4 {
    color: #0095ef
}

.W30s_21 .home_ungdung_l ul h3 a:hover {
    color: #dc1a5b
}

.W30s_21 .home-lamchu-box {
    background: url(../images/images2021/bg_2.jpg) fixed;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    color: #fff;
    position: relative;
    padding-top: 50px
}

.W30s_21 .home-lamchu-left {
    list-style: none;
    position: absolute;
    width: 40%;
    bottom: 0;
    left: 0
}

.W30s_21 .home-lamchu-left img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    text-align: center;
    position: relative;
    width: 100%;
    height: auto
}

.W30s_21 .home-lamchu-right {
    float: right;
    width: 64%;
    padding: 0 40px 20px 40px
}

.W30s_21 .home-lamchu-right ul {
    padding-bottom: 20px;
    font-size: 16px
}

.W30s_21 .home-lamchu-right ul span {
    float: left;
    margin-right: 20px
}

.W30s_21 .home-lamchu-right ul span img {
    width: auto;
    height: 90px
}

.W30s_21 .home-lamchu-right ul h3 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 30px;
    color: #ffc520
}

.W30s_21 .home-lamchu-right h2 {
    font-size: 30px;
    line-height: 35px;
    font-weight: 600;
    color: #dc1a5b;
    text-transform: capitalize;
    margin-bottom: 30px;
    border-bottom: double 4px #fff;
    padding-bottom: 20px
}

.W30s_21 .home-lamchu-right h2 span {
    display: block;
    padding-top: 10px;
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    color: #fff
}

.W30s_21 .home-lamchu-right ul li {
    list-style: none;
    line-height: 0;
    float: left;
    width: 60px;
    margin-right: 20px
}

.W30s_21 .home-lamchu-right ul li img {
    width: 100%;
    height: 60px
}

.W30s_21 .box-temp-mau {
    padding: 50px 0
}

.W30s_21 .box-temp-mau-2 {
    background: #eee
}

.W30s_21 .temp-list-id,
.W30s_21 .ungdung-list-id {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap
}

.W30s_21 .dv-home-list-menu .temp-list-id .tabcontent {
    display: none
}

.W30s_21 .dv-home-list-menu .temp-list-id .active {
    display: block
}

.W30s_21 .temp-list-id ul {
    float: left;
    width: calc(100% / 4 - 20px);
    -webkit-transition: all .3s ease;
    position: relative;
    margin: 0 10px 25px;
    padding: 0;
    padding-bottom: 15px;
    background: #fff;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 15%)
}

.W30s_21 .temp-list-id.temp-list-id_home ul {
    width: calc(100% / 3 - 20px)
}

.W30s_21 .temp-list-id ul li {
    overflow: hidden;
    display: block;
    position: relative;
    border-radius: 0px
}

.W30s_21 .temp-list-id ul li img {
    width: 100%;
    transition: all 0.5s;
    height: auto;
    border-radius: 0px
}

.W30s_21 .temp-list-id ul h3 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    padding: 10px 20px;
    padding-top: 20px;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s
}

.W30s_21 .temp-list-id ul h3 a {
    color: #000
}

.W30s_21 .temp-list-id ul h3 a:hover {
    color: #dc1a5b
}

.W30s_21 .temp-list-id ul p {
    font-size: 15px;
    font-weight: 400;
    color: #666;
    padding: 0px 20px;
    text-align: left
}

.W30s_21 .temp-list-id ul p span {
    float: right;
    font-size: 14px
}

.W30s_21 .temp-list-id ul:hover .active-view {
    opacity: 10
}

.W30s_21 .js__item-screen-webiste .wrapper-image-temp {
    position: relative;
    height: 325px;
    overflow: hidden
}

.W30s_21 .active-view {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    text-align: center;
    -webkit-transform: translateY(calc(-100% - 110px)) translateZ(0);
    transform: translateY(calc(-100% - 110px)) translateZ(0);
    -webkit-transition: opacity .5s, max-height .6s, -webkit-transform .3s, -webkit-filter .6s;
    transition: opacity .5s, max-height .6s, -webkit-transform .3s, -webkit-filter .6s;
    -o-transition: opacity .5s, transform .3s, max-height .6s, filter .6s;
    transition: opacity .5s, transform .3s, max-height .6s, filter .6s;
    transition: opacity .5s, transform .3s, max-height .6s, filter .6s, -webkit-transform .3s, -webkit-filter .6s
}

.W30s_21 .active-view.active-view_home {
    top: 100%;
    transform: translateY(calc(-100% - 110px))
}

.W30s_21 .active-view span {
    float: left;
    width: 50%
}

.W30s_21 .active-view span a {
    background: #dc1a5b;
    text-transform: capitalize;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    display: block;
    text-align: center;
    line-height: 30px;
    padding: 5px 0
}

.W30s_21 .active-view span a:hover,
.active-view p.clo_br_1 a:hover {
    background: #f60
}

.W30s_21 .active-view span i {
    padding-right: 10px
}

.W30s_21 .active-view span.clo_br_1 a {
    background: #f49020
}

.W30s_21 .more_view {
    text-align: center;
    margin-top: 20px
}

.W30s_21 .more_view a {
    text-transform: capitalize;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    display: inline-block;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    padding: 15px 50px;
    background: #f49020;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px
}

.W30s_21 .more_view_home a {
    padding: 13px 50px
}

.W30s_21 .form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #666;
    background-color: #fff;
    background-image: none;
    resize: vertical;
    box-sizing: border-box;
    text-transform: none;
    border: solid 1px #E1E1E1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: none;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.W30s_21 .form-control:focus {
    border: solid 1px #b9b9b9;
    outline: 0
}

.W30s_21 .row-frm select {
    height: 45px !important;
    width: 100%;
    margin: 0
}

.W30s_21 .center_column {
    display: flex;
    flex-wrap: unset
}

.W30s_21 .col1-top {
    padding: 50px 40px
}

.W30s_21 .sign_col1 {
    width: 40%;
    text-align: center;
    background: #d4d5d6;
    color: #464646
}

.W30s_21 .col1_subheading {
    font-size: 30px;
    margin: 15px 0;
    font-weight: 300
}

.W30s_21 .button_sign:hover {
    background: #d4272c
}

.W30s_21 .sign_col2 {
    background: #efefef;
    padding: 30px 40px;
    color: #464646;
    width: 50%;
    position: relative
}

.W30s_21 .sign_input {
    width: 100%;
    border-width: 0 0 2px 0;
    padding: 10px 10px 13px;
    font-size: 14px;
    background: #ffffff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
    border: solid 1px #E1E1E1;
    color: #666;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.W30s_21 .col1_des {
    line-height: 25px;
    margin-top: 10px
}

.W30s_21 .link_login {
    margin-bottom: 5px
}

.W30s_21 .button_sign {
    background: #0A9345;
    color: #fff;
    border-width: 0;
    font-size: 17px;
    line-height: 15px;
    text-transform: uppercase;
    padding: 12px 25px 14px;
    margin: 20px 0;
    cursor: pointer;
    box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    font-family: 'SFU Eurostile', serif
}

.W30s_21 .sign_col2 h3 {
    font-size: 23px;
    line-height: 25px;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0
}

.W30s_21 .link_login a {
    color: #20a9ea;
    text-decoration: underline
}

.W30s_21 .box_dk_home {
    padding: 100px 0;
    text-align: center;
    background: url(../images/images2021/bg_page.jpg) center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    color: #fff;
    position: relative
}

.W30s_21 .box_dk_home_left {
    float: left;
    width: 40%;
    text-align: right;
    padding-top: 80px
}

.W30s_21 .box_dk_home_left ul h3 {
    font-size: 25px;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 40px
}

.W30s_21 .box_dk_home_left ul h3 span {
    display: block;
    color: #ffc520
}

.W30s_21 .box_dk_home_left ul p {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 400;
    line-height: 32px;
    padding-top: 20px
}

.W30s_21 .box_dk_home_right {
    float: right;
    padding: 30px;
    width: 50%;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px
}

.W30s_21 .box_dk_home_right ul li {
    padding-bottom: 15px;
    list-style: none
}

.W30s_21 .box_dk_home_right ul h3 a {
    cursor: pointer;
    text-transform: capitalize;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    display: block;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    padding: 15px 50px;
    background: #f49020;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px
}

.W30s_21 .banner li iframe {
    border: none;
    max-width: 100%;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.W30s_21 .banner {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.W30s_21 .box_menu {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    height: 90px;
    z-index: 10;
    padding: 15px 0;
    -webkit-box-shadow: 0 5px 18px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 18px rgb(0 0 0 / 15%)
}

.menu_custom {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 5px 18px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 18px rgb(0 0 0 / 15%)
}

.W30s_21 .box_menu.fixed {
    position: fixed;
    top: 0 !important;
    z-index: 4;
    background: #ffffff;
    width: 100%;
    -webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15);
    padding: 10px 0;
    height: 65px
}

.W30s_21 .box_menu.fixed .logo_top ul li img {
    height: 45px
}

.W30s_21 .box_menu.fixed .right_header ul li a,
.right_header ul li {
    color: #333
}

.W30s_21 .box_menu.fixed .menu {
    margin-top: 0;
    top: 0
}

.W30s_21 .box_menu.fixed .menu>li:hover>a,
.box_menu.fixed .right_header ul li a:hover {
    color: #f7931e
}

.W30s_21 .box_menu.fixed .menu>li>a {
    line-height: 40px;
    color: #333
}

.W30s_21 .box_menu.fixed .right_header {
    top: 17px
}

.W30s_21 .box_menu.fixed .menu li.homepage a {
    top: 5px
}

.W30s_21 .box_menu.fixed .openBtn {
    margin-top: 10px
}

.W30s_21 .box_menu.fixed .dropdown {
    position: absolute;
    top: 7px
}

.W30s_21 .box_menu:after,
.box_menu:before {
    content: "";
    position: inherit;
    top: 0px;
    left: 0;
    right: 0
}

.W30s_21 .box_menu.fixed:after,
.box_menu.fixed:before {
    position: absolute
}

.W30s_21 .box_menu:before {
    top: auto;
    bottom: 0px
}

.W30s_21 .box_menu.fixed .box_menu.fixed .right_header ul li a,
.W30s_21 .right_header ul li {
    color: #333
}

.W30s_21 .box_menu.fixed .menu>li:hover>a,
.W30s_21 .box_menu.fixed .right_header ul li a:hover {
    color: #db1a5b
}

.W30s_21 .box_menu.fixed .menu>li>a {
    line-height: 45px;
    color: #333
}

.W30s_21 .box_menu.fixed .menu li.homepage a {
    top: 8px
}

.W30s_21 .box_menu.fixed .openBtn {
    margin-top: 10px
}

.W30s_21 .box_menu.fixed .dropdown {
    position: absolute;
    top: 7px
}

.W30s_21 .box_menu:after,
.W30s_21 .box_menu:before {
    content: "";
    position: inherit;
    top: 0px;
    left: 0;
    right: 0
}

.W30s_21 .box_menu.fixed:after,
.W30s_21 .box_menu.fixed:before {
    position: absolute
}

.W30s_21 .box_menu:before {
    top: auto;
    bottom: 0px
}

.W30s_21 .menu li.homepage a i {
    font-size: 25px;
    margin: 0;
    padding: 0
}

.W30s_21 .menu li.homepage a {
    padding-right: 10px;
    top: 10px
}

.W30s_21 .menu li.homepage a:hover {
    color: #dc1a5b;
    background: none
}

.W30s_21 .right_header ul li:first-child {
    padding-left: 6px
}

.W30s_21 .menu {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0;
    right: 105px;
    z-index: 3;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out
}

.W30s_21 .menu * {
    list-style: none
}

.W30s_21 .menu>li+li {
    margin-left: 0
}

.W30s_21 .menu>li {
    float: left;
    position: relative
}

.W30s_21 .menu>li>a {
    display: block;
    line-height: 45px;
    position: relative;
    z-index: 2;
    font-size: 17px;
    text-decoration: none;
    text-transform: capitalize;
    color: #333;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    padding: 0 15px
}

.menu>li>a i {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 7px;
    color: inherit;
    font-size: 11px
}

.W30s_21 .menu>li>a:after {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0px;
    height: 2px;
    background: #ed1c24;
    opacity: 0;
    z-index: 2;
    display: none
}

.W30s_21 .menu>li:hover>a {
    color: #db1a5b;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.menu>li:hover>a:after {
    left: 0;
    right: 0;
    opacity: 1
}

.W30s_21 .menu>li:hover>ul {
    opacity: 1;
    visibility: visible;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none
}

.W30s_21 .menu>li>ul.menu-two-col {
    display: grid;
    width: 645px;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    grid-gap: 0px 20px;
    background: white;
    transform: translateX(-50%);
    left: 50%;
    transition: unset;
    -moz-transition: unset;
    -webkit-transition: unset
}

.W30s_21 .menu>li:hover>ul.menu-two-col {}

.W30s_21 .menu>li:hover>ul.menu-two-col:before {
    left: 50%;
    transform: translateX(-50%)
}

.W30s_21 .menu>li:hover>ul.menu-two-col:after {
    top: -26px
}

.W30s_21 .menu>li>ul li:nth-child(5),
.W30s_21 .menu>li>ul li:nth-child(6) {
    border-bottom: 0px
}

.W30s_21 .menu>li.active>a {
    color: #EF1E23
}

.W30s_21 .menu>li.active>a:after {
    left: 0;
    right: 0;
    opacity: 1
}

.W30s_21 .menu>li>ul {
    position: absolute;
    top: 80%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    width: 320px;
    z-index: 2;
    margin-top: 19px;
    padding: 0;
    display: block;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transform-origin: center top 0px;
    -moz-transform-origin: center top 0px;
    -webkit-transform-origin: center top 0px;
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
    border-top: 2px #dc1a5b solid;
    box-shadow: 0px 5px 18px 0px rgb(0 0 0 / 10%)
}

.box_menu.fixed .menu>li>ul {
    margin-top: 12px
}

.W30s_21 .menu>li>ul:before {
    content: "";
    border: solid 10px #dd1a5b00;
    border-bottom-color: #db1a5b;
    width: 1px;
    height: 30px;
    position: absolute;
    top: -52px;
    left: 40px;
    z-index: 22
}

.W30s_21 .menu>li>ul .img_menu {
    width: 45px;
    position: absolute;
    top: 13px
}

.W30s_21 .menu>li>ul:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 3px;
    right: -3px;
    bottom: -3px;
    z-index: 0;
    background: rgba(0, 0, 0, 0)
}

.W30s_21 .menu>li>ul li {
    z-index: 2;
    position: relative;
    margin: 0;
    color: #333;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 15px;
    background: #fff;
    border-bottom: 1px solid #ccc
}

.W30s_21 .menu>li>ul>li:first-child {
    padding-top: 10px;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0
}

.W30s_21 .menu>li>ul>li:last-child {
    padding-bottom: 10px;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px
}

.W30s_21 .menu>li>ul>li:last-child>a {
    border: none
}

.W30s_21 .menu>li>ul>li a {
    display: inline-block;
    white-space: nowrap;
    color: inherit;
    line-height: 27px;
    background: rgba(255, 255, 255, 0);
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
    padding: 0 24px 0 55px;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 17px
}

.W30s_21 .menu>li>ul>li>a>span {
    display: none
}

.W30s_21 .menu>li>ul>li:hover>a {
    z-index: 3
}

.W30s_21 .menu>li>ul>li a {
    transition: 0.25s all ease-in-out;
    font-size: 17px
}

.W30s_21 .menu>li>ul>li .href_menu {
    padding: 0
}

.W30s_21 .menu>li>ul>li .desc_menu {
    padding-left: 60px;
    color: gray;
    font-size: 13px;
    line-height: 23px
}

.menu>li>ul:not(.menu-two-col)>li:hover>a {
    padding: 0 12px 0 55px;
    background: rgba(255, 255, 255, 0.2);
    border-color: transparent
}

.W30s_21 .menu>li>ul>li>ul li:hover>a {
    padding: 0 12px 0 12px;
    background: rgba(255, 255, 255, 0.2);
    border-color: transparent
}

.W30s_21 .menu>li>ul:not(.menu-two-col)>li:hover>a.href_menu {
    padding: 0
}

.W30s_21 .menu>li>ul>li>a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out
}

.W30s_21 .menu.menu_pc {
    position: absolute;
    right: 0;
    top: 10px
}

.W30s_21 .box_menu .menu>li>ul:before {
    top: -32px
}

.menu_custom .wrapper-items-logo .logo-pa-20years img {
    height: 60px;
    width: auto;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out
}

.menu_custom.box_menu.fixed .wrapper-items-logo {
    width: 200px
}

.menu_custom.box_menu.fixed .logo-pa-20years img {
    height: 45px
}

.W30s_21 .menu>li:last-child {
    position: relative
}

.W30s_21 .menu>li:last-child:before {
    content: "";
    width: 1px;
    height: 15px;
    position: absolute;
    left: 5px;
    top: 15px;
    background: #fff
}

.W30s_21 .menu>li:last-child>a>i {
    margin-right: 5px
}

.W30s_21 .logo_top {
    position: absolute;
    left: 0;
    z-index: 3;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out
}

.W30s_21 .logo_top ul li {
    float: left;
    list-style: none;
    line-height: 0
}

.W30s_21 .logo_top ul li.logo_20nam {
    padding-left: 40px
}

.W30s_21 .logo_top ul li img {
    height: 60px;
    width: auto;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out
}

.W30s_21 .logo-scroll {
    display: none
}

.W30s_21 .right_header {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 14px;
    z-index: 3;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    line-height: 30px;
    right: 0
}

.W30s_21 .right_header ul li {
    list-style: none;
    float: left;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border-left: solid #fff 1px;
    padding-left: 10px;
    margin-left: 10px;
    line-height: 20px;
    letter-spacing: 2px
}

.W30s_21 .right_header ul li a {
    color: #fff
}

.W30s_21 .right_header ul li i {
    padding-right: 10px;
    font-size: 15px
}

.W30s_21 .right_header ul li a:hover {
    color: #db1a5b;
    text-decoration: underline
}

.menu>li>ul.search {
    left: -222px
}

.menu>li>ul.search:before {
    left: 265px
}

.menu>li>ul.search form {
    display: flex;
    align-items: center
}

.menu>li>ul.search input[type="text"] {
    border: solid 1px #ddd;
    height: 40px;
    padding: 10px;
    margin: 0;
    width: 300px
}

.menu>li>ul.search input[type="submit"] {
    border: none;
    background: url('../images/images2021/icon-search-white.png') no-repeat center;
    background-size: 35%;
    background-color: #dd1b5c;
    width: 50px;
    height: 40px;
    margin: 0;
    cursor: pointer
}

.menu>li>ul.search>li>.js-wrapper-input-search {
    position: relative
}

.menu>li>ul.search>li>.js-wrapper-input-search>input {
    border-radius: 0px
}

.W30s_21 .animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s
}

.W30s_21 .fadeIn {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible
}

.W30s_21 #myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: 0
}

.W30s_21 .page_conten {
    padding: 50px 0
}

.W30s_21 .link_page {
    padding: 50px 0;
    background: #1f2732
}

.W30s_21 .conten {
    overflow: hidden
}

.W30s_21 .temp-list-id.owl-carousel ul {
    width: calc(100% / 1)
}

.W30s_21 .temp-list-id-pading {
    padding-bottom: 40px
}

.W30s_21 .page_top_pro {
    padding-bottom: 0px;
    padding-top: 50px
}

.W30s_21 .with_poup {
    margin-bottom: 90px
}

.W30s_21 .with_poup>li {
    float: left;
    list-style: none;
    line-height: 0;
    width: 34%;
    background: #eee;
    padding: 20px
}

.W30s_21 .with_poup>li img {
    width: 100%;
    height: auto
}

.W30s_21 .with_poup>ul {
    float: right;
    width: 63%
}

.W30s_21 .with_poup>ul h2 {
    color: #000;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 40px;
    border-bottom: dashed #ccc 1px;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.W30s_21 .with_poup>ul h3 a {
    display: block;
    color: #dd1b5c;
    background: #f2f2f2;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 25px;
    text-align: center;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: dashed #666 1px;
    border-radius: 5px
}

.W30s_21 .with_poup>ul h4 a {
    display: block;
    color: #fff;
    background: #dd1b5c;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    padding: 10px 30px;
    float: left;
    border-radius: 5px
}

.W30s_21 .with_poup>ul h4 i {
    padding-right: 10px
}

.W30s_21 .with_poup>ul p.dv-li {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
    color: #333;
    margin-bottom: 10px
}

.W30s_21 .page_top_pro2 {
    padding: 50px 0
}

.W30s_21 .page_new_pro {
    padding: 50px 0;
    background: #eee;
    margin-top: 60px
}

.W30s_21 .list-button .tablink:nth-child(6) {
    display: none
}

.W30s_21 #select-card,
.W30s_21 .list_id_menu {
    display: flex;
    flex-wrap: wrap
}

.W30s_21 #select-card {
    height: 50px;
    border: none;
    background: #808080;
    padding: 15px 10px;
    width: 100%;
    color: #fff;
    font-size: 18px
}

.W30s_21 #select-card,
.W30s_21 .step-mobile {
    display: none
}

.W30s_21 #select-card option:nth-child(6) {
    display: none
}

.W30s_21 .tabs_panel {}

.W30s_21 .tabs_panel button {
    border: none;
    background: #808080;
    color: #fff;
    padding: 14px 25px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    font-size: 15px;
    border-radius: 5px 5px 0px 0px
}

.W30s_21 .tabs_panel button i {
    padding-right: 10px
}

.W30s_21 .tabs_panel button.active {
    background: #dd1b5c;
    color: #fff
}

.W30s_21 .tabs_panel .list-button {
    text-align: center;
    float: left;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: -95px
}

.W30s_21 .home .sidebar_menu {
    width: 30%
}

.W30s_21 .home .sticky {
    position: fixed;
    top: 90px;
    width: 25%
}

.W30s_21 .home .sidebar_menu ul {
    padding: 10px 0;
    list-style: none
}

.W30s_21 .home .noi-dung {
    width: 70%;
    padding: 15px;
    margin-right: 0;
    position: relative
}

.W30s_21 .home .sidebar_menu ul li a {
    display: block;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 15px;
    border-left: solid 3px #fff
}

.W30s_21 #menu-center ul li a.active,
.W30s_21 #menu-center ul li a:hover {
    border-left: solid 3px #dd1b5c;
    color: #dd1b5c
}

.W30s_21 .home .section-item {
    margin-bottom: 40px;
    padding-top: 70px
}

.W30s_21 .home .noi-dung h2 {
    color: #dd1b5c;
    font-size: 25px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px
}

.W30s_21 .home .noi-dung h3,
.W30s_21 .home .noi-dung p,
.W30s_21 .home .noi-dung img {
    margin-bottom: 10px
}

.W30s_21 .home .section-feature-1 .flex {
    align-items: center
}

.W30s_21 .home .noi-dung .left,
.W30s_21 .home .noi-dung .right {
    width: 50%
}

.W30s_21 .home .noi-dung .left {
    padding-right: 15px
}

.W30s_21 .home .noi-dung .right {
    padding-left: 15px
}

.W30s_21 .menu-bar {
    padding: 5px 10px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
    left: 10px;
    top: 10px;
    border: solid 2px #fff;
    background: #dd1b5c;
    color: #fff !important
}

.W30s_21 #menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 300px;
    overflow-y: scroll;
    height: 100%;
    padding: 60px 10px 10px 10px;
    background: #fff;
    box-shadow: -10px 0 10px rgba(0, 0, 0, 0.2) inset
}

.W30s_21 #menu .menu-bar {
    z-index: 3;
    position: relative;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    position: fixed;
    z-index: 2;
    left: 10px;
    top: 10px;
    background: none;
    border: none
}

.W30s_21 .lnk-menu {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0 10px;
    padding: 10px;
    color: #fff;
    text-decoration: none
}

.W30s_21 .lnk-menu:hover {
    color: #399
}

.W30s_21 #menu {
    transform: translate3d(0, 0, 0) translateX(-300px);
    transition: all 0.25s cubic-bezier(0.16, 0.63, 0.45, 0.98)
}

.W30s_21 #menu:target {
    transform: translate3d(0, 0, 0) translateX(0)
}

.W30s_21 #menu .sidenav {
    height: 100%;
    overflow-x: hidden
}

.W30s_21 #menu a {
    color: #333;
    display: block;
    cursor: pointer;
    outline: none;
    margin: 0
}

.W30s_21 #menu .dropdown-btn {
    padding: 15px 0;
    text-decoration: none;
    font-size: 18px;
    color: #333;
    display: block;
    text-align: left;
    cursor: pointer;
    outline: none;
    margin: 0;
    text-transform: uppercase
}

.W30s_21 #menu>.dropdown-container>.dropdown-btn>a {
    text-transform: uppercase;
    display: flex;
    align-items: center
}

.W30s_21 #menu>.dropdown-container>.dropdown-btn>a img {
    width: 25px;
    margin: 0;
    margin-right: 8px
}

.W30s_21 #menu .dropdown-btn.active a {
    color: #dd1b5c
}

.W30s_21 #menu a.icon {
    padding-right: 20px
}

.W30s_21 #menu .dropdown-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: dashed 1px #ccc
}

.W30s_21 #menu .dropdown-btn.single>a {
    width: 100%
}

.W30s_21 #menu .dropdown-container>a {
    padding-left: 15px;
    border-bottom: dotted 1px #ddd
}

.W30s_21 #menu>.dropdown-container>.dropdown-btn>a,
.W30s_21 #menu>.dropdown-container>.dropdown-container>.dropdown-btn>a,
.W30s_21 .tin_right>.dropdown-container>.dropdown-btn>a,
.W30s_21 .tin_right>.dropdown-container>.dropdown-container>.dropdown-btn>a {
    text-transform: capitalize
}

.W30s_21 #menu>a:hover {
    color: #44a649
}

.W30s_21 #menu .dropdown-container {
    display: none;
    padding: 0;
    padding-left: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out
}

.W30s_21 #menu .sidenav i {
    float: right;
    padding: 5px 5px 5px 0
}

.W30s_21 .mobile-menu-area {
    position: relative;
    z-index: 2;
    width: 100%
}

.W30s_21 .mobile-menu-area .header_top_mobile {
    background: #0054a0;
    border-bottom: solid 1px #fff
}

.W30s_21 .mobile-menu-area .header_mid_mobile {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 15px 10px;
    background: transparent;
    border-top: solid 1px #ccc;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

.W30s_21 .mobile-menu-area .logo-mobile {
    width: 10%;
    text-align: center
}

.W30s_21 .mobile-menu-area .logo-mobile a {
    display: block
}

.W30s_21 .mobile-menu-area .logo-mobile>ul {
    width: 80%;
    padding-left: 10px
}

.W30s_21 .mobile-menu-area .logo-mobile>ul>h3>a {
    color: #ED1C24
}

.W30s_21 .mobile-menu-area .logo-mobile>ul>h4>a {
    color: #167ac6;
    text-transform: uppercase
}

.W30s_21 .mobile-menu-area .header_top_mobile ul {
    list-style: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 8px 0 5px 0
}

.W30s_21 .mobile-menu-area .header_top_mobile ul li {
    margin: 0 10px;
    color: #fff;
    text-align: center;
    position: relative
}

.W30s_21 .mobile-menu-area .header_top_mobile ul li i {
    border-radius: 3px;
    text-align: center;
    margin-bottom: 3px;
    font-size: 16px;
    color: #fff
}

.W30s_21 .mobile-menu-area .header_top_mobile ul li h3 {
    color: #fff;
    font-size: 14px;
    font-weight: normal
}

.W30s_21 .mobile-menu-area .header_top_mobile h3 span {
    font-size: 15px;
    color: #fff;
    background: #000;
    height: 20px;
    width: 20px;
    padding: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50px;
    position: absolute;
    top: -5px;
    right: 2px;
    text-align: center;
    line-height: 12px
}

.W30s_21 .mobile-menu-area .language {
    width: 10%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin: 0
}

.W30s_21 .mobile-menu-area .language a {
    display: block;
    margin: 0;
    margin-left: 5px;
    color: #fff;
    position: relative
}

.W30s_21 .mobile-menu-area .language .search {
    list-style: none;
    display: none;
    position: absolute;
    width: 95%;
    left: 50%;
    top: 75px;
    transform: translate(-50%);
    -webkit-box-shadow: 2px 2px 5px 0px rgba(153, 153, 153, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(153, 153, 153, 1);
    box-shadow: 2px 2px 5px 0px rgba(153, 153, 153, 1)
}

.W30s_21 .mobile-menu-area .language .search {
    background: #fff;
    padding: 10px
}

.W30s_21 .mobile-menu-area .language .search form {
    display: flex
}

.W30s_21 .mobile-menu-area .language .search input[type="text"] {
    border: solid 1px #ddd;
    height: 40px;
    padding: 10px;
    margin: 0;
    width: 100%;
    border-radius: 0
}

.W30s_21 .mobile-menu-area .language .search span a {
    border: none;
    background: url('../images/images2021/icon-search-white.png') no-repeat center;
    background-size: 35%;
    background-color: #dd1b5c;
    width: 50px;
    height: 40px;
    margin: 0;
    cursor: pointer
}

.W30s_21 #box-search:target {
    opacity: 1;
    visibility: visible;
    top: 18%
}

.W30s_21 .mobile-menu-area .language a strong {
    font-weight: normal
}

.W30s_21 .mobile-menu-area .language a img {
    max-width: 20px
}

.W30s_21 #panel-menu .search form {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.W30s_21 .mobile-menu-area .header-main {
    width: 100%
}

.W30s_21 #panel-menu input[type="text"] {
    width: 80%;
    height: 40px;
    border: solid 1px #ccc;
    padding: 10px
}

.W30s_21 #panel-menu button[type="submit"] {
    width: 20%;
    border: none;
    background: #65c178;
    color: #fff;
    padding: 0 20px;
    height: 40px
}

.W30s_21 .mobile-menu-area .header_menu_mobile {
    width: 10%;
    margin: 0
}

.W30s_21 .header_menu_mobile>a.btn_menu {
    font-size: 20px;
    color: #fff;
    background: #8cbc43;
    padding: 5px 10px
}

.W30s_21 .mobile-menu-area .header-main .nav-danh-muc {
    width: 95%;
    margin: auto
}

.W30s_21 .mobile-menu-area .nav-danh-muc {
    position: relative
}

.W30s_21 .mobile-menu-area .nav-danh-muc .fa-caret-down {
    position: absolute;
    right: 0;
    top: 14px
}

.W30s_21 .flex {
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.W30s_21 .chamsoc_pge_3 {
    background: url(../images/images2021/bg_cs_2.jpg);
    background-position: top right;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    position: relative
}

.W30s_21 .chamsoc_pge_3 ul {
    float: left;
    width: 45%;
    padding: 100px 50px
}

.W30s_21 .chamsoc_pge_3 ul h3 {
    color: #dc1a5b;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 32px;
    padding-bottom: 0
}

.W30s_21 .chamsoc_pge_3 ul p span {
    float: left;
    padding-right: 20px
}

.W30s_21 .chamsoc_pge_3 ul p {
    font-size: 16px;
    padding-top: 30px;
    line-height: 26px
}

.W30s_21 .chamsoc_pge_3 ul p span {
    float: left
}

.W30s_21 .chamsoc_pge_3 ul p span img {
    width: auto;
    height: 60px
}

.W30s_21 .chamsoc_pge_3 li {
    list-style: none;
    line-height: 0;
    position: absolute;
    right: 10%;
    bottom: 0
}

.W30s_21 .chamsoc_pge_3 li img {
    width: auto;
    height: 400px
}

.W30s_21 .chamsoc_pge_2 {
    padding-bottom: 60px;
    background: #fdfcfe;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    position: relative;
    padding-top: 0
}

.W30s_21 .chamsoc_pge_id ul {
    float: left;
    padding: 2%;
    width: 20%;
    text-align: center;
    background: #fff;
    box-shadow: 0 10px 30px 0 rgb(0 0 0 / 10%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    font-size: 14px;
    min-height: 280px;
    line-height: 22px
}

.W30s_21 .chamsoc_pge_id ul li {
    list-style: none;
    line-height: 0;
    margin-bottom: 20px
}

.W30s_21 .chamsoc_pge_id ul li img {
    width: auto;
    height: 100px
}

.W30s_21 .chamsoc_pge_id ul h3 {
    color: #dc1a5b;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 10px;
    line-height: 30px
}

.W30s_21 .chamsoc_pge_1 li {
    float: left;
    width: 40%;
    list-style: none;
    line-height: 0
}

.W30s_21 .chamsoc_pge_1 li img {
    width: 100%;
    height: auto
}

.W30s_21 .chamsoc_pge_1 ul {
    width: 55%;
    float: right
}

.W30s_21 .chamsoc_pge_1 ul h2 {
    color: #ffc624;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 40px
}

.W30s_21 .chamsoc_pge_1 ul h3 {
    padding-top: 8px;
    font-size: 15px;
    color: #fff;
    font-weight: 400
}

.W30s_21 .chamsoc_pge_1 ul h3 i {
    padding-right: 10px
}

.W30s_21 .chamsoc_pge_1 {
    background: url(../images/images2021/bg_cs_1.jpg);
    background-position: top right;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    padding-top: 70px;
    position: relative;
    padding-bottom: 160px
}

.W30s_21 .chamsoc_pge_1:after {
    background: url(../images/images2021/shap.png) bottom no-repeat;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 160px
}

.W30s_21 .chamsoc_pge_4 {
    background: url(../images/images2021/banner-bg-6.jpg);
    background-position: top right;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    position: relative;
    padding: 50px 0
}

.W30s_21 .chamsoc_pge_4_page ul {
    float: left;
    width: 50%;
    padding: 40px;
    color: #fff
}

.W30s_21 .chamsoc_pge_4_page ul h3 {
    color: #ffc624;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 35px;
    padding-bottom: 10px
}

.W30s_21 .chamsoc_pge_4_page ul p {
    padding-top: 15px;
    font-size: 16px;
    line-height: 27px
}

.W30s_21 .chamsoc_pge_4_page ul p span {
    color: #ff0;
    font-weight: bold;
    font-size: 20px
}

.W30s_21 .chamsoc_pge_4_page ul h4 {
    color: #ff0;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 36px;
    padding-top: 15px
}

.W30s_21 .chamsoc_pge_4_page ul li {
    list-style: none;
    line-height: 0;
    padding-bottom: 20px
}

.W30s_21 .chamsoc_pge_4_page ul li img {
    width: auto;
    height: 200px
}

.W30s_21 .chamsoc_pge_5 {
    padding: 50px 0
}

.hinh_left_banner {
    position: absolute;
    left: 0;
    bottom: -150px
}

.hinh_left_banner img {
    width: auto;
    height: 450px
}

.W30s_21 .left_contact {
    float: left;
    width: 48%
}

.W30s_21 .right_contact {
    float: right;
    width: 48%
}

.W30s_21 .contac_top ul h3 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
    color: #dc1a5b
}

.W30s_21 .contac_top ul p {
    padding-top: 10px;
    margin-bottom: 10px;
    border-top: dotted #ccc 1px
}

.W30s_21 .contac_top ul p span {
    font-size: 20px;
    font-weight: 600;
    color: #ff0
}

.W30s_21 .contac_top ul p i {
    padding-right: 10px
}

.W30s_21 .contac_top ul {
    margin-bottom: 20px
}

.W30s_21 .bs_ct {
    margin: 30px 0
}

.W30s_21 .contac_top.contac_top_1 {
    background: #F34C49;
    color: #fff;
    padding: 30px
}

.W30s_21 .contac_top.contac_top_2 {
    background: #5ABB49;
    color: #fff;
    padding: 30px
}

.W30s_21 .contac_top ul h3.contac_top_color_1 {
    color: #fff;
    margin-bottom: 10px
}

.W30s_21 .bs_ct h4,
.contact h3 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 25px;
    margin-bottom: 30px;
    color: #666
}

.W30s_21 .contact .left {
    width: 48%;
    float: left
}

.W30s_21 .contact .right {
    width: 48%;
    float: right
}

.W30s_21 .formBox li {
    display: block;
    position: relative;
    margin-bottom: 10px;
    z-index: 0
}

.W30s_21 .formBox li input,
.formBox li textarea {
    border: solid 1px #ccc;
    height: 45px;
    color: #999;
    font-size: 13px;
    box-sizing: border-box;
    text-transform: none;
    font-family: 'Open Sans' !important
}

.W30s_21 .formBox li textarea {
    padding: 10px 10px 10px 45px;
    height: 210px
}

.W30s_21 .contact .left input {
    width: 100%
}

.W30s_21 .contact .right input,
.contact .right textarea {
    width: 100%
}

.W30s_21 .formBox li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 10
}

.W30s_21 .formBox li.name:after {
    background-image: url("../images/images2021/c_name.png")
}

.W30s_21 .formBox li.phone:after {
    background-image: url("../images/images2021/c_phone.png")
}

.W30s_21 .formBox li.mail:after {
    background-image: url("../images/images2021/c_mail.png")
}

.W30s_21 .formBox li.local:after {
    background-image: url("../images/images2021/c_local.png")
}

.W30s_21 .formBox li.subject:after {
    background-image: url("../images/images2021/c_subject.png")
}

.W30s_21 .formBox li.mess:after {
    background-image: url("../images/images2021/c_mess.png")
}

.W30s_21 .formBox li.code:after {
    background-image: url("../images/images2021/c_code.png")
}

.W30s_21 .formBox li.day:after {
    background-image: url("../images/images2021/day.png")
}

.W30s_21 .formBox li.songuoi:after {
    background-image: url("../images/images2021/songuoi.png")
}

.W30s_21 .formBox .button {
    float: right;
    text-transform: capitalize;
    font-size: 18px;
    padding: 0 25px;
    margin-left: 10px;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    color: #FFF;
    background: #dc1a5b;
    white-space: nowrap;
    webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.W30s_21 .formBox .button:hover {
    color: #FFF;
    background: #f49020
}

.W30s_21 .formBox li span {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 42px;
    padding: 0 10px;
    font-weight: normal;
    z-index: 2;
    letter-spacing: 1px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none
}

.W30s_21 .text_lienhe {
    margin-top: 20px;
    font-style: italic;
    text-align: center;
    color: #666
}

.box_ct_list {}

.left_hinh_ct {
    width: 60%;
    position: relative;
    padding: 15px 167px 15px 15px
}

.left_hinh_ct li {
    list-style: none;
    line-height: 0
}

.left_hinh_ct ul {
    position: absolute;
    bottom: 60%;
    right: 15px;
    z-index: 1;
    transform: translateY(50%);
    width: 232px;
    height: 463px;
    background: url(../images/phone_bg.png) center center no-repeat
}

.left_hinh_ct ul img {
    border: none;
    width: 196px;
    margin-top: 51px;
    margin-left: 23px
}

.left_hinh_ct li img {
    width: 100%;
    height: auto
}

.right_noidung_ct {
    width: 40%;
    padding: 15px
}

.row_1 h3 {
    font-size: 25px;
    color: #333;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-bottom: 15px;
    line-height: 35px;
    border-bottom: double #ccc 4px
}

.row_1 ul li {
    list-style: none;
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: dotted #ccc 1px;
    color: #666
}

.row_1 ul li span {
    padding-left: 20px;
    color: #f63;
    font-size: 17px
}

.dangky_id {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px
}

.dangky_id ul li {
    list-style: none;
    margin-right: 15px;
    float: left
}

.dangky_id ul li a {
    display: block;
    background: #DC1A5B;
    color: #fff;
    font-size: 15px;
    padding: 5px 30px;
    line-height: 30px;
    text-transform: capitalize;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s
}

.dangky_id ul li a.color_id_2 {
    background: #5ABB49
}

.dangky_id ul li i {
    font-size: 20px;
    padding-right: 10px
}

.row_1 ul p {
    color: #f60;
    font-size: 18px;
    text-transform: uppercase
}

.row_2 ul h3,
.row_3 ul h3 {
    font-size: 18px;
    color: #333;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 15px
}

.row_2 ul li {
    list-style: none;
    float: left
}

.row_2 ul li a {
    display: block;
    background: #eee;
    font-size: 14px;
    padding: 0px 10px;
    margin: 5px;
    line-height: 30px;
    text-transform: none;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    color: #666
}

.row_2 ul li a:hover {
    background: #ccc;
    color: #333
}

.row_3 {
    margin-top: 20px;
    border: dashed #f63 2px;
    padding: 20px;
    color: #666;
    position: relative;
    padding-bottom: 10px
}

.row_3 ul p span.phone_company {
    line-height: 35px;
    color: #f60;
    font-size: 18px
}

.row_3 ul p span:nth-child(1) {
    width: 180px;
    font-size: 15px
}

.row_3 ul p span {
    color: #666;
    font-size: 17px;
    float: left;
    line-height: 36px
}

.row_3 ul {
    padding-right: 110px
}

.row_3 ul li {
    list-style: none;
    line-height: 0;
    position: absolute;
    bottom: 0px;
    right: 10px;
    z-index: 0;
    text-align: right
}

.row_3 ul li img {
    width: 80%;
    height: auto;
    text-align: right
}

.right_hinh {
    position: absolute;
    right: 10%;
    bottom: -30px;
    z-index: 1;
    text-align: right;
    width: 40%
}

.right_hinh img {
    width: 90%;
    height: auto
}

.box_yc_2 {
    padding: 30px 0;
    background: #f8f8f8;
    position: relative
}

.box_yc_3 {
    padding-top: 30px;
    background: url(../images/sh-bg.svg) center center no-repeat fixed;
    position: relative;
    padding-bottom: 100px
}

.left_hinh_id {
    width: 40%;
    float: left;
    padding: 2%;
    text-align: center
}

.left_hinh_id img {
    width: 90%;
    height: auto
}

.right_noidung_t {
    float: left;
    width: 52%;
    padding: 2%
}

.hinh_chuanseo {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: -140px
}

.hinh_chuanseo img {
    width: 510px;
    height: auto
}

.wrapper-themes {
    display: inline-table
}

.wrapper-themes .item {
    display: inline-block;
    background-color: #efefef;
    border: 1px solid darkgrey;
    padding: 3px 8px;
    cursor: pointer;
    margin-left: 0
}

.wrapper-themes .item.active {
    color: #dc1a5b;
    border: 1px solid #dc1a5b
}

.right_noidung_ct ul li label {
    width: 110px;
    display: inline-block;
    font-size: 15px
}

.right_noidung_ct ul li .wrapper-themes {
    padding-left: 0
}

.dangky_id ul li a:hover {
    background: #f49020
}

.W30s_21 .page_top_pro_ct {
    padding-top: 50px;
    padding-bottom: 20px;
    background: #eee
}

.W30s_21 .ungdung-list-id ul {
    float: left;
    width: 224px;
    -webkit-transition: all .3s ease;
    position: relative;
    margin: 0 10px 25px;
    border-radius: 5px;
    padding: 0;
    padding-bottom: 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 1px 1px rgb(0 0 0 / 20%)
}

.W30s_21 .ungdung-list-id ul li {
    overflow: hidden;
    display: block;
    position: relative
}

.W30s_21 .ungdung-list-id ul li img {
    width: 100%;
    transition: all 0.5s;
    height: auto;
    border-radius: 10px 10px 0px 0px
}

.W30s_21 .ungdung-list-id ul h3 {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    padding-top: 15px;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px
}

.W30s_21 .ungdung-list-id ul p {
    font-size: 15px;
    font-weight: 500;
    color: #dc1a5b;
    padding: 0 10px
}

.W30s_21 .ungdung-list-id ul p span.gia_km {
    display: block;
    font-size: 12px;
    color: #a1a1a1;
    text-decoration: line-through
}

.W30s_21 .box_poup {
    padding: 40px;
    width: 900px
}

.W30s_21 .with_poup>ul {
    float: right;
    width: 60%
}

.W30s_21 .with_poup>ul h2 {
    color: #000;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 40px;
    border-bottom: dashed #ccc 1px;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.W30s_21 .with_poup>ul .gia-popup {
    display: block;
    color: #F63;
    font-size: 17px;
    text-transform: capitalize;
    padding-top: 5px;
    font-weight: 600;
    margin-bottom: 20px
}

.W30s_21 .with_poup>ul .gia-popup span {
    font-size: 14px;
    text-decoration: line-through;
    color: #a1a1a1;
    margin-left: 10px
}

.W30s_21 .with_poup>ul h5 a {
    display: block;
    color: #fff;
    background: #5abb49;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 25px;
    text-align: center;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 10px
}

.W30s_21 .with_poup>ul h4 i {
    padding-right: 10px
}

.W30s_21 .with_poup>ul p.dv-li {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
    color: #333;
    margin-bottom: 10px
}

.W30s_21 .with_poup>ul p.tb_desc {
    font-style: italic;
    color: #ff0055;
    margin-top: 5px
}

.W30s_21 .box_poup .with_poup .wrapper-checkbox .pretty {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    line-height: 1
}

#owl-search .owl-stage-outer .owl-stage {
    margin: 0px
}

.W30s_21 .box_poup .with_poup .wrapper-checkbox .pretty.p-svg .state .svg {
    position: absolute;
    font-size: 1em;
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    left: 0;
    z-index: 1;
    text-align: center;
    line-height: normal;
    top: calc((0% - (100% - 1em)) - 8%);
    border: 1px solid transparent;
    opacity: 0
}

.W30s_21 .tu-van-dich-vu {
    padding-top: 40px;
    padding-bottom: 30px;
    background: url(../images/images2021/bg_tuvan.jpg);
    background-position: bottom center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover
}

.W30s_21 .title_tuvan_top {}

.W30s_21 .title_tuvan_top ul {
    width: 55%;
    display: inline-table;
    color: #fff;
    float: left;
    padding-top: 60px
}

.W30s_21 .title_tuvan_top ul h1 {
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
    color: #f49020;
    margin-bottom: 10px;
    text-transform: uppercase
}

.W30s_21 .title_tuvan_top ul p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    color: #ffffff;
    padding-bottom: 15px;
    text-transform: none
}

.W30s_21 .title_tuvan_top li {
    width: 35%;
    float: right;
    list-style: none;
    line-height: 0
}

.W30s_21 .title_tuvan_top li img {
    width: 100%;
    height: auto
}

.W30s_21 .box_tuvan_1 {
    padding-bottom: 50px;
    background: #fff
}

.W30s_21 .titile_note {
    color: #dc1a5b;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 40px
}

.W30s_21 .chondomain_left {
    float: left;
    width: 30%
}

.W30s_21 .chondomain_left img {
    width: auto;
    height: 170px
}

.W30s_21 .chondomain_right {
    float: right;
    width: 70%
}

.W30s_21 .chondomain_right ul li {
    list-style: none;
    padding-bottom: 10px
}

.W30s_21 .chondomain_right ul h3 {
    color: #000;
    font-size: 18px;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 30px
}

.W30s_21 .chondomain_right ul h2 a {
    text-transform: capitalize;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    display: block;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    padding: 10px 30px;
    background: #f49020;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    float: left;
    margin-right: 10px;
    margin-top: 10px
}

.W30s_21 .chondomain_right ul h2 button {
    cursor: pointer;
    border: none;
    text-transform: capitalize;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 46px;
    display: block;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    padding: 10px 30px;
    background: #f49020;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    float: left;
    margin-right: 10px;
    margin-top: 10px
}

.W30s_21 .chondomain_right ul h2 .color_hong {
    border: 1px solid #f49020;
    color: #f49020;
    background: #fff
}

.W30s_21 #pro_slide_5 ul h3 {
    height: 74px
}

.W30s_21 .box_01 {
    box-sizing: border-box;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    background: #eee;
    width: 70%;
    padding: 50px
}

.W30s_21 .donhang_id {
    background: #eee;
    padding: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.W30s_21 .donhang_id li {
    list-style: none;
    line-height: 0;
    float: left;
    width: 50%;
    background: #fff;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.W30s_21 .donhang_id li img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    object-position: top
}

.W30s_21 .donhang_id li span {
    display: block;
    padding-top: 20px;
    text-align: center;
    font-size: 17px;
    line-height: 30px
}

.W30s_21 .donhang_id ul {
    float: right;
    width: 45%;
    margin-bottom: 10px
}

.W30s_21 .donhang_id ul p,
.W30s_21 .donhang_id ul .service_check {
    border-bottom: solid 1px #ccc;
    line-height: 50px
}

.W30s_21 .donhang_id ul p,
.W30s_21 .donhang_id ul .service_check .box-price .price-old {
    color: #333;
    text-decoration: line-through;
    padding-right: 10px
}

.W30s_21 .donhang_id ul p label,
.W30s_21 .donhang_id ul .service_check label {
    float: left
}

.W30s_21 .donhang_id ul p span,
.W30s_21 .donhang_id ul .service_check span {
    float: right;
    font-weight: 600
}

.W30s_21 .donhang_id ul .service_check .popover_box {
    margin-left: 10px
}

.W30s_21 .donhang_id ul .service_check .popover_box .content_pover {
    left: 0;
    transform: translate(0%, -100%);
    line-height: 27px
}

.W30s_21 .donhang_id ul .service_check .popover_box .content_pover:before {
    right: auto;
    left: 0
}

.W30s_21 .donhang_id ul p span.color_gia {
    color: #dc1a5b;
    font-size: 20px;
    font-weight: 600
}

.W30s_21 .donhang_id ul h3 {
    color: #dc1a5b;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 40px;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 5px
}

.W30s_21 .donhang_id ul h3:first-child {
    margin-top: 0;
    margin-bottom: 0
}

.W30s_21 .donhang_id ul .gia_dh {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin-left: 10px;
    float: right;
    padding-top: 7px
}

.W30s_21 .donhang_id ul .desc_donhang {
    color: #666;
    font-size: 17px;
    text-transform: none;
    font-weight: 500;
    line-height: 30px;
    padding-top: 0;
    display: block;
    margin-bottom: 15px
}

.W30s_21 .donhang_id ul h4 a,
.W30s_21 .donhang_id ul h4 button {
    text-transform: capitalize;
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    display: block;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    padding: 10px 30px;
    background: #f49020;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    text-align: center;
    margin-top: 10px;
    width: 100%;
    border: 0px
}

.W30s_21 #pro_tabs .listtabs {
    margin-bottom: 30px
}

.W30s_21 .donhang_id ul h4 a:hover,
.W30s_21 .donhang_id ul h4 button:hover {
    cursor: pointer
}

.W30s_21 .poup_domain {
    padding: 20px;
    width: 800px
}

.fancybox-content {
    padding: 0px !important
}

.W30s_21 .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.W30s_21 .checkmark {
    position: relative;
    top: 12px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: solid 1px #ccc;
    margin-right: 10px
}

.W30s_21 .container:hover input~.checkmark {
    background-color: #ccc
}

.W30s_21 .container input:checked~.checkmark {
    background-color: #dc1a5b
}

.W30s_21 .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.W30s_21 .container input:checked~.checkmark:after {
    display: block
}

.W30s_21 .container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.W30s_21 .container {
    display: block;
    position: relative;
    padding-left: 0;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.W30s_21 .box_bs_1 {
    padding: 0px 0 50px 0
}

.W30s_21 .box_bs_cus {
    padding: 40px 0 80px 0
}

.W30s_21 .box_bs_1.box_bs_2 {}

.W30s_21 .box_bs_1 ul {
    width: 45%;
    float: left;
    line-height: 30px;
    top: 30px;
    position: relative
}

.W30s_21 .box_bs_1 ul h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    color: #333;
    text-transform: capitalize;
    padding-bottom: 20px
}

.W30s_21 .box_bs_1 ul>p {
    line-height: 25px
}

.W30s_21 .box_bs_1 ul p span {
    color: #dc1a5b;
    font-weight: 600
}

.W30s_21 .box_bs_1 li {
    width: 50%;
    list-style: none;
    line-height: 0;
    float: right
}

.W30s_21 .box_bs_1.box_bs_2 li {
    float: left
}

.W30s_21 .box_bs_1.box_bs_2 ul {
    float: right
}

.W30s_21 .box_bs_1 li img {
    width: 100%;
    height: auto
}

.W30s_21 .box_bs_1 ul h3 a {
    text-transform: capitalize;
    color: #dc1a5b;
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    border: solid 1px #dc1a5b;
    padding: 8px 30px;
    background: no-repeat;
    margin-top: 25px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px
}

.W30s_21 .section__procedure {
    padding: 40px 0
}

.W30s_21 .nd_banner {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 45%;
    margin-top: 10%
}

.W30s_21 .nd_banner ul h3 {
    font-size: 50px;
    line-height: 65px;
    font-weight: 600;
    color: #f49020;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif;
    position: relative
}

.W30s_21 .nd_banner ul h3 span {
    text-transform: uppercase;
    display: block;
    font-size: 36px;
    line-height: 50px;
    font-weight: 500;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 2px;
    padding-top: 10px
}

.W30s_21 .nd_banner ul h3:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 5px;
    width: 20%;
    background: #ffffff;
    z-index: 2;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px
}

.W30s_21 .nd_banner ul p {
    text-transform: none;
    font-size: 25px;
    line-height: 35px;
    font-weight: 500;
    color: #fff
}

.W30s_21 .nd_banner ul p span {
    display: block
}

.W30s_21 .banner_top_bs {
    background: url(../images/images2021/banner-bg-6.jpg);
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    position: relative;
    overflow: hidden;
    height: calc(100vh - 140px)
}

.W30s_21 .nd_banner ul h4 i {
    padding-right: 10px
}

.W30s_21 .nd_banner ul h4 a {
    text-transform: capitalize;
    color: #fff;
    font-size: 21px;
    font-weight: 400;
    display: inline-block;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    border: solid 3px #ffffff;
    padding: 10px 50px;
    margin-top: 30px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px
}

.W30s_21 .nd_banner ul h4 a:hover {
    background: #f49020
}

.W30s_21 .images_banner {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    margin-top: 10%
}

.W30s_21 .images_banner li {
    position: relative;
    list-style: none
}

.W30s_21 .images_banner li .icon_play {
    position: absolute;
    left: 0;
    top: 40%;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 70px
}

.W30s_21 .images_banner li .icon_play a {
    color: #ffffffe0
}

.W30s_21 .images_banner li .icon_play a:hover {
    color: #ff0000cf
}

.W30s_21 .images_banner li img {
    height: 400px;
    width: auto
}

.W30s_21 .left_cd_l {
    float: left;
    width: 30%
}

.W30s_21 .right_cd_r {
    float: right;
    width: 70%
}

.W30s_21 .giaiphap_home_free {
    padding-bottom: 100px;
    padding-top: 60px;
    background: #f2f2f2;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    position: relative
}

.W30s_21 .giaiphap_home_free_id {
    display: inline-grid;
    float: left;
    width: calc(100% / 4 - 0px);
    -webkit-transition: all .3s ease;
    position: relative;
    padding: 0;
    background: #fff;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 15%);
    min-height: 480px;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    transform: rotate(7deg);
    margin-top: 30px
}

.W30s_21 .giaiphap_home_free_id:nth-child(2n)>ul {
    order: 1
}

.W30s_21 .giaiphap_home_free_id:nth-child(2n)>li {
    order: 2
}

.W30s_21 .giaiphap_home_free_id.giaiphap_home_free_id_2 {
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    transform: rotate(7deg)
}

.W30s_21 .giaiphap_home_free_id li {
    list-style: none;
    line-height: 0
}

.W30s_21 .giaiphap_home_free_id li img {
    width: 100%;
    height: auto
}

.W30s_21 .giaiphap_home_free_id ul {
    padding: 20px;
    line-height: 25px;
    font-size: 18px
}

.W30s_21 .giaiphap_home_free_id ul h3 {
    color: #dc1a5b;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 25px;
    padding-bottom: 10px
}

.W30s_21 .giaiphap_home_free_id ul p span {
    float: left;
    font-size: 15px
}

.W30s_21 .giaiphap_home_free_id ul p span a {
    color: #dc1a5b;
    font-size: 15px;
    display: block;
    border: solid #dc1a5b 1px;
    padding: 5px 30px;
    text-transform: capitalize;
    background: #fff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s
}

.W30s_21 .page_top_id_bs {
    margin-top: 80px
}

.W30s_21 .cacbuoc_id ul {
    border-bottom: solid #E9E9E9 8px;
    text-align: center;
    margin-top: 30px;
    height: 60px;
    position: relative;
    margin-bottom: 30px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    width: 70%
}

.W30s_21 .cacbuoc_id ul li {
    list-style: none;
    display: inline-table;
    position: relative;
    font-size: 15px;
    text-align: center;
    margin: 0 30px;
    text-transform: capitalize
}

.W30s_21 .cacbuoc_id ul li span {
    position: relative;
    display: block;
    bottom: -7px;
    background: #fff;
    color: #666;
    font-size: 18px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    height: 40px;
    width: 40px;
    line-height: 38px;
    box-shadow: -2px 2px 3px rgb(0 0 0 / 12%);
    border: solid 1px #989898;
    font-weight: 600
}

.W30s_21 .cacbuoc_id ul li.active_buoc {
    color: #dc1a5b
}

.W30s_21 .cacbuoc_id ul li.active_buoc span {
    background: #dc1a5b;
    color: #fff;
    border: solid 1px #dc1a5b
}

.W30s_21 .box_bs_1 ul li {
    font-size: 18px;
    line-height: 45px;
    font-weight: 500;
    color: #333;
    padding-top: 10px;
    float: left;
    width: 100%
}

.W30s_21 .box_bs_1 ul li span {
    font-size: 25px;
    font-weight: 600;
    color: #cd1d61
}

.page__design-logo .about_section {
    background-position: center right;
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-size: contain
}

.page__design-logo .block-about .content {
    width: 60%;
    float: left;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.page__design-logo .block-about .content p {
    line-height: 32px;
    font-size: 120%
}

.page__design-logo .about_section .block-why-business {
    text-align: center
}

.page__design-logo .about_section .block-why-business .title {
    font-weight: 400;
    font-size: 25px;
    color: #dc1a5b;
    margin-bottom: 20px;
    line-height: 40px;
    background-image: unset;
    padding-bottom: 0px
}

.page__design-logo .about_section .block-why-business li {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px
}

.page__design-logo .about_section .block-why-business li img {
    width: 25px
}

.page__design-logo .about_section .block-why-business li span {
    width: calc(100% - 25px);
    padding-left: 10px;
    color: #333;
    font-size: 17px
}

.section__price-service {
    padding-top: 20px;
    width: 100%;
    float: left
}

.W30s_21 .dv-bangsosanh-webshop .bg-col-1.row2,
.W30s_21 .dv-bangsosanh-webshop .bg-col-2.row2,
.W30s_21 .dv-bangsosanh-webshop .bg-col-3.row2,
.W30s_21 .dv-bangsosanh-webshop .bg-col-4.row2,
.W30s_21 .dv-bangsosanh-webshop .bg-col-1.row7,
.W30s_21 .dv-bangsosanh-webshop .bg-col-2.row7,
.W30s_21 .dv-bangsosanh-webshop .bg-col-3.row7,
.W30s_21 .dv-bangsosanh-webshop .bg-col-4.row7,
.W30s_21 .dv-bangsosanh-webshop .bg-col-1.row11,
.W30s_21 .dv-bangsosanh-webshop .bg-col-2.row11,
.W30s_21 .dv-bangsosanh-webshop .bg-col-3.row11,
.W30s_21 .dv-bangsosanh-webshop .bg-col-4.row11,
.W30s_21 .dv-bangsosanh-webshop .bg-col-1.row19,
.W30s_21 .dv-bangsosanh-webshop .bg-col-2.row19,
.W30s_21 .dv-bangsosanh-webshop .bg-col-3.row19,
.W30s_21 .dv-bangsosanh-webshop .bg-col-4.row19,
.W30s_21 .dv-bangsosanh-webshop .bg-col-1.row20,
.W30s_21 .dv-bangsosanh-webshop .bg-col-2.row20,
.W30s_21 .dv-bangsosanh-webshop .bg-col-3.row20,
.W30s_21 .dv-bangsosanh-webshop .bg-col-4.row20,
.W30s_21 .dv-bangsosanh-webshop .bg-col-1.row21,
.W30s_21 .dv-bangsosanh-webshop .bg-col-2.row21,
.W30s_21 .dv-bangsosanh-webshop .bg-col-3.row21,
.W30s_21 .dv-bangsosanh-webshop .bg-col-4.row21,
.W30s_21 .dv-bangsosanh-webshop .bg-col-1.row22,
.W30s_21 .dv-bangsosanh-webshop .bg-col-2.row22,
.W30s_21 .dv-bangsosanh-webshop .bg-col-3.row22,
.W30s_21 .dv-bangsosanh-webshop .bg-col-4.row22,
.W30s_21 .dv-bangsosanh-webshop .bg-col-1.row29,
.W30s_21 .dv-bangsosanh-webshop .bg-col-2.row29,
.W30s_21 .dv-bangsosanh-webshop .bg-col-3.row29,
.W30s_21 .dv-bangsosanh-webshop .bg-col-4.row29 {
    height: 60px !important
}

.box_home_page_banner {
    background: url(../images/images2021/bg_banner.jpg) #e7e8ea;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    padding: 60px 0;
    font-family: 'Open Sans';
    color: #fff;
    position: relative
}

.box_home_page_banner:before {
    content: "";
    width: 5px;
    height: 116%;
    background-image: linear-gradient(#dd1b5c, #ffc520, #dd1b5c);
    position: absolute;
    margin: auto;
    left: -5%;
    right: 0;
    top: -40px;
    transform: rotate(27deg)
}

.banner_bs_right {
    float: right;
    width: 50%;
    text-align: right
}

.banner_bs_right img {
    width: auto;
    height: 350px
}

.banner_bs_left {
    float: left;
    width: 50%;
    position: relative;
    color: #333
}

.banner_bs_left ul h2 {
    font-size: 25px;
    line-height: 40px;
    font-weight: 200;
    text-transform: none;
    padding-bottom: 0
}

.banner_bs_left ul h2 span {
    font-size: 60px
}

.banner_bs_left ul h3 {
    font-size: 20px;
    line-height: 40px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 10px;
    color: #dd1b5c;
    padding-top: 10px
}

.banner_bs_left ul p {
    font-size: 18px;
    line-height: 35px;
    font-weight: 300;
    border-left: solid #dd1b5c 5px;
    padding-left: 20px
}

.banner_bs_left ul h4 a {
    text-transform: capitalize;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    padding: 11px 25px;
    background: #dd1b5c;
    margin-top: 10px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px
}

.banner_bs_left ul h4 a:hover {
    color: #ffffff;
    background: #ffc520
}

.iconplay {
    position: absolute;
    right: 0px;
    top: 45%
}

.iconplay a {
    width: 80px;
    height: 80px;
    display: -webkit-box;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border: 10px solid #ffc520;
    border-radius: 50%;
    background-size: 200% auto;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    font-size: 30px;
    background: #ffffff;
    color: #dc1a5b;
    -webkit-box-shadow: 0 0 35px 0 rgb(0 0 0 / 19%);
    box-shadow: 0 0 35px 0 rgb(0 0 0 / 19%)
}

.iconplay a:hover {
    border: 10px solid #fff;
    background: #dd1a5b;
    color: #ffffff
}

@media screen and (min-width:1025px) {
    .W30s_21 .mobile-menu-area {
        display: none
    }
}

@media screen and (max-width:1024px) {
    .section__procedure .list-items h3:after {
        width: 100%
    }

    .box_home_page_banner {
        padding: 40px 10px
    }

    .box_home_page_banner .pagewrap {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .banner_bs_right img {
        height: auto
    }

    .W30s_21 .col-lg-right {
        margin: 0 auto;
        padding-top: 10px
    }

    .W30s_21 .dv-bangsosanh-webshop .bg-col-1,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4 {
        height: 60px !important
    }

    .W30s_21 .dv-bangsosanh-webshop .dv-bg-header .bg-col-2,
    .W30s_21 .dv-bangsosanh-webshop .dv-bg-header .bg-col-3,
    .W30s_21 .dv-bangsosanh-webshop .dv-bg-header .bg-col-4 {
        height: 186px !important
    }

    .W30s_21 .box_menu,
    .W30s_21 .header,
    .menu_custom {
        display: none
    }

    .W30s_21 .mobile-menu-area {
        display: block
    }

    .W30s_21 .link_page {
        position: relative;
        z-index: -1
    }

    .W30s_21 .pagewrap,
    .W30s_21 .box_poup,
    .W30s_21 .chamsoc_kh ul,
    .W30s_21 .left_cd_l,
    .W30s_21 .right_cd_r,
    .W30s_21 .gia_top_30s h4,
    .W30s_21 .ct_pri_30s h4,
    .W30s_21 .ungdung-list-id ul {
        width: 100%
    }

    .W30s_21 .note_pri {
        height: 55px
    }

    .W30s_21 .left_cd_l {
        margin-bottom: 20px
    }

    .W30s_21 .list_id_menu.list_id_menu_home ul {
        width: calc(100% / 4 - 0px)
    }

    .W30s_21 .box_title_banner {
        width: 98%
    }

    .W30s_21 .mobile-menu-area .header_mid_mobile {
        border: none;
        position: relative;
        border-bottom: solid 1px #ddd
    }

    .W30s_21 .box_home_page_video li {
        background-position: center right 0;
        padding: 290px 0;
        width: 100%
    }

    .W30s_21 .temp-list-id ul .active-view {
        display: block;
        opacity: 10
    }

    .W30s_21 .active-view span.clo_br_1 a i,
    .W30s_21 .active-view span i,
    .W30s_21 .box_bs_1 ul h2 br {
        display: none
    }

    .W30s_21 .dv-home-why-web30s,
    .W30s_21 .dv-home-dapung,
    .W30s_21 .dv-home-list-menu,
    .W30s_21 .home-lamchu-box,
    .W30s_21 .box-temp-mau,
    .W30s_21 .dv-home-doitac,
    .W30s_21 .page_top_pro,
    .W30s_21 .page_top_pro2,
    .W30s_21 .page_new_pro,
    .W30s_21 .chamsoc_pge_5,
    .W30s_21 .section__price-service .content,
    .W30s_21 .section__project,
    .W30s_21 .box_bs_1,
    .W30s_21 .tu-van-dich-vu,
    .W30s_21 .w100,
    .W30s_21 .page_banggia,
    .W30s_21 .giaiphap_home_free {
        padding: 40px 10px
    }

    .W30s_21 .footer_top {
        padding: 40px 10px 50px
    }

    .W30s_21 .footer_center,
    .with_poup ul h3 a {
        padding: 16px 10px
    }

    .W30s_21 .footer_center1 {
        padding: 35px 10px 10px
    }

    .W30s_21 .footer_bt {
        padding: 20px 10px 70px
    }

    .W30s_21 .box_dk_home {
        padding: 100px 10px
    }

    .W30s_21 .box_home_page_video ul {
        padding-left: revert;
        padding: 40px 20px;
        width: 100%
    }

    .W30s_21 .box_dk_home_left {
        width: 47%
    }

    .W30s_21 .footer_bt .col-lg-8 {
        width: calc(100% / 1.5 - 20px)
    }

    .W30s_21 .footer_bt .col-lg-4 {
        width: calc(100% / 3.5 - 20px)
    }

    .W30s_21 .col-lg-center,
    .W30s_21 .ungdung-list-id ul {
        margin: 0
    }

    .W30s_21 .home_ungdung_l li {
        width: 20%
    }

    .W30s_21 .box_home_page_video ul h2 span {
        font-size: 40px
    }

    .W30s_21 #tat-ca-mau {
        margin-top: 100px
    }

    .W30s_21 .page_new_pro,
    .W30s_21 .page_new_pro,
    .W30s_21 .page_top_id_bs {
        margin-top: 0
    }

    .W30s_21 .tabs_panel button {
        margin: 2px
    }

    .W30s_21 .ungdung-list-id {
        margin: 0
    }

    .W30s_21 .page_new_pro .ungdung-list-id ul {
        width: calc(100% / 4 - 20px);
        margin: 10px
    }

    .hinh_left_banner img {
        height: 350px
    }

    .W30s_21 .banner_text {
        width: 95%;
        padding-left: 40%
    }

    .W30s_21 .chamsoc_pge_2 {
        padding: 0 10px 60px 10px
    }

    .W30s_21 .chamsoc_pge_3 li {
        right: 0
    }

    .W30s_21 .chamsoc_pge_3 ul {
        padding: 50px 30px
    }

    .W30s_21 .chamsoc_pge_4_page ul {
        padding: 30px
    }

    .W30s_21 .dv-bangsosanh-webshop .bg-col-1 .l {
        font-size: 26px
    }

    .W30s_21 .section__about,
    .W30s_21 .section__procedure .list-items {
        padding: 0 10px
    }

    .W30s_21 .banner_top_ldb .banner_text .title_banner {
        margin-bottom: 0;
        line-height: 1.6
    }

    .W30s_21 .page_new_pro_home .titile_page_id h2 {
        margin-top: 40px
    }

    .W30s_21 .home_ungdung_l {
        margin: 20px 15px;
        min-height: 300px
    }

    .W30s_21 .cacbuoc_id ul {
        margin-top: 60px;
        width: 98%
    }

    .W30s_21 .ct_pri_30s h4.bottom_pri,
    .W30s_21 .gia_top_30s h4.bottom_pri {
        width: 80%
    }
}

@media screen and (max-width:992px) {
    .box_home_page_banner:before {
        display: none
    }

    .W30s_21 .dv-bangsosanh-webshop .dv-bg-header .bg-col-2,
    .W30s_21 .dv-bangsosanh-webshop .dv-bg-header .bg-col-3,
    .W30s_21 .dv-bangsosanh-webshop .dv-bg-header .bg-col-4 {
        height: 167px !important
    }

    .W30s_21 .poup_domain {
        width: 100%;
        padding: 0px
    }

    .W30s_21 .chondomain_right ul h2 button {
        width: 100%
    }

    .W30s_21 .titile_page_id p,
    .W30s_21 .ldb_home .title_page,
    .W30s_21 .chamsoc_pge_3 ul,
    .W30s_21 .page__design-logo .section__about .block-why-business,
    .W30s_21 .left_hinh_ct,
    .W30s_21 .right_noidung_ct,
    .W30s_21 .dv-home-dapung .titile_page_id,
    .W30s_21 .home .sidebar_menu,
    .W30s_21 .home .noi-dung,
    .W30s_21 .with_poup>li,
    .W30s_21 .with_poup>ul,
    .W30s_21 .title_tuvan_top ul,
    .W30s_21 .home_ungdung_l ul,
    .W30s_21 .home_ungdung_l p {
        width: 100%
    }

    .W30s_21 .with_poup>li {
        margin-bottom: 20px
    }

    .W30s_21 .home_ungdung_l li {
        float: none;
        margin: 0
    }

    .W30s_21 .giaiphap_home_free_id ul p span a {
        padding: 5px 15px
    }

    .W30s_21 .home .sticky {
        position: relative;
        top: 0
    }

    .W30s_21 .box_home_page_video ul {
        width: 100%;
        padding: 3%
    }

    .W30s_21 .footer_center .flex {
        justify-content: flex-start
    }

    .W30s_21 .footer_center .col-lg-left,
    .with_poup li {
        margin-bottom: 20px
    }

    .W30s_21 .temp-list-id ul,
    .W30s_21 .page_new_pro .ungdung-list-id ul {
        width: calc(100% / 2 - 20px)
    }

    .W30s_21 .dv-home-dapung .pagewrap,
    .W30s_21 .dv-home-gioithieu .pagewap,
    .W30s_21 .home .sidebar_menu ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .W30s_21 .dv-home-dapung .clr {
        display: none
    }

    .W30s_21 .title_tuvan_top li {
        width: 50%;
        float: none
    }

    .W30s_21 .home_ungdung_l {
        float: none;
        margin: 20px 10px;
        width: calc(100% / 2 - 20px)
    }

    .W30s_21 .home_ungdung_l p {
        min-height: 45px
    }

    .W30s_21 .ungdung-list-id ul {
        width: 100%;
        margin: 0
    }

    .W30s_21 .tabs_panel .list-button {
        top: -80px
    }

    .W30s_21 .titile_page_id .timkiem_chude {
        width: 40%
    }

    .hinh_left_banner img {
        height: 280px
    }

    .W30s_21 .banner_top_ldb .banner_text .title_banner {
        margin-bottom: 0;
        font-size: 28px;
        line-height: 1.6
    }

    .W30s_21 .banner_top_ldb {
        padding: 90px 0 140px 0
    }

    .W30s_21 .ldb_home .title_page {
        padding-bottom: 20px
    }

    .W30s_21 .ldb_home {
        padding: 50px 10px
    }

    .W30s_21 #pro_tabs .listtabs li {
        width: calc(100% / 3 - 20px)
    }

    .W30s_21 .chamsoc_pge_1 ul {
        width: 55%;
        float: left;
        margin-left: 15px
    }

    .W30s_21 .chamsoc_pge_id ul {
        width: 33.33%
    }

    .W30s_21 .chamsoc_pge_3 ul {
        padding: 20px 10px
    }

    .W30s_21 .chamsoc_pge_3 li {
        position: relative
    }

    .W30s_21 .chamsoc_pge_3 {
        background: url(../images/images2021/bg_cs_2.jpg);
        background-position: center
    }

    .W30s_21 .chamsoc_pge_3 ul h3 {
        text-shadow: 2px 2px 2px #fff
    }

    .W30s_21 .chamsoc_pge_4_page ul,
    .W30s_21 .page_top_pro_ct {
        padding: 30px 10px
    }

    .W30s_21 .dv-bangsosanh-webshop .bg-col-1 .l {
        font-size: 24px
    }

    .W30s_21 .gia_top_30s,
    .W30s_21 .note_pri,
    .W30s_21 .ct_pri_30s,
    .W30s_21 .contac_top.contac_top_2,
    .W30s_21 .contac_top.contac_top_1 {
        padding: 20px 10px
    }

    .W30s_21 .ct_pri_30s h4.bottom_pri {
        position: relative;
        left: 0;
        right: 20px;
        bottom: 0
    }

    .W30s_21 .ct_pri_30s ul li,
    .W30s_21 .page__design-logo .section__about .block-why-business .content {
        padding-left: 0
    }

    .W30s_21 .section__procedure .list-items h3 {
        font-size: 22px
    }

    .W30s_21 .section__procedure .list-items .item .wrapper-info {
        display: flex;
        flex-direction: column
    }

    .W30s_21 .section__procedure .list-items .item label {
        margin: 0;
        order: 1;
        width: 50%
    }

    .W30s_21 .section__procedure .list-items p {
        order: 2
    }

    .W30s_21 .section__procedure .list-items h3:after {
        bottom: -53px
    }

    .W30s_21 .left_hinh_ct {
        padding: 0 167px 0 0
    }

    .W30s_21 .home .noi-dung,
    .W30s_21 .title_tuvan_top ul,
    .W30s_21 .home_ungdung_l ul h3 {
        padding: 0
    }

    .W30s_21 .right_noidung_ct {
        padding: 15px 0
    }

    .W30s_21 .row_2 ul li a,
    .W30s_21 .gia_top_30s ul {
        margin-left: 0
    }

    .W30s_21 .temp-list-id,
    .ungdung-list-id,
    .W30s_21 .dv-home-why-web30s .col-lg-12,
    .W30s_21 .home .sidebar_menu ul li {
        margin: 0
    }

    .W30s_21 .box_01 {
        width: 98%
    }

    .W30s_21 .note_pri {
        height: 90px
    }

    .W30s_21 .formBox li input,
    .formBox li textarea {
        padding: 5px 10px
    }

    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row2,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row2,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row2,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row2,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row7,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row7,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row7,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row7,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row11,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row11,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row11,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row11,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row19,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row19,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row19,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row19,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row20,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row20,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row20,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row20,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row21,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row21,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row21,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row21,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row22,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row22,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row22,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row22,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row29,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row29,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row29,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row29 {
        height: 100px !important
    }
}

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

    .W30s_21 .mobile-menu-area .language,
    .W30s_21 .mobile-menu-area .header_menu_mobile {
        width: 15%
    }

    .W30s_21 .box_title_banner ul h3,
    .W30s_21 .title_tuvan_top ul h1 {
        font-size: 35px
    }

    .W30s_21 .box_title_banner ul h3 span {
        font-size: 24px
    }

    .W30s_21 .box_title_banner ul p,
    .W30s_21 .box_home_page_video ul h2 {
        font-size: 20px
    }

    .W30s_21 .section__procedure .list-items .item label {
        width: 65%
    }

    .W30s_21 .banner li {
        height: 600px
    }

    .W30s_21 .box_title_banner {
        top: 20%
    }

    .W30s_21 .home_ungdung_l,
    .temp-list-id.temp-list-id_home ul {
        width: calc(100% / 2 - 20px);
        margin: 20px 10px
    }

    .W30s_21 .cong-tac-vien .provide .col-lg-6,
    .W30s_21 .itemlist {
        width: calc(100% / 2 - 20px);
        margin: 10px
    }

    .W30s_21 .itemlist {
        height: 315px
    }

    .W30s_21 .itemlist:nth-child(3),
    .W30s_21 .itemlist:nth-child(4) {
        height: auto
    }

    .W30s_21 .dangky_bocongthuong {
        margin-left: 5px
    }

    .W30s_21 .box_home_page_video ul h2 span {
        font-size: 30px;
        line-height: 1.5
    }

    .W30s_21 .home-lamchu-right {
        float: right;
        width: 100%;
        padding: 0 0px 20px 0px
    }

    .W30s_21 .home-lamchu-left {
        position: relative;
        margin-bottom: 20px
    }

    .W30s_21 .home-lamchu-box .titile_page_id {
        margin-bottom: 20px
    }

    .W30s_21 .box_dk_home_left ul h3 {
        font-size: 25px;
        line-height: 1.5
    }

    .W30s_21 .box_dk_home_left ul p {
        font-size: 18px;
        line-height: 1.8
    }

    .W30s_21 .box_dk_home_right {
        padding: 20px
    }

    .W30s_21 .home .sticky,
    .W30s_21 .home .sidebar_menu,
    .W30s_21 .list_ldb_home_1 .ldg_content_rigth,
    .W30s_21 .list_ldb_home_1 .ldg_img,
    .W30s_21 .list_ldb_home_1 .ldg_content_left,
    .W30s_21 .chamsoc_pge_1 ul {
        width: 100%;
        position: relative
    }

    .W30s_21 .list_ldb_home_1 .ldg_img,
    .W30s_21 .list_ldb_home_1 .ldg_content_rigth {
        margin: 10px 0
    }

    .W30s_21 .home .sidebar_menu ul {
        display: flex;
        flex-wrap: wrap
    }

    .W30s_21 .page_conten.page_tuvan {
        padding-top: 30px
    }

    .W30s_21 .chamsoc_pge_1 .pagewrap {
        display: flex;
        flex-wrap: wrap
    }

    .W30s_21 .chamsoc_pge_1 ul {
        float: none;
        order: 1
    }

    .W30s_21 .chamsoc_pge_1 li {
        width: 50%;
        order: 2
    }

    .W30s_21 .home .noi-dung {
        width: 100%;
        padding: 15px 0
    }

    .W30s_21 .tabs_panel button {
        padding: 12px 15px
    }

    .W30s_21 .page_top_pro .ungdung-list-id ul {
        margin: 0
    }

    .W30s_21 .banner_text {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    .hinh_left_banner img {
        height: 220px
    }

    .W30s_21 .title_page ul h2 {
        font-size: 30px
    }

    .W30s_21 .ldg_content_rigth ul li i {
        margin-right: 5px
    }

    .W30s_21 .list_ldb_home_2 .img_box,
    .W30s_21 .section__procedure .list-items .item img {
        width: 100px
    }

    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row1,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row1,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row1,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row1 {
        height: 140px
    }

    .W30s_21 .footer_center {
        padding: 40px 10px
    }

    .W30s_21 .chamsoc_kh ul>h3 {
        padding: 10px;
        font-size: 16px
    }

    .W30s_21 .chamsoc_kh ul h3 span {
        font-size: 18px
    }

    .W30s_21 .box_bs_1 ul {
        width: 100%;
        top: 0;
        margin: 10px 0
    }

    .W30s_21 .box_bs_1 li {
        float: left;
        margin: 10px 0
    }

    .W30s_21 .list_ldb_home_1 .ldg_content_rigth,
    .W30s_21 .list_ldb_home_1 .ldg_content_left {
        padding: 0
    }

    .W30s_21 .ldg_content_left ul li i {
        top: 9px
    }
}

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

    .banner_bs_left,
    .banner_bs_right {
        width: calc(100% / 1 - 20px);
        margin: 10px
    }

    .iconplay {
        right: 50%
    }

    .W30s_21 .footer_center1 .itemlist {
        width: calc(100% / 2 - 20px);
        height: 320px
    }

    .W30s_21 .footer_center1 .itemlist:nth-child(3),
    .W30s_21 .footer_center1 .itemlist:nth-child(4) {
        height: 100px
    }

    .W30s_21 .footer_bt .col-lg-4 {
        float: none
    }

    .W30s_21 .ldg_content_left ul li i {
        top: 13px
    }

    .W30s_21 .chamsoc_pge_1 .pagewrap {
        display: flex;
        flex-wrap: wrap
    }

    .W30s_21 .chamsoc_pge_1 ul {
        width: 100%;
        float: none;
        order: 1
    }

    .W30s_21 .chamsoc_pge_1 li {
        float: none;
        order: 2;
        margin: 20px auto 0 auto
    }

    .W30s_21 .section__procedure .list-items .item label {
        width: 65%
    }

    .W30s_21 .footer_top .col-lg-6,
    .W30s_21 .dv-home-gioithieu .col-lg-6:first-child,
    .W30s_21 .dv-home-dichvu .col-lg-6:last-child {
        width: calc(100% / 1 - 20px);
        margin: 10px
    }

    .W30s_21 .dv-home-gioithieu .col-lg-6:last-child {
        margin: 0 auto
    }

    .W30s_21 .cong-tac-vien .provide .col-lg-6 {
        width: calc(100% / 2 - 20px)
    }

    .W30s_21 .cong-tac-vien .dv-home-dichvu .scale_hover {
        width: 20%
    }

    .W30s_21 .dv-home-dichvu .col-lg-6:first-child {
        width: calc(100% / 1.5 - 20px)
    }

    .W30s_21 .list_id_menu ul {
        width: calc(100% / 4 - 0px)
    }

    .W30s_21 .donhang_id li,
    .W30s_21 .donhang_id ul {
        width: 100%;
        margin: 10px 0
    }
}

@media screen and (max-width:768px) {
    .W30s_21 .mobile-menu-area .logo-mobile {
        width: 15%
    }

    .W30s_21 .dv-bangsosanh-webshop .bg-col-1,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4 {
        height: 60px !important
    }

    .fancybox-content {
        padding: 20px !important
    }

    .W30s_21 .dangky_bocongthuong {
        margin-left: 5px
    }

    .W30s_21 .with_poup>li,
    .W30s_21 .chamsoc_pge_4_page ul {
        width: 100%
    }

    .W30s_21 .with_poup>ul {
        margin-top: 20px
    }

    .W30s_21 .ldb_home_2 .list_ldb_home_2 .items {
        width: 33.33%
    }

    .W30s_21 .list_category ul {
        padding: 30px 10px
    }

    .W30s_21 .list_category span br {
        display: none
    }

    .active-view {
        top: 64%
    }

    .W30s_21 .giaiphap_home_free_id.giaiphap_home_free_id_2,
    .W30s_21 .giaiphap_home_free_id {
        width: calc(100% / 2);
        transform: rotate(0deg);
        margin-top: 0;
        min-height: 530px
    }

    .W30s_21 .banner_top_ldb {
        padding: 25px 0 140px 0
    }

    .W30s_21.page_conten.page_tuvan {
        padding-top: 30px
    }

    .W30s_21 .section__procedure .list-items h3 {
        margin-left: 0px
    }

    .W30s_21 .section__procedure .list-items h3:after {
        bottom: 0px
    }
}

@media screen and (max-width:736px) {
    .W30s_21 .home_ungdung_l {
        min-height: 320px
    }

    .W30s_21 .list_id_menu ul {
        width: calc(100% / 4 - 0px)
    }

    .hinh_left_banner {
        left: 10px
    }

    .W30s_21 .banner_top_ldb .banner_text .bt_bn button:after {
        right: -5px;
        top: -5px
    }

    .W30s_21 .banner_top_ldb .banner_text .bt_bn button:before {
        left: -5px;
        bottom: -5px
    }

    .W30s_21 .cacbuoc_id ul li {
        margin: 0 25px
    }

    .W30s_21 .titile_page_id .timkiem_chude {
        width: 100%;
        float: none;
        padding: 0
    }

    .W30s_21 .list_ldb_home_1 .ldg_img,
    .W30s_21 .list_ldb_home_1 .ldg_content_rigth,
    .W30s_21 .list_ldb_home_1 .ldg_content_left,
    .W30s_21 .box_dk_home_left,
    .W30s_21 .box_dk_home_right {
        width: 100%
    }

    .W30s_21 .box_dk_home {
        padding: 50px 10px
    }

    .W30s_21 .list_ldb_home_1 .ldg_content_rigth,
    .W30s_21 .list_ldb_home_1 .ldg_content_left {
        padding: 10px 0
    }

    .W30s_21 .title_page ul h2 {
        font-size: 25px;
        line-height: 1.5
    }

    .W30s_21 .box_dk_home_left,
    .W30s_21 .footer_bt .col-lg-8 {
        padding-top: 0;
        margin-bottom: 20px
    }

    .W30s_21 .footer_bt .col-lg-8 {
        width: calc(100% / 1 - 20px)
    }

    .W30s_21 .page_new_pro .titile_page_id h2 {
        margin-top: 40px
    }

    .W30s_21 .titile_page_id.titile_page_id_load ul {
        width: 100%;
        padding-bottom: 20px
    }

    .W30s_21 .dv-bangsosanh-webshop .dv-bg-header span {
        margin: 12px 0 0
    }

    .W30s_21 .dv-bangsosanh-webshop .dv-bg-header b {
        margin-bottom: 12px
    }
}

@media screen and (max-width:667px) {
    .W30s_21 .box_title_banner ul h3 {
        font-size: 28px;
        line-height: 20px;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .W30s_21 .box_title_banner ul h3 span {
        font-size: 18px
    }

    .W30s_21 .box_title_banner ul p {
        font-size: 16px
    }

    .W30s_21 .banner li {
        height: 510px
    }

    .W30s_21 .dv-home-why-web30s .col-lg-12 {
        display: flex;
        flex-wrap: wrap
    }

    .W30s_21 .home_ungdung_l {
        width: calc(100% / 1 - 20px);
        min-height: auto;
        padding-top: 15px
    }

    .W30s_21 .home_ungdung_l h2 {
        position: relative;
        left: 0;
        bottom: 0
    }

    .W30s_21 .box_home_page_video ul,
    .W30s_21 .box_home_page_video li,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1 .l {
        width: 100%
    }

    .W30s_21 .tabs_panel button {
        font-size: 14px;
        padding: 12px
    }

    .hinh_left_banner img {
        height: 180px
    }

    .W30s_21 .img_ong {
        display: none
    }

    .W30s_21 .titile_page_id {
        margin-bottom: 20px
    }

    .W30s_21 .box_home_page_video ul {
        padding: 9% 3%
    }

    .W30s_21 .chamsoc_kh ul>h3 {
        font-size: 13px
    }

    .W30s_21 .chamsoc_kh ul h3 span {
        font-size: 16px
    }

    .W30s_21 .cacbuoc_id ul li {
        margin: 0 20px
    }

    .W30s_21 .box_01 {
        padding: 30px
    }

    .W30s_21 .tabs_panel .list-button {
        top: -40px
    }

    .W30s_21 #tat-ca-mau {
        margin-top: 50px
    }
}

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

    .W30s_21 .mobile-menu-area .language,
    .W30s_21 .mobile-menu-area .header_menu_mobile {
        width: 20%
    }

    .W30s_21 .mobile-menu-area .logo-mobile {
        width: 30%
    }

    .W30s_21 .home_ungdung_l li img {
        height: 80px
    }

    .hinh_left_banner img {
        height: 150px
    }

    .W30s_21 .chamsoc_pge_id ul {
        width: 50%
    }

    .W30s_21 .dv-bangsosanh-webshop .bg-col-1,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4 {
        height: 90px !important
    }

    .W30s_21 .page_conten {
        padding-top: 100px
    }

    .W30s_21 .page_conten.page_tuvan {
        padding-top: 70px
    }

    .W30s_21 .box_home_page_video li {
        background-position: center right -40px
    }

    .W30s_21 .footer_center div h3 {
        margin: 0;
        margin-right: 0;
        margin-bottom: 10px
    }

    .W30s_21 .cacbuoc_id ul li {
        margin: 0px 10px
    }

    .W30s_21 .note_pri {
        height: auto
    }

    .W30s_21 .ct_pri_30s {
        padding: 20px
    }

    .W30s_21 .tabs_panel .list-button {
        top: -65px
    }

    .W30s_21 .section__procedure .list-items .item label {
        width: 100%
    }

    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row2,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row2,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row2,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row2,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row7,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row7,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row7,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row7,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row11,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row11,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row11,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row11,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row19,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row19,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row19,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row19,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row20,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row20,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row20,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row20,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row21,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row21,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row21,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row21,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row22,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row22,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row22,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row22,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row29,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row29,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row29,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row29 {
        height: 130px !important
    }
}

@media screen and (max-width:480px) {
    .W30s_21 .donhang_id li img {
        height: 400px
    }

    .banner_bs_left ul h2 {
        font-size: 30px;
        line-height: 1.3
    }

    .banner_bs_left ul h2 span {
        font-size: 55px
    }

    .banner_bs_left ul h3 {
        line-height: 1.6
    }

    .iconplay {
        right: 0
    }

    .W30s_21 .footer_bt .col-lg-4 {
        width: 75%
    }

    .W30s_21 .dt-sc-subscribe-frm {
        width: 100%
    }

    .W30s_21 .dv-bangsosanh-webshop .dv-bg-header .bg-col-2,
    .W30s_21 .dv-bangsosanh-webshop .dv-bg-header .bg-col-3,
    .W30s_21 .dv-bangsosanh-webshop .dv-bg-header .bg-col-4 {
        height: 152px !important
    }

    .W30s_21 .ct_pri_30s h4.bottom_pri,
    .W30s_21 .gia_top_30s h4.bottom_pri {
        width: 100%
    }

    .W30s_21 .mobile-menu-area .header_menu_mobile,
    .W30s_21 .mobile-menu-area .language {
        width: 25%
    }

    .W30s_21 .mobile-menu-area .logo-mobile {
        width: 30%
    }

    .W30s_21 .mobile-menu-area .language a #text,
    .W30s_21 .mobile-menu-area .language a strong,
    .W30s_21 .box_title_banner ul h4 a i,
    .W30s_21 .chamsoc_kh h3:nth-child(2),
    .W30s_21 .chamsoc_kh h3:nth-child(3) {
        display: none
    }

    .W30s_21 .box_title_banner ul h3,
    .W30s_21 .box_title_banner ul h3 span {
        line-height: 1.5
    }

    .W30s_21 .box_title_banner ul p {
        line-height: 1.6
    }

    .W30s_21 .chamsoc_kh ul>h3 {
        padding: 10px;
        width: 100%;
        border-right: none;
        border-bottom: solid 1px #fff
    }

    .W30s_21 .page_conten {
        padding-top: 40px
    }

    .W30s_21 .page_conten.page_tuvan {
        padding-top: 30px
    }

    .W30s_21 #select-card,
    .W30s_21 .step-mobile {
        display: block
    }

    .W30s_21 .list-button,
    .W30s_21 .left_cd_l,
    .W30s_21 .step-pc,
    .W30s_21 .left_hinh_ct ul {
        display: none
    }

    .W30s_21 #tat-ca-mau {
        margin-top: 0
    }

    .W30s_21 .banner li {
        height: 620px
    }

    .W30s_21 .box_title_banner ul h4 a {
        padding: 5px 15px;
        font-size: 15px
    }

    .W30s_21 .box_title_banner {
        top: 20%
    }

    .W30s_21 .dv-home-why-web30s .col-md-3,
    .W30s_21 .list_id_menu.list_id_menu_home ul,
    .W30s_21 .list_id_menu ul {
        width: calc(100% / 2 - 0px)
    }

    .W30s_21 .home_ungdung_l ul,
    .W30s_21 .home-lamchu-left,
    .W30s_21 .home-lamchu-right ul h3,
    .W30s_21 .titile_page_id.titile_page_id_load ul,
    .W30s_21 .chamsoc_pge_id ul,
    .W30s_21 .cong-tac-vien .dv-home-dichvu div .col-lg-6:last-child,
    .W30s_21 .left_contact,
    .W30s_21 .right_contact,
    .W30s_21 .contact .left,
    .W30s_21 .contact .right,
    .W30s_21 .box_bs_1 li,
    .W30s_21 .chondomain_right,
    .W30s_21 .title_tuvan_top li,
    .W30s_21 .chondomain_right ul h2 a {
        width: 100%
    }

    .W30s_21 .page__design-logo .about_section .block-why-business li {
        justify-content: center
    }

    .W30s_21 .page__design-logo .about_section .block-why-business li span,
    .W30s_21 .left_hinh_ct {
        padding: 0;
        margin: 0
    }

    .W30s_21 .box_01 {
        display: flex;
        flex-wrap: wrap
    }

    .W30s_21 .chondomain_right {
        order: 1;
        margin-bottom: 20px
    }

    .W30s_21 .chondomain_left {
        width: 50%;
        order: 2
    }

    .W30s_21 #pro_tabs .listtabs li {
        width: calc(100% / 2 - 20px)
    }

    .W30s_21 .home-lamchu-right ul {
        display: flex;
        flex-wrap: wrap
    }

    .W30s_21 .home-lamchu-right ul li {
        float: none;
        margin: 0 0 20px 0
    }

    .W30s_21 .footer_center div h3 {
        margin: 0 0 10px 0
    }

    .W30s_21 .home .sidebar_menu ul li a {
        height: auto;
        padding: 10px
    }

    .W30s_21 .home .sticky {
        top: 0
    }

    .W30s_21 .home .sidebar_menu ul li {
        margin: 0
    }

    .W30s_21 .home .section-item {
        padding-top: 10px
    }

    .W30s_21 .temp-list-id ul,
    .W30s_21 .footer_center1 .itemlist,
    .W30s_21 .home .sidebar_menu ul li,
    .W30s_21 .page_new_pro .ungdung-list-id ul,
    .W30s_21 .cong-tac-vien .provide .col-lg-6,
    .W30s_21 .dv-home-dichvu .col-lg-6:first-child,
    .W30s_21 .home_ungdung_l {
        width: calc(100% / 1 - 20px)
    }

    .W30s_21 .temp-list-id.temp-list-id_home ul,
    .W30s_21 .giaiphap_home_free_id.giaiphap_home_free_id_2,
    .W30s_21 .giaiphap_home_free_id,
    .W30s_21 .temp-list-id ul,
    .W30s_21 .page_new_pro .ungdung-list-id ul {
        width: calc(100% / 1 - 0px);
        margin: 20px 0
    }

    .W30s_21 .giaiphap_home_free_id:nth-child(2n)>li {
        order: 1
    }

    .W30s_21 .giaiphap_home_free_id:nth-child(2n)>ul {
        order: 2
    }

    .W30s_21 .footer_center1 .itemlist:nth-child(3),
    .footer_center1 .itemlist:nth-child(4) {
        height: auto
    }

    .W30s_21 .cacbuoc_id.tuvan-view {
        height: 150px
    }

    .W30s_21 .cacbuoc_id ul.step-mobile li {
        margin: 0;
        padding: 0 15px;
        position: relative
    }

    .W30s_21 .cacbuoc_id ul.step-mobile li:before {
        content: "";
        width: 20px;
        height: 3px;
        background: #dd1b5c;
        position: absolute;
        top: 25px;
        right: -9px
    }

    .W30s_21 .cacbuoc_id ul.step-mobile li:nth-child(6):before,
    .W30s_21 .cacbuoc_id ul.step-mobile li:nth-child(5):before {
        display: none
    }

    .W30s_21 .cacbuoc_id ul.step-mobile li:nth-child(6) {
        width: calc(100% / 1 - 0px);
        text-transform: uppercase;
        color: #dd1b5c
    }

    .W30s_21 .cacbuoc_id ul.step-mobile {
        height: 120px;
        margin-top: 35px;
        margin-bottom: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .W30s_21 .form-control {
        padding: 5px 10px
    }

    .W30s_21 .dangky_app {
        margin: 0
    }

    .W30s_21 .dangky_app a {
        margin-left: 0;
        margin-right: 10px
    }

    .W30s_21 .social li {
        margin: 10px 8px 0 0
    }

    .W30s_21 .footer_center1 .itemlist,
    .W30s_21 .chondomain_left img {
        height: auto
    }

    .W30s_21 .titile_page_id.titile_page_id_load li {
        padding-top: 0
    }

    .W30s_21 .page_new_pro_home .titile_page_id h2 {
        margin-top: 30px
    }

    .W30s_21 .banner_top_ldb {
        padding: 0px 0 260px 0
    }

    .W30s_21 .banner_top_ldb .banner_text .title_banner {
        text-align: right
    }

    .hinh_left_banner {
        left: 30px;
        bottom: -260px
    }

    .hinh_left_banner img {
        height: 230px
    }

    .W30s_21 .ldg_content_left ul li {
        padding: 5px 30px 5px 0px
    }

    .W30s_21 .ldb_home_2 .list_ldb_home_2 .items {
        width: 50%
    }

    .W30s_21 #back-top {
        bottom: 70px
    }

    .W30s_21 .chamsoc_pge_1 li {
        width: 75%
    }

    .W30s_21 .chamsoc_pge_2 {
        padding: 50px 10px
    }

    .W30s_21 .chamsoc_pge_id ul {
        min-height: auto;
        margin: 10px 0
    }

    .W30s_21 .chamsoc_pge_3 ul p span {
        float: none;
        margin-bottom: 15px;
        display: block
    }

    .W30s_21 .chamsoc_pge_3 li img {
        height: auto
    }

    .W30s_21 .dv-bangsosanh-webshop .dv-row-bg-hd {
        padding: 15px 10px
    }

    .W30s_21 .dv-bangsosanh-webshop .bg-col-1 {
        padding: 15px 10px;
        width: 100%
    }

    .W30s_21 .box_home_page_video ul h2 span {
        padding-bottom: 0
    }

    .W30s_21 .box_home_page_video li {
        background-position: center;
        background-size: 100%
    }

    .W30s_21 .box_home_page_video li {
        background-position: center;
        padding: 55px 0 154px 0
    }

    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row1,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row1,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row1,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row1,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row2,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row2,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row2,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row2,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row7,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row7,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row7,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row7,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row11,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row11,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row11,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row11,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row19,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row19,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row19,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row19,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row20,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row20,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row20,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row20,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row21,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row21,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row21,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row21,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row22,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row22,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row22,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row22,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1.row29,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2.row29,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3.row29,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4.row29,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-1,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-2,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4 {
        height: auto !important
    }

    .W30s_21 .dv-bangsosanh-webshop .bg-col-2,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-3,
    .W30s_21 .dv-bangsosanh-webshop .bg-col-4 {
        width: 33%
    }

    .W30s_21 .dv-bangsosanh-webshop .dv-bg-header span {
        font-size: 18px
    }

    .W30s_21 .section__procedure .list-items h3 {
        padding-top: 0
    }

    .W30s_21 .section__procedure .list-items h3:after {
        bottom: 0px
    }

    .W30s_21 .cong-tac-vien .dv-home-dichvu .scale_hover {
        width: 40%
    }

    .W30s_21 .cong-tac-vien .dv-home-dichvu div .col-lg-6:last-child {
        width: 1
    }

    .W30s_21 .box_poup,
    .W30s_21 .donhang_id {
        padding: 20px
    }

    .W30s_21 .chamsoc_kh ul>h3 {
        font-size: 15px
    }

    .W30s_21 .chamsoc_kh ul h3 span {
        font-size: 18px
    }

    .W30s_21 .chondomain_right ul h2 a {
        text-align: center
    }

    .section__procedure .list-items .item {
        display: block
    }

    .section__procedure .list-items .item img {
        margin-bottom: 10px
    }

    .section__procedure .list-items .item .wrapper-info {
        padding-left: 0px
    }
}

@media screen and (width:414px) {
    .box_home_page_banner:before {
        height: 50%
    }
}

@media screen and (max-width:320px) {
    .iconplay {
        top: 85%
    }

    .W30s_21 .dv-home-khuyenmai .col-md-6:last-child {
        padding: 0
    }

    .W30s_21 .pro_home_id ul .icon_sp,
    .box_right_pro_view ul .icon_sp {
        top: 40%
    }

    .W30s_21 .nums a.stay {
        width: 40px
    }

    .W30s_21 .tt_page_top .new_id_bs ul {
        padding: 15px 0
    }
}

/* FONT */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url("../fonts/OpenSans-Bold.woff") format('woff')
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url("../fonts/OpenSans-BoldItalic.woff") format('woff')
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url("../fonts/OpenSans-SemiboldItalic.woff") format('woff')
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url("../fonts/OpenSans-Semibold.woff") format('woff')
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url("../fonts/OpenSans-Italic.woff") format('woff')
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url("../fonts/OpenSans.woff") format('woff')
}

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url("../fonts/OpenSans-CondensedBold.woff") format('woff')
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url("../fonts/RobotoCondensed-Regular.woff") format('woff')
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 200;
    src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url("../fonts/RobotoCondensed-Light.ttf") format('woff')
}

@font-face {
    font-family: "VNF-Oswald";
    src: url("../fonts/VNF-Oswald Regular.ttf")
}

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url("../fonts/OpenSans-CondensedBold.woff") format('woff')
}

@font-face {
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), local('Roboto-Regular'), url("../fonts/Roboto-Regular.woff") format('woff')
}

@font-face {
    font-family: 'Roboto Medium';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Medium'), local('Roboto-Medium'), url("../fonts/Roboto-Medium.woff") format('woff')
}

@font-face {
    font-family: 'UTM AvoBold';
    font-style: normal;
    font-weight: 400;
    src: local('UTM avoBold'), local('UTM AvoBold.ttf'), url("../fonts/UTM AvoBold.ttf")
}

@font-face {
    font-family: 'UTM Avo';
    font-style: normal;
    font-weight: 400;
    src: local('UTM avoBold'), local(' UTM Avo.ttf'), url("../fonts/UTM Avo.ttf")
}

@font-face {
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto Condensed', sans-serif;
    font-family: 'Roboto Mono', monospace;
    font-family: 'Roboto Slab', serif
}

/* DEFAULT old */
.clr,
.clear {
    clear: both
}

.fullbackground {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 10;
    display: none
}

.taoweb_class {
    width: 500px;
    height: 500px;
    border-radius: 5px
}

.taoweb_title {
    font-size: 35px;
    color: #FFF
}

.taoweb_xinvuilong {
    color: #FFF;
    font-size: 13px
}

.taoweb_input {
    color: #000;
    font-size: 16px;
    width: 100%;
    border: 1px solid #999;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    height: 30px
}

.margintop50 {
    margin-top: 50px !important
}

.autohide {
    display: none
}

.vangkhe {
    color: #FF3 !important
}

.khuyenmai {
    border: 1px dotted #CCC;
    padding: 10px
}

.margintop10 {
    margin-top: 10px !important
}

.taoweboption {
    font-size: 18px;
    color: #FF3
}

.timer {
    font-size: 56px;
    font-weight: bolder;
    line-height: 120%
}

.margintop20 {
    margin-top: 20px !important
}

.taoweb_class input[type="radio"] {
    margin: 3px 3px 0px 5px
}

.dv-goi-moi {
    border: 1px dotted #fff;
    margin-top: 10px;
    padding: 8px 10px;
    display: none
}

.dv-goi-moi label {
    color: #fff;
    margin-right: 12px;
    font-size: 13px;
    float: left;
    line-height: 1;
    margin-bottom: 5px
}

.dv-goi-moi label:hover {
    color: #FF3
}

.dv-goi-moi label input {
    float: left;
    margin: 0 !important;
    margin-right: 6px !important
}

.khungdeptaoweb {
    color: #F00;
    border: 2px solid #FF0 !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
    background: #FC0;
    margin-top: 3px;
    font-size: 25px;
    cursor: pointer;
    text-align: center;
    width: 250px;
    height: 70px;
    padding-top: 10px
}

.bxanh {
    background: #060 !important
}

.trang {
    color: #FFF !important
}

.xmall {
    font-size: 13px;
    color: #FC0
}

.xanh {
    color: #060 !important
}

.left {
    float: left
}

.right {
    float: right
}

.closewindows {
    height: 36px;
    width: 37px;
    position: absolute;
    z-index: 2;
    top: 70px;
    right: 30px;
    background: url('../images/close2.png') no-repeat;
    cursor: pointer
}

.khungdeptaoweb:hover {
    background: #FF0;
    color: #F00 !important
}

.bxanh:hover {
    background: #090 !important
}

.closewindows {
    height: 36px;
    width: 37px;
    position: absolute;
    z-index: 2;
    top: 110px;
    right: 30px;
    background: url('../../images/old/close2.png') no-repeat;
    cursor: pointer
}

.link_page h2.title-wyc {
    display: inline-block;
    float: left
}

.link_page .search-wyc {
    float: right
}

.link_page .search-wyc .dv-timkiem {
    margin-top: 0;
    border: 1px solid #ccc;
    border-radius: 14px
}

.link_page h2.title-wyc span {
    text-transform: none
}

.pageload_id {
    padding-top: 10px;
    margin-bottom: 20px
}

.col-contact {
    float: left;
    margin: 0 15px;
    width: 570px
}

.col-contact ul {
    margin-bottom: 20px;
    line-height: 25px
}

.col-contact ul h2 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #DC1A5B;
    text-transform: uppercase
}

.col-contact ul p {
    border-bottom: dotted #CCCCCC 1px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    line-height: 30px;
    font-size: 14px
}

.col-contact ul p.add_contact {
    padding-left: 25px;
    background: url(../../images/contact/c_local.png) top 4px left no-repeat;
    background-size: 15px auto
}

.col-contact ul p.phone_contact {
    padding-left: 25px;
    background: url(../../images/contact/c_phone.png) top 6px left no-repeat;
    background-size: 15px auto
}

.col-contact ul p.email_contact {
    padding-left: 35px;
    background: url(../../images/contact/c_mail.png) center left no-repeat
}

#contact .left {
    width: 44.7%;
    float: left
}

#contact .right {
    width: 55%;
    float: right
}

.formBox li {
    display: block;
    position: relative;
    margin-bottom: 10px
}

.formBox li input,
.formBox li textarea {
    border: solid 1px #E1E1E1;
    height: 38px;
    color: #999;
    padding: 0 10px 0 45px
}

.formBox li textarea {
    padding: 10px 10px 10px 45px;
    height: 168px
}

#contact .left input {
    width: 87%
}

#contact .right input,
#contact .right textarea {
    width: 91.5%
}

.formBox li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 10
}

.formBox li.name:after {
    background-image: url("../../images/contact/c_name.png")
}

.formBox li.phone:after {
    background-image: url("../../images/contact/c_phone.png")
}

.formBox li.mail:after {
    background-image: url("../../images/contact/c_mail.png")
}

.formBox li.local:after {
    background-image: url("../../images/contact/c_local.png")
}

.formBox li.subject:after {
    background-image: url("../../images/contact/c_subject.png")
}

.formBox li.mess:after {
    background-image: url("../../images/contact/c_mess.png")
}

.formBox li.code:after {
    background-image: url("../../images/contact/c_code.png")
}

.formBox .button {
    float: right;
    text-transform: uppercase;
    font-size: 15px;
    padding: 0 20px;
    margin-left: 10px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    color: #FFF;
    background: #DC1A5B;
    white-space: nowrap
}

.formBox .button:hover,
.formBox .btn_active {
    color: #FFF;
    background: #f60
}

.formBox li span {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 42px;
    padding: 0 10px;
    font-weight: bold;
    z-index: 2;
    letter-spacing: 1px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none
}

.hotro_lienhe ul {
    width: calc(50% - 15px);
    padding: 30px;
    background: #F34C49;
    float: left;
    color: #fff;
    margin-bottom: 20px
}

.hotro_lienhe .dv-cont-tinhnang-web .nd-tinhnang-web:first-child ul {
    margin-right: 30px
}

.hotro_lienhe ul h2 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase
}

.hotro_lienhe ul li {
    list-style: none;
    border-top: dotted #fff 1px;
    margin-top: 5px;
    padding-top: 5px
}

.hotro_lienhe ul li span {
    font-size: 18px;
    font-weight: bold;
    color: #ff0
}

.hotro_lienhe p {
    color: #666;
    line-height: 25px;
    font-size: 14px;
    font-style: italic;
    text-align: center
}

.hotro_lienhe {
    margin-bottom: 20px
}

.lienhe {
    text-transform: none;
    font-style: italic;
    font-weight: normal
}

.link_page h3 {
    color: #666;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 35px;
    font-weight: normal;
    margin-bottom: 20px
}

.dv-bangsosanh-webshop,
.dv-bangsosanh-webshop div,
.dv-bangsosanh-webshop p,
.dv-bangsosanh-webshop span,
.dv-bangsosanh-webshop b {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.5
}

.dv-bangsosanh-webshop {
    text-align: center;
    color: #5a5a5a;
    font-size: 13px;
    margin: 50px 15px
}

.dv-bangsosanh-webshop .dv-bg-header {}

.dv-bangsosanh-webshop .dv-bg-header h3 {
    display: block;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
    height: 52px;
    line-height: 52px;
    font-size: 15px;
    font-weight: 600
}

.dv-bangsosanh-webshop .dv-bg-header h3.big {
    margin-top: -20px;
    height: 72px;
    line-height: 72px
}

.dv-bangsosanh-webshop .dv-bg-header span {
    display: block !important;
    font-size: 27px !important;
    margin: 15px 0 10px;
    font-weight: 500;
    width: 100% !important;
    line-height: 1
}

.dv-bangsosanh-webshop .dv-bg-header b {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    display: block;
    margin-bottom: 14px;
    line-height: 1
}

.dv-bangsosanh-webshop .bg-col-1 .l {
    width: 75%;
    float: left;
    font-size: 26px;
    line-height: 1.3;
    color: rgba(220, 26, 92, 0.9)
}

.dv-bangsosanh-webshop .bg-col-1 .r {
    width: 25%;
    float: left;
    text-align: left;
    padding-left: 10px;
    font-size: 114px;
    line-height: 1;
    color: rgba(220, 26, 92, 0.77);
    font-weight: 400;
    font-family: times new roman
}

.dv-bangsosanh-webshop .bg-col-1 {
    background: #F5F5F5;
    text-align: left;
    border: 1px solid #dadada;
    height: 34px;
    display: table;
    padding: 0 10px;
    border-right: 0;
    border-top: 0;
    border-left: 1px solid #e6e6e6;
    vertical-align: middle
}

.dv-bangsosanh-webshop .dv-row-bg {
    background: #cbf1e6
}

.dv-bangsosanh-webshop .bg-col-2 {
    background: #b6ebfb;
    display: table;
    min-height: 34px;
    border: 1px solid #fff;
    border-top: 0;
    border-right: 0
}

.dv-bangsosanh-webshop .bg-col-3 {
    display: table;
    min-height: 34px;
    border: 1px solid #fff;
    border-top: 0;
    border-right: 0
}

.dv-bangsosanh-webshop .bg-col-4 {
    min-height: 34px;
    display: table;
    border: 1px solid #fff;
    border-top: 0;
    border-right: 0
}

.dv-bangsosanh-webshop .dv-row-bg-hd {
    text-transform: uppercase;
    font-size: 17px;
    display: block;
    border-bottom: 1px solid #fff
}

.dv-bangsosanh-webshop .bg-col-1 {
    width: 34%;
    float: left
}

.dv-bangsosanh-webshop .bg-col-2 {
    width: 22%;
    float: left
}

.dv-bangsosanh-webshop .bg-col-3 {
    width: 22%;
    float: left
}

.dv-bangsosanh-webshop .bg-col-4 {
    width: 22%;
    float: left
}

.dv-bangsosanh-webshop .dv-bg-header .bg-col-1 {
    height: 146px;
    border: none;
    background: none;
    font-size: 24px;
    text-align: center;
    line-height: 146px
}

.dv-bangsosanh-webshop .dv-bg-header .bg-col-2,
.dv-bangsosanh-webshop .dv-bg-header .bg-col-3,
.dv-bangsosanh-webshop .dv-bg-header .bg-col-4 {
    height: 186px;
    display: block
}

.dv-bangsosanh-webshop .dv-bg-header .btn-reg-page-full-feature {
    width: 100%;
    float: left;
    color: white;
    padding: 15px;
    font-size: 15px;
    text-transform: uppercase;
    cursor: pointer
}

.dv-bangsosanh-webshop .dv-bg-header .bg-col-2 .btn-reg-page-full-feature {
    background: #00a6d9
}

.dv-bangsosanh-webshop .dv-bg-header .bg-col-3 .btn-reg-page-full-feature {
    background: #f24e49
}

.dv-bangsosanh-webshop .dv-bg-header .bg-col-4 .btn-reg-page-full-feature {
    background: #179c76
}

.dv-bangsosanh-webshop .fa {
    font-size: 17px
}

.dv-bangsosanh-webshop .fa-check {
    color: #1789e4
}

.dv-bangsosanh-webshop .fa-close {
    color: #ff0000
}

.dv-row-bg-dangky a {
    font-size: 15px;
    color: #fff;
    background: none;
    border-radius: 5px;
    padding: 8px 34px 8px 35px;
    text-transform: uppercase;
    display: inline-block;
    margin: 10px 0;
    cursor: pointer
}

.dv-bangsosanh-webshop .bg-col-1 span,
.dv-bangsosanh-webshop .bg-col-2 span,
.dv-bangsosanh-webshop .bg-col-3 span,
.dv-bangsosanh-webshop .bg-col-4 span {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px
}

.dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-2,
.dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-3,
.dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-4,
.dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-1 {
    height: 65px !important
}

.dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-3 a {
    background: rgb(242, 78, 73);
    border: 1px solid #e83933
}

.dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-3 a:hover {
    background: #e83933
}

.dv-bangsosanh-webshop-webdoanhnghiep.dv-bangsosanh-webshop .bg-col-2 p {
    background-color: #26ad5f
}

.dv-bangsosanh-webshop-webdoanhnghiep.dv-bangsosanh-webshop .bg-col-2 {
    background: #b3f2ce
}

.dv-bangsosanh-webshop-webdoanhnghiep.dv-bangsosanh-webshop .bg-col-3 {
    background: #fdb48e
}

.dv-bangsosanh-webshop-webdoanhnghiep.dv-bangsosanh-webshop .bg-col-3 p {
    background-color: #f86517
}

.dv-bangsosanh-webshop-webdoanhnghiep.dv-bangsosanh-webshop .bg-col-4 {
    background: #8ddef6
}

.dv-bangsosanh-webshop-webdoanhnghiep.dv-bangsosanh-webshop .bg-col-4 p {
    background-color: #1c7e9c
}

.dv-bangsosanh-webshop-webdoanhnghiep.dv-bangsosanh-webshop .dv-row-bg {
    background: #8ddef6
}

.dv-bangsosanh-webshop-webdoanhnghiep.dv-bangsosanh-webshop .dv-bg-header p {
    font-size: 17px
}

.dv-bangsosanh-webshop-webdoanhnghiep.dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-2 a {
    background: rgb(38, 173, 95);
    border: 1px solid #20a056
}

.dv-bangsosanh-webshop-webdoanhnghiep.dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-2 a:hover {
    background: #20a056;
    border: 1px solid #20a056
}

.dv-bangsosanh-webshop-webdoanhnghiep.dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-3 a {
    background: #f86517;
    border: 1px solid #e6560a
}

.dv-bangsosanh-webshop-webdoanhnghiep.dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-3 a:hover {
    background: #e6560a;
    border: 1px solid #e6560a
}

.dv-bangsosanh-webshop-webdoanhnghiep.dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-4 a {
    background: #1c7e9c;
    border: 1px solid #126f8c
}

.dv-bangsosanh-webshop-webdoanhnghiep.dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-4 a:hover {
    background: #126f8c;
    border: 1px solid #126f8c
}

.link_page h2 {
    margin-right: 15px;
    margin-left: 15px;
    color: #666;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 35px;
    font-weight: normal;
    margin-bottom: 20px
}

.title_web_id ul h2 {
    font-size: 30px;
    font-weight: normal;
    color: #DC1A5B;
    text-transform: uppercase;
    line-height: 40px;
    padding-bottom: 10px
}

@media only screen and (max-width:991px) {
    .dv-bangsosanh-webshop-webdoanhnghiep.dv-bangsosanh-webshop .dv-bg-header p {
        font-size: 17px;
        line-height: 1.5;
        height: 54px;
        padding: 2px
    }

    .dv-bangsosanh-webshop-webdoanhnghiep.dv-bangsosanh-webshop .dv-bg-header p.big {
        margin-top: -10px;
        height: 64px;
        line-height: 1.5;
        padding: 8px 5px
    }

    .dv-bangsosanh-webshop .dv-bg-header p {
        font-size: 13px
    }

    .dv-bangsosanh-webshop .dv-bg-header span {
        font-size: 25px
    }

    .dv-bangsosanh-webshop .dv-bg-header b {
        font-size: 16px
    }

    .dv-bangsosanh-webshop .dv-bg-header .bg-col-2,
    .dv-bangsosanh-webshop .dv-bg-header .bg-col-3,
    .dv-bangsosanh-webshop .dv-bg-header .bg-col-4 {
        height: 167px
    }

    .dv-bangsosanh-webshop .dv-bg-header .bg-col-1 {
        height: 130px
    }

    .dv-bangsosanh-webshop .bg-col-1 .l {
        font-size: 26px;
        padding-top: 30px
    }

    .dv-bangsosanh-webshop .bg-col-1 .r {
        font-size: 85px;
        padding-top: 22px
    }

    .dv-bangsosanh-webshop .dv-bg-header p {
        height: 48px;
        line-height: 48px
    }

    .dv-bangsosanh-webshop .dv-bg-header p.big {
        margin-top: -10px;
        height: 58px;
        line-height: 58px
    }
}

@media only screen and (max-width:767px) {
    .dv-bangsosanh-webshop .dv-bg-header p {
        height: 48px;
        line-height: 1.5;
        padding: 5px 0
    }

    .dv-bangsosanh-webshop .dv-bg-header p.big {
        margin-top: -10px;
        height: 58px;
        line-height: 1.5;
        padding: 10px 0
    }

    .dv-bangsosanh-webshop .dv-bg-header span {
        font-size: 20px;
        margin: 7px 0 0
    }

    .dv-bangsosanh-webshop .dv-bg-header b {
        font-size: 13px;
        margin: 4px 0
    }

    .dv-bangsosanh-webshop .dv-bg-header .bg-col-2,
    .dv-bangsosanh-webshop .dv-bg-header .bg-col-3,
    .dv-bangsosanh-webshop .dv-bg-header .bg-col-4 {
        height: 133px
    }

    .dv-bangsosanh-webshop .dv-bg-header .btn-reg-page-full-feature {
        font-size: 12px
    }

    .dv-bangsosanh-webshop .dv-bg-header .bg-col-1 {
        height: 115px
    }

    .dv-bangsosanh-webshop .bg-col-1 .l {
        font-size: 16px;
        padding-top: 35px
    }

    .dv-bangsosanh-webshop .bg-col-1 .r {
        font-size: 60px;
        padding-top: 25px;
        padding-left: 0
    }

    .dv-row-bg-dangky a {
        font-size: 15px;
        padding: 3px 10px;
        margin: 7px 0
    }

    .dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-2,
    .dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-3,
    .dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-4,
    .dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-1 {
        height: 45px !important
    }

    .dv-bangsosanh-webshop-webdoanhnghiep.dv-bangsosanh-webshop .dv-bg-header p {
        font-size: 13px;
        line-height: 1.5;
        height: 75px;
        padding: 10px 0
    }

    .dv-bangsosanh-webshop-webdoanhnghiep.dv-bangsosanh-webshop .dv-bg-header p.big {
        margin-top: -10px;
        height: 85px;
        line-height: 1.5;
        padding: 15px 5px
    }
}

@media only screen and (max-width:479px) {
    .dv-row-bg-dangky a {
        font-size: 12px
    }

    .dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-2,
    .dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-3,
    .dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-4,
    .dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-1 {
        height: 60px !important
    }

    .dv-bangsosanh-webshop .dv-row-bg-hd {
        padding: 6px 10px;
        font-size: 15px
    }

    .dv-bangsosanh-webshop .dv-bg-header p {
        height: 65px;
        line-height: 1.6;
        padding: 5px 0;
        font-size: 12px
    }

    .dv-bangsosanh-webshop .dv-bg-header p.big {
        margin-top: -10px;
        height: 75px;
        line-height: 1.5;
        padding: 12px 0px
    }

    .dv-bangsosanh-webshop .dv-bg-header .bg-col-2 p {
        padding: 15px 0
    }

    .dv-bangsosanh-webshop .dv-bg-header span {
        font-size: 14px;
        margin: 4px 0 0
    }

    .dv-bangsosanh-webshop .dv-bg-header b {
        font-size: 9px;
        margin: 4px 0
    }

    .dv-bangsosanh-webshop .bg-col-1 .l {
        font-size: 15px;
        padding-top: 15px
    }

    .dv-bangsosanh-webshop-webdoanhnghiep.dv-bangsosanh-webshop .dv-bg-header p.big {
        margin-top: -10px;
        height: 90px;
        line-height: 1.5;
        padding: 10px 5px
    }

    .dv-bangsosanh-webshop-webdoanhnghiep.dv-bangsosanh-webshop .dv-bg-header p {
        font-size: 13px;
        line-height: 1.5;
        height: 80px;
        padding: 4px 0
    }

    .dv-bangsosanh-webshop {
        margin: 50px 0px
    }

    .dv-bangsosanh-webshop .bg-col-1 {
        width: 55%
    }

    .dv-bangsosanh-webshop .bg-col-2 {
        width: 15%
    }

    .dv-bangsosanh-webshop .bg-col-3 {
        width: 15%;
        float: left
    }

    .dv-bangsosanh-webshop .bg-col-4 {
        width: 15%
    }

    .dv-bangsosanh-webshop .dv-bg-header .bg-col-1 {
        display: none
    }

    .dv-bangsosanh-webshop .dv-bg-header .bg-col-2,
    .dv-bangsosanh-webshop .dv-bg-header .bg-col-3,
    .dv-bangsosanh-webshop .dv-bg-header .bg-col-4 {
        width: 33.333333%
    }

    .dv-row-bg-dangky .bg-col-1 {
        display: none
    }

    .dv-row-bg-dangky .bg-col-2,
    .dv-row-bg-dangky .bg-col-3,
    .dv-row-bg-dangky .bg-col-4 {
        width: 33.333333%
    }
}

.title_web_id ul {
    text-align: center;
    width: 75%;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 30px
}

.title_web_id ul p {
    color: #666
}

.contact_id {
    color: #666
}

#contact .right input,
#contact .right textarea {
    width: 100%
}

@media screen and (max-width:650px) {
    .chamsocweb_p1_mobile h3 {
        font-szie:
    }

    .hotro_lienhe ul {
        width: 100%
    }

    .hotro_lienhe .dv-cont-tinhnang-web .nd-tinhnang-web:first-child ul {
        margin-right: 0
    }

    #contact {
        padding: 0 10px
    }

    #contact .left,
    #contact .right {
        width: 100%
    }

    #contact .left input,
    #contact .right input,
    #contact .right textarea {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .col-contact {
        margin: 0;
        width: 100%;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

.dv-ajax-timkiem {
    display: none;
    position: fixed;
    left: 0;
    width: 100%;
    top: 145px;
    z-index: 9999
}

.dv-ajax-timkiem-conten {
    background: #fff;
    margin: 0 15px;
    box-shadow: 0 0 15px #333;
    height: 364px
}

.dv-ajax-timkiem-left {
    width: 80%;
    float: left
}

.dv-ajax-timkiem-right {
    width: 20%;
    float: right
}

.dv-ajax-timkiem-conten ul {
    width: 200px;
    padding: 2px
}

.dv-ajax-timkiem-conten ul img,
.dv-ajax-timkiem-conten ul li {
    position: relative;
    width: 100% !important;
    height: auto !important
}

.dv-ajax-timkiem-conten h2 {
    position: absolute;
    bottom: 0px;
    color: #fff !important;
    background: rgba(0, 0, 0, 0.37);
    right: 0;
    left: 0;
    padding: 18px;
    font-size: 16px;
    text-align: right
}

.dv-ajax-timkiem-conten h4 {
    padding: 10px !important;
    font-size: 16px !important;
    line-height: 1.5;
    width: 100% !important
}

.dv-ajax-timkiem-conten h4 p {
    font-size: 13px
}

.dv-ajax-timkiem-conten h2 {
    width: 100% !important
}

.dv-ajax-timkiem-conten .owl-buttons {
    top: 40%;
    width: 100%
}

.dv-ajax-timkiem-conten .owl-buttons .owl-prev {
    background: none;
    position: absolute;
    left: -3px
}

.dv-ajax-timkiem-conten .owl-buttons .owl-next {
    background: none;
    right: -25px;
    position: absolute
}

.dv-ajax-timkiem-conten .owl-buttons img {
    width: 16px
}

.dv-ajax-timkiem-conten .owl-buttons .owl-prev:before,
.dv-ajax-timkiem-conten .owl-buttons .owl-next:before {
    content: ""
}

.dv-ajax-timkiem-right ul {
    width: 205px;
    height: 307px;
    border: none !important;
    box-shadow: none !important;
    overflow-y: auto
}

.dv-ajax-timkiem-right ul li {
    line-height: 1.7;
    font-size: 13px;
    margin-bottom: 2px
}

.dv-ajax-timkiem-right ul li a {
    display: block;
    color: #333
}

.dv-ajax-timkiem-right ul li a:hover {
    color: #DC1A5B
}

.dv-ajax-timkiem-left .owl-wrapper {
    min-width: 100%
}

.dv-ajax-timkiem-conten ul .wrapper-image {
    height: 243px !important;
    overflow: hidden
}

.dv-ajax-timkiem-conten ul .wrapper-image img {
    height: auto !important
}

@media only screen and (max-width:1024px) {
    .dv-ajax-timkiem {
        top: 52px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .dv-ajax-timkiem-conten {
        margin: 0;
        height: 325px
    }

    .temp_home ul {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .dv-ajax-timkiem-left {
        width: 75%;
        padding-left: 0px;
        padding-right: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .dv-ajax-timkiem-left .item {
        padding: 15px 10px
    }

    .dv-ajax-timkiem-right {
        width: 25%
    }

    .dv-ajax-timkiem-conten ul img {
        height: 220px !important
    }

    .dv-ajax-timkiem-conten h4 {
        padding: 10px 0 !important;
        font-size: 14px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100%
    }

    .dv-ajax-timkiem-right ul {
        width: 98% !important;
        height: 268px;
        margin-top: 15px !important
    }

    .dv-ajax-timkiem-left .item h4 {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media only screen and (max-width:767px) {
    .dv-ajax-timkiem-conten h4 p {
        font-size: 12px
    }

    .dv-ajax-timkiem-left {
        width: 72%
    }

    .dv-ajax-timkiem-right {
        width: 28%
    }

    .img_aj_loader {
        padding-top: 150px
    }

    .dv-nutnew a h2 {
        margin-top: 25px !important;
        font-size: 13px !important;
        height: 48px !important;
        line-height: 48px !important;
        padding: 0 40px !important
    }
}

@media only screen and (max-width:479px) {
    .dv-ajax-timkiem-conten {
        height: 270px
    }

    .dv-ajax-timkiem-left {
        width: 100%
    }

    .dv-ajax-timkiem-left .item ul {
        max-width: 170px;
        margin: 0px auto;
        float: none
    }

    .dv-ajax-timkiem-right {
        display: none
    }

    .dv-ajax-timkiem-conten ul img {
        height: 170px !important
    }

    .img_aj_loader {
        padding-top: 120px
    }

    .dv-nutnew a h2 {
        height: 45px !important;
        line-height: 45px !important;
        padding: 0 30px !important;
        margin-top: 20px !important
    }
}

.dv-child-slider {
    margin-top: -20px;
    border-top: 1px solid rgba(220, 25, 91, 0.14)
}

.dv-child-slider img {
    width: 100%;
    float: left
}

.dv-ws-title {
    margin-top: 10px;
    background: #dc195b;
    text-align: center
}

.dv-ws-title ul,
.dv-ws-title ul li {
    list-style: none
}

.dv-ws-title ul li a {
    color: #fff;
    display: inline-block;
    padding: 10px 30px;
    font-weight: 700;
    font-size: 18px
}

.dv-ws-title ul li a:hover {
    color: #fbf81a
}

.chamsocweb_p1 {
    position: relative;
    border: solid #eee 2px;
    border-radius: 500px;
    -webkit-border-radius: 500px;
    padding: 50px;
    -moz-border-radius: 500px;
    background: #fff;
    width: 604px;
    height: 604px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .15), -2px 0px 5px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .15), -2px 0px 5px rgba(0, 0, 0, .15);
    margin-top: 150px;
    margin-bottom: 230px
}

.section_1 li:hover,
.section_2 li:hover,
.section_3 li:hover,
.section_4 li:hover,
.section_5 li:hover,
.section_6 li:hover {
    -webkit-filter: brightness(50%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease
}

.section_1 li img,
.section_2 li img,
.section_3 li img,
.section_4 li img,
.section_5 li img,
.section_6 li img {
    height: 160px;
    width: 160px;
    list-style: none;
    border-radius: 500px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .15), -2px 0px 5px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .15), -2px 0px 5px rgba(0, 0, 0, .15);
    padding: 5px;
    background: #fff
}

.section_1 li,
.section_2 li,
.section_3 li,
.section_4 li,
.section_5 li,
.section_6 li {
    list-style: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease
}

.section_1 h2,
.section_2 h2,
.section_3 h2,
.section_4 h2,
.section_5 h2,
.section_6 h2 {
    font-size: 20px;
    color: #dc195b;
    line-height: 1.7;
    text-transform: uppercase
}

.section_1 h3,
.section_2 h3,
.section_3 h3,
.section_4 h3,
.section_5 h3,
.section_6 h3 {
    font-size: 14px;
    color: #333;
    line-height: 1.7;
    text-transform: none;
    font-weight: normal
}

.section_1 {
    left: 190px;
    position: absolute;
    text-align: center;
    top: -80px;
    color: #666;
    z-index: 10;
    width: 250px
}

.section_2 {
    left: 440px;
    position: absolute;
    text-align: center;
    top: 70px;
    color: #666;
    z-index: 10;
    width: 250px
}

.section_3 {
    left: 440px;
    position: absolute;
    text-align: center;
    top: 350px;
    color: #666;
    z-index: 10;
    width: 250px
}

.section_4 {
    left: 190px;
    position: absolute;
    text-align: center;
    top: 500px;
    color: #666;
    z-index: 10;
    width: 250px
}

.section_5 {
    left: -90px;
    position: absolute;
    text-align: center;
    top: 350px;
    color: #666;
    z-index: 10;
    width: 250px
}

.section_6 {
    left: -90px;
    position: absolute;
    text-align: center;
    top: 70px;
    color: #666;
    z-index: 10;
    width: 250px
}

.chamsocweb_p1 ul {
    position: absolute;
    top: 230px;
    left: 200px
}

.chamsocweb_p1 ul img {
    width: 200px;
    height: 200px;
    border-radius: 500px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .15), -2px 0px 5px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .15), -2px 0px 5px rgba(0, 0, 0, .15);
    padding: 5px
}

.chamsocweb_p2 {
    padding: 50px 0;
    background: white;
    color: #333
}

.dv-congviec-ct {
    background: #f8f8f8;
    color: #f8f8f8;
    width: 100%;
    float: left
}

.chamsocweb_p2 li {
    float: left;
    list-style: none
}

.chamsocweb_p2 ul {
    float: right;
    width: 750px;
    font-size: 17px;
    line-height: 2
}

.chamsocweb_p2 ul h3 {
    font-size: 25px;
    line-height: 1.5;
    font-weight: 600;
    padding-bottom: 20px;
    color: #dc1a5b
}

.chamsocweb_p3 {
    width: 100%;
    float: left;
    padding-top: 50px;
    background: url(../../images/csws/08.png) center bottom no-repeat #fff;
    padding-bottom: 300px;
    margin-bottom: 50px
}

.chamsocweb_p3 h3 {
    font-size: 25px;
    color: #dc195b;
    line-height: 1.7;
    text-transform: uppercase;
    padding-bottom: 20px;
    text-align: center;
    font-weight: 600
}

.chamsocweb_p3 ul {
    font-size: 18px;
    color: #666;
    font-weight: 600;
    line-height: 2;
    text-align: center
}

.chamsocweb_p4 {
    width: 100%;
    float: left;
    padding: 100px 0;
    background: url(../../images/014.jpg) no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover
}

.chamsocweb_p4 ul {
    padding: 28px;
    border: dashed #fff 2px;
    background: rgba(3, 94, 156, 0.80);
    float: left;
    width: calc(50% - 80px);
    min-height: 332px;
    font-size: 15px;
    line-height: 25px;
    color: #fff;
    min-height: 370px
}

.chamsocweb_p4 ul:nth-child(1) {
    margin-left: 60px;
    margin-right: 20px
}

.chamsocweb_p4 ul:nth-child(2) {
    margin-left: 20px;
    margin-right: 60px
}

@media only screen and (max-width:1149px) {
    .chamsocweb_p4 ul {
        min-height: 400px
    }
}

@media only screen and (max-width:1098px) {
    .chamsocweb_p4 ul {
        min-height: 420px
    }
}

.chamsocweb_p4 ul h2 {
    font-size: 24px;
    line-height: 1.8;
    color: #fff;
    font-weight: 600;
    padding-bottom: 15px;
    text-shadow: 1px 1px #000
}

.tongdaiao_p4 ul li,
.chamsocweb_p4 ul li {
    margin-left: 30px;
    padding-bottom: 10px;
    list-style-type: none
}

.chamsocweb_p6 {
    width: 100%;
    float: left;
    padding: 50px 0 20px;
    background: #fff
}

.tongdaiao_p6 h2,
.dichvu_id_top6 h2,
.chamsocweb_p6 h2 {
    font-size: 25px;
    line-height: 1.7;
    color: #dc195b;
    font-weight: 600;
    text-align: center;
    padding-bottom: 25px;
    text-transform: uppercase
}

.tb-banggia {
    padding: 0 15px
}

.dichvu_id_top h3 {
    font-size: 28px;
    color: #dc195b;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    text-align: center
}

.dichvu_id_top h2 {
    font-size: 16px;
    color: #666;
    font-weight: bold;
    line-height: 35px;
    text-transform: uppercase;
    text-align: center
}

.section-1,
.section-2,
.section-3,
.section-4,
.section-5 {
    position: initial;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
    text-align: center
}

.section-1 h3,
.section-2 h3,
.section-3 h3,
.section-4 h3,
.section-5 h3 {
    font-size: 20px;
    line-height: 35px;
    color: #33adff;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase
}

.section-2 h3 {
    color: #dc3347
}

.section-3 h3 {
    color: #b1c733
}

.section-4 h3 {
    color: #ffbe49
}

.section-5 h3 {
    color: #6e19a3
}

.chamsocweb_p4 ul span {
    font-size: 20px;
    line-height: 1.7;
    color: rgb(255, 255, 0);
    font-weight: 700
}

@media only screen and (max-width:991px) {
    .dichvu_id_top h2 {
        line-height: 1.8
    }

    .tongdaiao_p4 ul li,
    .chamsocweb_p4 ul li {
        margin-left: 15px
    }

    .chamsocweb_p2 ul h3 {
        font-size: 22px;
        line-height: 1.5;
        color: #333;
        font-weight: 600;
        padding-bottom: 20px
    }

    .chamsocweb_p2 {
        padding: 40px 0;
        padding-top: 0
    }

    .chamsocweb_p4 {
        padding: 40px 0 20px
    }

    .chamsocweb_p2 ul {
        width: 100%;
        font-size: 15px;
        line-height: 1.8
    }

    .chamsocweb_p1 {
        display: none
    }

    .chamsocweb_p1_mobile {
        display: block !important;
        margin-top: 30px
    }

    .dv-ws-title {
        display: none
    }

    .chamsocweb_p2 li {
        display: none
    }

    .chamsocweb_p3 h3 {
        font-size: 20px;
        color: #dc195b;
        line-height: 1.7;
        text-transform: uppercase;
        padding-bottom: 15px;
        text-align: left;
        font-weight: 600
    }

    .chamsocweb_p3 ul {
        font-size: 15px;
        color: #666;
        font-weight: 600;
        line-height: 1.8;
        text-align: left
    }

    .chamsocweb_p3 {
        padding-top: 40px;
        background: none;
        padding-bottom: 0;
        margin-bottom: 40px
    }

    .chamsocweb_p4 ul {
        min-height: unset;
        padding: 28px;
        margin-left: 0;
        margin-right: 0;
        border: dashed #fff 2px;
        background: rgba(3, 94, 156, 0.80);
        float: left;
        width: auto;
        min-height: auto;
        font-size: 15px;
        line-height: 25px;
        color: #fff;
        margin-bottom: 20px
    }

    .chamsocweb_p4 ul:nth-child(1),
    .chamsocweb_p4 ul:nth-child(2) {
        margin-left: 0;
        margin-right: 0
    }

    .tb-banggia {
        padding: 0
    }

    .chamsocweb_p6 {
        padding: 40px 0 20px
    }

    .bangigachamsocweb_pc {
        display: none
    }

    .bangigachamsocweb_mobile {
        display: block !important
    }

    .menu_service {
        font-size: 14px;
        font-weight: 600;
        width: 100%;
        text-align: center;
        color: #FFF;
        background-color: #dc195b;
        padding: 8px 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #bd0c48
    }

    .chamsocweb_p4 ul h2 {
        font-size: 22px;
        line-height: 1.8;
        color: #fff;
        font-weight: 600;
        padding-bottom: 10px;
        text-shadow: 1px 1px #000
    }
}

@media only screen and (max-width:767px) {
    .dichvu_id_top h3 {
        font-size: 25px
    }

    .dv-child-slider {
        margin-top: -30px
    }

    .dichvu_id_top h2 {
        line-height: 1.7;
        font-size: 14px;
        margin-top: 5px
    }

    .chamsocweb_p3 ul {
        font-weight: 500
    }

    .tongdaiao_p4 ul li,
    .chamsocweb_p4 ul li {
        margin-left: 0;
        font-size: 13px
    }
}

.page-chamsoc-ws {
    padding: 0px
}

@media screen and (max-width:420px) {
    .box_title_banner ul h3 {
        font-size: 18px
    }

    .taoweb_class {
        margin-top: 70px !important
    }

    .closewindows {
        top: 70px
    }

    #in_menu_dkid_km .khungdeptaoweb.btn-contact {
        margin-left: 10px
    }

    .taoweb_class .taoweboption {
        display: block
    }
}

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

    #in_menu_dkid_km .khungdeptaoweb.btn-contact,
    #in_menu_dkid_km .khungdeptaoweb.bxanh.trang {
        width: 150px !important
    }
}

@media screen and (max-width:320px) {
    #in_menu_dkid_km .khungdeptaoweb.btn-contact {
        margin-top: 10px;
        margin-left: 0px
    }
}

.banner_top_ldb {
    position: relative;
    background: url(../images/web-landing-page/banner.jpg) center center;
    background-size: cover;
    padding: 50px 0px 140px 0
}

.banner_text {
    width: 100%;
    padding-left: 60%;
    align-content: center
}

.banner_top_ldb .banner_text .title_banner {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    color: #ffc624;
    margin-bottom: 25px;
    text-align: right;
    text-transform: uppercase;
    margin-top: 0
}

.banner_top_ldb .banner_text h2 {
    font-size: 20px;
    color: #fff;
    text-align: right;
    line-height: 30px;
    letter-spacing: 0px;
    margin-bottom: 20px
}

.banner_top_ldb .banner_text h3 {
    letter-spacing: 1px;
    font-size: 20px;
    color: #fff;
    text-align: right;
    text-transform: uppercase;
    line-height: 35px;
    margin-bottom: 10px
}

.banner_top_ldb .banner_text p {
    letter-spacing: 1px;
    font-size: 18px;
    color: #fff;
    text-align: right;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 10px
}

.banner_top_ldb .banner_text span {
    font-weight: 600;
    color: #ff9800;
    font-size: 20px;
    padding-left: 10px;
    line-height: 35px
}

.banner_top_ldb .banner_text .bt_bn {
    text-align: right;
    margin-top: 20px;
    margin-right: 22px;
    width: auto;
    display: inline-block;
    float: right
}

.banner_top_ldb .banner_text .bt_bn button {
    background: #e3aa08;
    font-size: 15px;
    color: #fff;
    border: none;
    padding: 12px 40px;
    position: relative;
    cursor: pointer
}

.banner_top_ldb .banner_text .bt_bn button:before,
.banner_top_ldb .banner_text .bt_bn button:after {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    border: 2px solid #ffc624;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.banner_top_ldb .banner_text .bt_bn button:before {
    left: -20px;
    bottom: -20px;
    border-top: none;
    border-right: none
}

.banner_top_ldb .banner_text .bt_bn button:after {
    right: -20px;
    top: -20px;
    border-bottom: none;
    border-left: none
}

.ldb_home {
    padding: 90px 15px
}

.ldb_home .title_page {
    padding-bottom: 34px;
    text-align: center;
    width: 80%
}

.ldb_home .title_page ul h3 {
    color: #333;
    text-transform: uppercase;
    font-size: 27px;
    font-weight: 100;
    line-height: 50px;
    padding-bottom: 20px;
    background: url(../images/bg_line.png) center bottom no-repeat;
    margin-bottom: 16px;
    margin-top: 0px
}

.ldb_home .title_page ul p {
    color: gray;
    font-size: 20px;
    line-height: 30px
}

.ldb_home .title_page ul h3 span {
    color: #dc1a5b
}

.list_ldb_home_1 {
    flex-direction: center;
    align-items: center
}

.list_ldb_home_1 .ldg_img {
    width: 50%
}

.list_ldb_home_1 .ldg_img img {
    width: 100%
}

.list_ldb_home_1 ul {
    list-style: none
}

.list_ldb_home_1 .ldg_content_rigth,
.list_ldb_home_1 .ldg_content_left {
    width: 50%;
    padding: 0 0 0 30px;
    margin: 0
}

.ldg_content_rigth ul li,
.ldg_content_left ul li {
    padding: 5px 0px;
    line-height: 27px;
    font-size: 15px;
    color: #4c4c4c;
    font-weight: 600
}

.ldg_content_rigth ul li i {
    font-size: 20px;
    color: #dc1a5b;
    margin-right: 10px
}

.list_ldb_home_1 .ldg_content_left {
    width: 50%;
    padding: 0 30px 0 0;
    margin: 0
}

.ldg_content_left ul li i {
    font-size: 22px;
    color: #dc1a5b;
    margin-left: 10px
}

.ldg_content_left ul li {
    padding: 5px 40px 5px 0px;
    line-height: 27px;
    font-size: 15px;
    color: #4c4c4c;
    font-weight: 600;
    text-align: right;
    position: relative
}

.ldg_content_left ul li i {
    position: absolute;
    top: 10px;
    right: 0;
    padding-left: 10px
}

.ldb_home_2 {
    background: #ededed
}

.ldb_home_2 .list_ldb_home_2 .items {
    width: 25%;
    margin-bottom: 20px
}

.list_ldb_home_2 .img_box {
    text-align: center
}

.list_ldb_home_2 .text_box {
    padding: 0 10px
}

.list_ldb_home_2 .text_box h3 {
    text-align: center;
    font-size: 15px;
    color: #333;
    line-height: 26px;
    margin: 0;
    font-weight: 600
}

#pro_tabs .listtabs {
    border-bottom: 2px solid #ccc;
    text-align: center
}

#pro_tabs .listtabs li {
    display: inline-block;
    padding: 20px;
    color: #333;
    cursor: pointer
}

#pro_tabs .listtabs {
    display: flex;
    flex-wrap: wrap
}

#pro_tabs .listtabs li h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: inherit
}

#pro_tabs .listtabs li:hover {
    color: #dc1a5b;
    text-decoration: none
}

#pro_tabs .listtabs li:hover h3 {
    text-decoration: none
}

#pro_tabs .listtabs li .img_tab,
#pro_tabs .listtabs li svg {
    width: 45px;
    height: 45px;
    display: block;
    margin-bottom: 15px;
    color: inherit
}

#pro_tabs .listtabs li i {
    display: block;
    font-size: 58px;
    margin-bottom: 15px;
    color: inherit
}

.tiltle_f-style .tabcontent {
    display: none
}

#pro_tabs .listtabs li.active {
    color: #dc1a5b !important
}

.tiltle_f-style>.active {
    display: block
}

.dangky_lh {
    padding: 100px 0;
    text-align: center;
    background: url(../images/web-landing-page/7.png) center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    color: #fff;
    position: relative
}

.dangky_lh .box_form_contact {
    flex-direction: center;
    align-items: center;
    margin: 0 20px
}

.dangky_lh .box_form_contact .text-dangky {
    width: 50%;
    padding-right: 75px;
    text-align: right
}

.dangky_lh .box_form_contact .text-dangky h3 {
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 500
}

.dangky_lh .box_form_contact .text-dangky h2,
.dangky_landing_page .box_form_contact .text-dangky h2 {
    font-size: 25px;
    color: #fff;
    line-height: 40px; //margin-bottom:15px;text-transform:uppercase;font-weight:600}.dangky_lh .box_form_contact .text-dangky h4 , .dangky_landing_page .box_form_contact .text-dangky .phu_hop{font-size:25px;color:#ffc520;margin-bottom:25px;text-transform:uppercase;font-weight:600}.dangky_lh .box_form_contact .text-dangky p, .dangky_landing_page .box_form_contact .text-dangky h3{font-size:20px;color:#fff;text-transform:uppercase;line-height:40px}.dangky_lh .box_form_contact .formBox{width:50%;padding:30px;border-radius:15px;background:#fff}.dangky_lh .box_form_contact .formBox .form-control{display:block;width:100%;height:45px;padding:6px 25px;font-size:14px;line-height:1.42857143;color:#666;background-color:#ffffff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);font-family:'Roboto Regular'}.dangky_lh .box_form_contact .formBox .row-frm .khung_gio{padding:6px 22px}.dangky_lh .box_form_contact .formBox .row-frm{margin-bottom:15px}.dangky_lh .box_form_contact .formBox h4 a{background:#ff9800;width:100%;border-radius:4px;color:#fff;padding:13px;font-size:20px;text-transform:capitalize;text-align:center;display:inherit;font-weight:400}@media only screen and (max-width:1024px){.banner_top_ldb .banner_text .title_banner{font-size:22px;line-height:30px;padding:15px}.banner_top_ldb .banner_text h3{font-size:18px;line-height:30px;margin-bottom:5px}.dangky_lh{padding:100px 15px}}@media only screen and (max-width:768px){.banner_top_ldb{padding:40px 0px 100px 0}.banner_top_ldb .img:before{background:#0000007a;height:100%}.banner_text{width:100%;right:0;padding-left:0}.banner_top_ldb .banner_text h2{font-size:16px;line-height:25px;margin-bottom:5px}.banner_top_ldb .banner_text h3{font-size:18px}.banner_top_ldb .banner_text p{font-size:18px;letter-spacing:0px}.banner_top_ldb .banner_text .bt_bn button{font-size:16px;padding:10px 25px}.banner_top_ldb .banner_text .bt_bn button:before{left:-15px;bottom:-15px}.banner_top_ldb .banner_text .bt_bn button:after{right:-15px;top:-15px}.banner_top_ldb .banner_text .bt_bn button:before, .banner_top_ldb .banner_text .bt_bn button:after{width:20px;height:20px}.ldb_home{padding:90px 0 50px 0}.dangky_lh .box_form_contact .text-dangky{width:100%;padding-right:0px;text-align:center;margin-bottom:20px}.dangky_lh .box_form_contact .formBox{width:80%}}@media only screen and (max-width:480px){.banner_top_ldb{background:url(../images/web-landing-page/banner.jpg) center right;padding:0px 0px 260px 0}.dangky_lh .box_form_contact{margin:0 -15px}.banner_text{width:100%;right:0;padding:10px}.banner_top_ldb .banner_text h3{font-size:16px;line-height:27px;text-align:center}.banner_top_ldb .banner_text h3{margin-top:5px;text-align:center}.banner_top_ldb .banner_text p{font-size:16px;text-align:center;margin-bottom:20px}.banner_top_ldb .banner_text .bt_bn{width:180px;margin:0 auto;float:none;display:block}.banner_top_ldb .img img{height:450px;object-fit:cover}.banner_top_ldb .img:before{width:20%;background:red;height:5px}.ldb_home{padding:30px 15px}.ldb_home .title_page{width:100%}.ldb_home .title_page ul h3{font-size:26px;line-height:35px}.list_ldb_home_1 .ldg_img{width:100%}.list_ldb_home_1 .ldg_content_rigth, .list_ldb_home_1 .ldg_content_left{width:100%;padding:15px 0 15px 0px;margin:0}.ldb_home_2 .list_ldb_home_2 .items{width:50%}#pro_tabs .listtabs li{width:50%;border-bottom:1px solid #ccc;padding:10px 5px}element.style{enable-background:new 0 0 63.9 55.6}#pro_tabs .listtabs li .img_tab, #pro_tabs .listtabs li svg{width:30px;height:30px}#pro_tabs .listtabs li h3{font-size:15px}.dangky_lh .box_form_contact .text-dangky p{font-size:19px;line-height:30px}.dangky_lh .box_form_contact .text-dangky h3{font-size:23px}.dangky_lh .box_form_contact .text-dangky h2, .dangky_landing_page .box_form_contact .text-dangky h2{font-size:23px}.dangky_lh .box_form_contact .text-dangky h4, .dangky_landing_page.box_form_contact .text-dangky .phu_hop{font-size:23px;line-height:20px}.dangky_lh .box_form_contact .formBox{width:100%}}@media only screen and (max-width:320px){.banner_top_ldb .banner_text h3{display:none}.ldb_home .title_page ul h3{font-size:22px}.ldb_home_2 .list_ldb_home_2 .items{width:100%}#pro_tabs .listtabs li .img_tab, #pro_tabs .listtabs li svg{margin-bottom:0}#pro_tabs .listtabs li{width:100%}}.wrapper-news-rela .swiper-slide{margin:0px 0px}

    /* RESPONSIVE DEFAULT */
    @media screen and (max-width:1300px) {}

    @media screen and (max-width:1280px) {
        .chamsoc_kh ul h3 span {
            font-size: 18px
        }
    }

    @media screen and (max-width:1024px) {
        .left_hinh_ct {
            width: 100%
        }

        .right_noidung_ct {
            width: 100%
        }

        .right_conten_id {
            width: 100%;
            order: 1
        }

        .left_conten_id {
            width: 100%;
            order: 2
        }

        .box_table>li {
            width: 50%
        }

        .chamsoc_kh ul h3 span {
            font-size: 18px;
            display: block
        }

        .box_title_banner ul h3 {
            font-size: 26px;
            line-height: 1.6
        }

        .box_title_banner ul h3 span {
            font-size: 18px
        }

        .box_title_banner ul p {
            font-size: 16px;
            line-height: 28px
        }

        .box_title_banner ul h4 a {
            padding: 5px 40px;
            font-size: 16px
        }

        .box_title_banner ul h3:before {
            height: 3px
        }

        .left_temp ul h3 {
            font-size: 18px
        }
    }

    @media screen and (max-width:950px) {
        .mobile-menu-area {
            display: block
        }

        .menu_pc {
            display: none
        }
    }

    @media screen and (max-width:900px) {
        .list_col_ft>li {
            width: 50%;
            padding: 15px
        }

        .services_colum ul {
            width: 50%
        }

        .left_temp {
            text-align: left;
            width: 100%
        }

        .flex_temp .left_temp:nth-child(1) ul:nth-child(1) p {
            height: auto
        }

        .left_temp ul h3 {
            font-size: 24px;
            float: right
        }

        .left_temp ul li {
            margin-left: 0px;
            margin-right: 20px
        }

        .conent_box3 {
            width: 100%
        }

        .conent_box3 ul.bosung_line:before {
            content: none
        }

        .conent_box3 ul.bosung_line:after {
            content: none
        }

        .images_box3 {
            display: none
        }

        .box_home_3 {
            padding-bottom: 240px
        }

        .conent_box3 ul h3 {
            width: calc(100% - 80px)
        }

        .conent_box3 ul {
            padding: 25px 0px;
            position: relative
        }

        .left_temp ul {
            padding-top: 30px
        }
    }

    @media screen and (max-width:768px) {
        .chamsoc_kh ul>h3 {
            padding: 5px 15px;
            font-size: 15px
        }

        .chamsoc_kh ul h3 span {
            font-size: 15px
        }

        .left_hinh_ct ul {
            position: absolute;
            bottom: -200px;
            right: 15px;
            left: 50%;
            z-index: 1;
            transform: translateX(-50%);
            margin: 0
        }

        .right_noidung_ct {
            padding-top: 245px
        }

        .left_hinh_ct {
            padding: 15px
        }

        .web30s_gt_1 li {
            position: relative;
            list-style: none;
            line-height: 0;
            right: 0;
            bottom: 0px;
            * z-index: 2;
            text-align: right
        }

        .web30s_gt_1 ul {
            float: none;
            width: 100%
        }

        .web30s_gt_1 {
            padding-top: 80px
        }

        .web30s_gt_2 ul {
            float: none;
            width: 100%
        }

        .web30s_gt_2 li {
            width: 100%
        }

        .web30s_gt_1 li {
            width: 100%
        }

        .left_noidung_gt,
        .right_noidung_t {
            float: none;
            width: 100%
        }

        .box_yc_1 {
            background: none;
            padding-bottom: 0
        }

        .right_hinh,
        .left_hinh_id {
            display: none
        }

        .chitiet_ungdung ul {
            float: none;
            width: 100%;
            padding-top: 25px
        }

        .chitiet_ungdung li {
            float: none;
            width: 100%
        }

        .tienich_id>li {
            width: 50%
        }

        .box_form_contact .col-md-7 {
            margin: 8px 0px;
            width: 100%
        }

        .dangky_tt ul p {
            font-size: 21px
        }

        .title_page {
            width: 100%
        }

        .temp_id ul {
            width: 50%
        }

        .botom_free ul h3 a {
            padding: 5px 35px;
            font-size: 16px
        }

        .total_parter ul h4 a {
            font-size: 18px
        }

        .box_home_3 {
            padding-bottom: 160px
        }

        .left_header_bottom,
        .right_header_bottom {
            width: 100%
        }

        .colum_id_3 ul {
            width: 100%
        }

        .total_parter ul p {
            width: 100%;
            padding: 0px 15px;
            font-size: 16px
        }

        .total_parter ul h3 span {
            font-size: 28px
        }

        .box_home_3:after {
            background-size: cover;
            height: 160px
        }

        .box_table>li {
            width: 100%
        }

        .box_table>li:first-child .content_pover {
            transform: translate(-100%, -100%);
            right: unset;
            left: 18px
        }

        .box_table>li:first-child .content_pover:before {
            right: 0px;
            left: unset
        }

        .bg_link ul h3 {
            font-size: 22px
        }

        .titile_page {
            font-size: 24px
        }
    }

    @media screen and (max-width:480px) {
        .video_home ul {
            background: url(../images/IPhone_Pro.png) center center no-repeat;
            background-size: 100% 100% !important;
            max-width: 300px;
            height: 670px
        }

        .dangky_id ul li {
            float: none;
            margin: 10px 0px
        }

        .dangky_id ul li a {
            padding: 10px 30px
        }

        .video_home ul li iframe {
            width: 100%;
            height: 465px
        }

        .video_home ul li {
            list-style: none;
            padding: 103px 10%
        }

        .colum_id_box {
            padding-top: 400px
        }

        .video_home {
            top: -690px
        }

        .box_yc_4 {
            padding-top: 80px
        }

        .title_page ul h3 {
            font-size: 28px
        }

        .title_page ul p {
            font-size: 18px
        }

        .chamsoc_kh ul>h3 {
            width: 100%;
            border-bottom: solid 1px #CCC;
            border-right: none;
            display: none
        }

        .chamsoc_kh ul>h3:nth-child(1) {
            display: block
        }

        .chamsoc_kh ul>h3 span {
            display: inline-block
        }

        .title_page,
        .list_review ul {
            width: 100%
        }

        .conent_box3 ul h3 {
            font-size: 21px
        }

        .left_temp ul h3 {
            font-size: 21px
        }

        .services_home_3 .title_page {
            padding-bottom: 0px
        }

        .services_home_3 {
            padding-bottom: 0px;
            padding-top: 65px
        }

        .list_col_ft>li {
            width: 100%
        }

        .box_header_top .left_header_top,
        .box_header_top .right_header_top {
            width: 100%;
            padding: 15px
        }

        .title_page ul h3 {
            font-size: 28px
        }
    }

    @media screen and (max-width:414px) {
        .tienich_id>li {
            width: 100%
        }

        .services_colum ul {
            width: 100%
        }

        .title_page ul p {
            font-size: 18px
        }

        .title_page ul h3 {
            font-size: 26px
        }
    }

    @media screen and (max-width:384px) {
        .colum_id_3 ul li {
            width: 100%;
            margin-bottom: 15px;
            text-align: center
        }

        .colum_id_3 ul h3 {
            width: 100%;
            text-align: center;
            font-size: 22px
        }
    }

    @media screen and (max-width:375px) {
        .box_title_banner {
            width: 95%
        }
    }

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

        .title_page,
        .list_review ul {
            margin-top: 20px
        }
    }

    /* CSS W3 */
    .w3-image {
        max-width: 100%;
        height: auto
    }

    img {
        vertical-align: middle
    }

    a {
        color: inherit
    }

    .w3-table,
    .w3-table-all {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        display: table
    }

    .w3-table-all {
        border: 1px solid #ccc
    }

    .w3-bordered tr,
    .w3-table-all tr {
        border-bottom: 1px solid #ddd
    }

    .w3-striped tbody tr:nth-child(even) {
        background-color: #f1f1f1
    }

    .w3-table-all tr:nth-child(odd) {
        background-color: #fff
    }

    .w3-table-all tr:nth-child(even) {
        background-color: #f1f1f1
    }

    .w3-hoverable tbody tr:hover,
    .w3-ul.w3-hoverable li:hover {
        background-color: #ccc
    }

    .w3-centered tr th,
    .w3-centered tr td {
        text-align: center
    }

    .w3-table td,
    .w3-table th,
    .w3-table-all td,
    .w3-table-all th {
        padding: 8px 8px;
        display: table-cell;
        text-align: left;
        vertical-align: top
    }

    .w3-table th:first-child,
    .w3-table td:first-child,
    .w3-table-all th:first-child,
    .w3-table-all td:first-child {
        padding-left: 16px
    }

    .w3-btn,
    .w3-button {
        border: none;
        display: inline-block;
        padding: 8px 16px;
        vertical-align: middle;
        overflow: hidden;
        text-decoration: none;
        color: inherit;
        background-color: inherit;
        text-align: center;
        cursor: pointer;
        white-space: nowrap
    }

    .w3-btn:hover {
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
    }

    .w3-btn,
    .w3-button {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .w3-disabled,
    .w3-btn:disabled,
    .w3-button:disabled {
        cursor: not-allowed;
        opacity: 0.3
    }

    .w3-disabled *,
    :disabled * {
        pointer-events: none
    }

    .w3-btn.w3-disabled:hover,
    .w3-btn:disabled:hover {
        box-shadow: none
    }

    .w3-badge,
    .w3-tag {
        background-color: #000;
        color: #fff;
        display: inline-block;
        padding-left: 8px;
        padding-right: 8px;
        text-align: center
    }

    .w3-badge {
        border-radius: 50%
    }

    .w3-ul {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .w3-ul li {
        padding: 8px 16px;
        border-bottom: 1px solid #ddd
    }

    .w3-ul li:last-child {
        border-bottom: none
    }

    .w3-tooltip,
    .w3-display-container {
        position: relative
    }

    .w3-tooltip .w3-text {
        display: none
    }

    .w3-tooltip:hover .w3-text {
        display: inline-block
    }

    .w3-ripple:active {
        opacity: 0.5
    }

    .w3-ripple {
        transition: opacity 0s
    }

    .w3-input {
        padding: 8px;
        display: block;
        border: none;
        border-bottom: 1px solid #ccc;
        width: 100%
    }

    .w3-select {
        padding: 9px 0;
        width: 100%;
        border: none;
        border-bottom: 1px solid #ccc
    }

    .w3-dropdown-click,
    .w3-dropdown-hover {
        position: relative;
        display: inline-block;
        cursor: pointer
    }

    .w3-dropdown-hover:hover .w3-dropdown-content {
        display: block
    }

    .w3-dropdown-hover:first-child,
    .w3-dropdown-click:hover {
        background-color: #ccc;
        color: #000
    }

    .w3-dropdown-hover:hover>.w3-button:first-child,
    .w3-dropdown-click:hover>.w3-button:first-child {
        background-color: #ccc;
        color: #000
    }

    .w3-dropdown-content {
        cursor: auto;
        color: #000;
        background-color: #fff;
        display: none;
        position: absolute;
        min-width: 160px;
        margin: 0;
        padding: 0;
        z-index: 1
    }

    .w3-check,
    .w3-radio {
        width: 24px;
        height: 24px;
        position: relative;
        top: 6px
    }

    .w3-sidebar {
        height: 100%;
        width: 200px;
        background-color: #fff;
        position: fixed !important;
        z-index: 1;
        overflow: auto
    }

    .w3-bar-block .w3-dropdown-hover,
    .w3-bar-block .w3-dropdown-click {
        width: 100%
    }

    .w3-bar-block .w3-dropdown-hover .w3-dropdown-content,
    .w3-bar-block .w3-dropdown-click .w3-dropdown-content {
        min-width: 100%
    }

    .w3-bar-block .w3-dropdown-hover .w3-button,
    .w3-bar-block .w3-dropdown-click .w3-button {
        width: 100%;
        text-align: left;
        padding: 8px 16px
    }

    .w3-main,
    #main {
        transition: margin-left .4s
    }

    .w3-modal {
        z-index: 3;
        display: none;
        padding-top: 100px;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.4)
    }

    .w3-modal-content {
        margin: auto;
        background-color: #fff;
        position: relative;
        padding: 0;
        outline: 0;
        width: 600px
    }

    .w3-bar {
        width: 100%;
        overflow: hidden
    }

    .w3-center .w3-bar {
        display: inline-block;
        width: auto
    }

    .w3-bar .w3-bar-item {
        padding: 8px 16px;
        float: left;
        width: auto;
        border: none;
        display: block;
        outline: 0
    }

    .w3-bar .w3-dropdown-hover,
    .w3-bar .w3-dropdown-click {
        position: static;
        float: left
    }

    .w3-bar .w3-button {
        white-space: normal
    }

    .w3-bar-block .w3-bar-item {
        width: 100%;
        display: block;
        padding: 8px 16px;
        text-align: left;
        border: none;
        white-space: normal;
        float: none;
        outline: 0
    }

    .w3-bar-block.w3-center .w3-bar-item {
        text-align: center
    }

    .w3-block {
        display: block;
        width: 100%
    }

    .w3-responsive {
        display: block;
        overflow-x: auto
    }

    .w3-container:after,
    .w3-container:before,
    .w3-panel:after,
    .w3-panel:before,
    .w3-row:after,
    .w3-row:before,
    .w3-row-padding:after,
    .w3-row-padding:before,
    .w3-cell-row:before,
    .w3-cell-row:after,
    .w3-clear:after,
    .w3-clear:before,
    .w3-bar:before,
    .w3-bar:after {
        content: "";
        display: table;
        clear: both
    }

    .w3-col,
    .w3-half,
    .w3-third,
    .w3-twothird,
    .w3-threequarter,
    .w3-quarter {
        float: left;
        width: 100%
    }

    .w3-col.s1 {
        width: 8.33333%
    }

    .w3-col.s2 {
        width: 16.66666%
    }

    .w3-col.s3 {
        width: 24.99999%
    }

    .w3-col.s4 {
        width: 33.33333%
    }

    .w3-col.s5 {
        width: 41.66666%
    }

    .w3-col.s6 {
        width: 49.99999%
    }

    .w3-col.s7 {
        width: 58.33333%
    }

    .w3-col.s8 {
        width: 66.66666%
    }

    .w3-col.s9 {
        width: 74.99999%
    }

    .w3-col.s10 {
        width: 83.33333%
    }

    .w3-col.s11 {
        width: 91.66666%
    }

    .w3-col.s12 {
        width: 99.99999%
    }

    @media (min-width:601px) {
        .w3-col.m1 {
            width: 8.33333%
        }

        .w3-col.m2 {
            width: 16.66666%
        }

        .w3-col.m3,
        .w3-quarter {
            width: 24.99999%
        }

        .w3-col.m4,
        .w3-third {
            width: 33.33333%
        }

        .w3-col.m5 {
            width: 41.66666%
        }

        .w3-col.m6,
        .w3-half {
            width: 49.99999%
        }

        .w3-col.m7 {
            width: 58.33333%
        }

        .w3-col.m8,
        .w3-twothird {
            width: 66.66666%
        }

        .w3-col.m9,
        .w3-threequarter {
            width: 74.99999%
        }

        .w3-col.m10 {
            width: 83.33333%
        }

        .w3-col.m11 {
            width: 91.66666%
        }

        .w3-col.m12 {
            width: 99.99999%
        }
    }

    @media (min-width:993px) {
        .w3-col.l1 {
            width: 8.33333%
        }

        .w3-col.l2 {
            width: 16.66666%
        }

        .w3-col.l3 {
            width: 24.99999%
        }

        .w3-col.l4 {
            width: 33.33333%
        }

        .w3-col.l5 {
            width: 41.66666%
        }

        .w3-col.l6 {
            width: 49.99999%
        }

        .w3-col.l7 {
            width: 58.33333%
        }

        .w3-col.l8 {
            width: 66.66666%
        }

        .w3-col.l9 {
            width: 74.99999%
        }

        .w3-col.l10 {
            width: 83.33333%
        }

        .w3-col.l11 {
            width: 91.66666%
        }

        .w3-col.l12 {
            width: 99.99999%
        }
    }

    .w3-rest {
        overflow: hidden
    }

    .w3-stretch {
        margin-left: -16px;
        margin-right: -16px
    }

    .w3-content,
    .w3-auto {
        margin-left: auto;
        margin-right: auto
    }

    .w3-content {
        max-width: 980px
    }

    .w3-auto {
        max-width: 1140px
    }

    .w3-cell-row {
        display: table;
        width: 100%
    }

    .w3-cell {
        display: table-cell
    }

    .w3-cell-top {
        vertical-align: top
    }

    .w3-cell-middle {
        vertical-align: middle
    }

    .w3-cell-bottom {
        vertical-align: bottom
    }

    .w3-hide {
        display: none !important
    }

    .w3-show-block,
    .w3-show {
        display: block !important
    }

    .w3-show-inline-block {
        display: inline-block !important
    }

    @media (max-width:1205px) {
        .w3-auto {
            max-width: 95%
        }
    }

    @media (max-width:600px) {
        .w3-modal-content {
            margin: 0 10px;
            width: auto !important
        }

        .w3-modal {
            padding-top: 30px
        }

        .w3-dropdown-hover.w3-mobile .w3-dropdown-content,
        .w3-dropdown-click.w3-mobile .w3-dropdown-content {
            position: relative
        }

        .w3-hide-small {
            display: none !important
        }

        .w3-mobile {
            display: block;
            width: 100% !important
        }

        .w3-bar-item.w3-mobile,
        .w3-dropdown-hover.w3-mobile,
        .w3-dropdown-click.w3-mobile {
            text-align: center
        }

        .w3-dropdown-hover.w3-mobile,
        .w3-dropdown-hover.w3-mobile .w3-btn,
        .w3-dropdown-hover.w3-mobile .w3-button,
        .w3-dropdown-click.w3-mobile,
        .w3-dropdown-click.w3-mobile .w3-btn,
        .w3-dropdown-click.w3-mobile .w3-button {
            width: 100%
        }
    }

    @media (max-width:768px) {
        .w3-modal-content {
            width: 500px
        }

        .w3-modal {
            padding-top: 50px
        }
    }

    @media (min-width:993px) {
        .w3-modal-content {
            width: 900px
        }

        .w3-hide-large {
            display: none !important
        }

        .w3-sidebar.w3-collapse {
            display: block !important
        }
    }

    @media (max-width:992px) and (min-width:601px) {
        .w3-hide-medium {
            display: none !important
        }
    }

    @media (max-width:992px) {
        .w3-sidebar.w3-collapse {
            display: none
        }

        .w3-main {
            margin-left: 0 !important;
            margin-right: 0 !important
        }

        .w3-auto {
            max-width: 100%
        }
    }

    .w3-top,
    .w3-bottom {
        position: fixed;
        width: 100%;
        z-index: 1
    }

    .w3-top {
        top: 0
    }

    .w3-bottom {
        bottom: 0
    }

    .w3-overlay {
        position: fixed;
        display: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 2
    }

    .w3-display-topleft {
        position: absolute;
        left: 0;
        top: 0
    }

    .w3-display-topright {
        position: absolute;
        right: 0;
        top: 0
    }

    .w3-display-bottomleft {
        position: absolute;
        left: 0;
        bottom: 0
    }

    .w3-display-bottomright {
        position: absolute;
        right: 0;
        bottom: 0
    }

    .w3-display-middle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%)
    }

    .w3-display-left {
        position: absolute;
        top: 50%;
        left: 0%;
        transform: translate(0%, -50%);
        -ms-transform: translate(-0%, -50%)
    }

    .w3-display-right {
        position: absolute;
        top: 50%;
        right: 0%;
        transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%)
    }

    .w3-display-topmiddle {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%)
    }

    .w3-display-bottommiddle {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%)
    }

    .w3-display-container:hover .w3-display-hover {
        display: block
    }

    .w3-display-container:hover span.w3-display-hover {
        display: inline-block
    }

    .w3-display-hover {
        display: none
    }

    .w3-display-position {
        position: absolute
    }

    .w3-circle {
        border-radius: 50%
    }

    .w3-round-small {
        border-radius: 2px
    }

    .w3-round,
    .w3-round-medium {
        border-radius: 4px
    }

    .w3-round-large {
        border-radius: 8px
    }

    .w3-round-xlarge {
        border-radius: 16px
    }

    .w3-round-xxlarge {
        border-radius: 32px
    }

    .w3-row-padding,
    .w3-row-padding>.w3-half,
    .w3-row-padding>.w3-third,
    .w3-row-padding>.w3-twothird,
    .w3-row-padding>.w3-threequarter,
    .w3-row-padding>.w3-quarter,
    .w3-row-padding>.w3-col {
        padding: 0 8px
    }

    .w3-container,
    .w3-panel {
        padding: 0.01em 16px
    }

    .w3-panel {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .w3-code,
    .w3-codespan {
        font-family: Consolas, "courier new";
        font-size: 16px
    }

    .w3-code {
        width: auto;
        background-color: #fff;
        padding: 8px 12px;
        border-left: 4px solid #4CAF50;
        word-wrap: break-word
    }

    .w3-codespan {
        color: crimson;
        background-color: #f1f1f1;
        padding-left: 4px;
        padding-right: 4px;
        font-size: 110%
    }

    .w3-card,
    .w3-card-2 {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
    }

    .w3-card-4,
    .w3-hover-shadow:hover {
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)
    }

    .w3-spin {
        animation: w3-spin 2s infinite linear
    }

    @keyframes w3-spin {
        0% {
            transform: rotate(0deg)
        }

        100% {
            transform: rotate(359deg)
        }
    }

    .w3-animate-fading {
        animation: fading 10s infinite
    }

    @keyframes fading {
        0% {
            opacity: 0
        }

        50% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    .w3-animate-opacity {
        animation: opac 0.8s
    }

    @keyframes opac {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .w3-animate-top {
        position: relative;
        animation: animatetop 0.4s
    }

    @keyframes animatetop {
        from {
            top: -300px;
            opacity: 0
        }

        to {
            top: 0;
            opacity: 1
        }
    }

    .w3-animate-left {
        position: relative;
        animation: animateleft 0.4s
    }

    @keyframes animateleft {
        from {
            left: -300px;
            opacity: 0
        }

        to {
            left: 0;
            opacity: 1
        }
    }

    .w3-animate-right {
        position: relative;
        animation: animateright 0.4s
    }

    @keyframes animateright {
        from {
            right: -300px;
            opacity: 0
        }

        to {
            right: 0;
            opacity: 1
        }
    }

    .w3-animate-bottom {
        position: relative;
        animation: animatebottom 0.4s
    }

    @keyframes animatebottom {
        from {
            bottom: -300px;
            opacity: 0
        }

        to {
            bottom: 0;
            opacity: 1
        }
    }

    .w3-animate-zoom {
        animation: animatezoom 0.6s
    }

    @keyframes animatezoom {
        from {
            transform: scale(0)
        }

        to {
            transform: scale(1)
        }
    }

    .w3-animate-input {
        transition: width 0.4s ease-in-out
    }

    .w3-animate-input:focus {
        width: 100% !important
    }

    .w3-opacity,
    .w3-hover-opacity:hover {
        opacity: 0.60
    }

    .w3-opacity-off,
    .w3-hover-opacity-off:hover {
        opacity: 1
    }

    .w3-opacity-max {
        opacity: 0.25
    }

    .w3-opacity-min {
        opacity: 0.75
    }

    .w3-greyscale-max,
    .w3-grayscale-max,
    .w3-hover-greyscale:hover,
    .w3-hover-grayscale:hover {
        filter: grayscale(100%)
    }

    .w3-greyscale,
    .w3-grayscale {
        filter: grayscale(75%)
    }

    .w3-greyscale-min,
    .w3-grayscale-min {
        filter: grayscale(50%)
    }

    .w3-sepia {
        filter: sepia(75%)
    }

    .w3-sepia-max,
    .w3-hover-sepia:hover {
        filter: sepia(100%)
    }

    .w3-sepia-min {
        filter: sepia(50%)
    }

    .w3-tiny {
        font-size: 10px !important
    }

    .w3-small {
        font-size: 12px !important
    }

    .w3-medium {
        font-size: 15px !important
    }

    .w3-large {
        font-size: 18px !important
    }

    .w3-xlarge {
        font-size: 24px !important
    }

    .w3-xxlarge {
        font-size: 36px !important
    }

    .w3-xxxlarge {
        font-size: 48px !important
    }

    .w3-jumbo {
        font-size: 64px !important
    }

    .w3-left-align {
        text-align: left !important
    }

    .w3-right-align {
        text-align: right !important
    }

    .w3-justify {
        text-align: justify !important
    }

    .w3-center {
        text-align: center !important
    }

    .w3-border-0 {
        border: 0 !important
    }

    .w3-border {
        border: 1px solid #ccc !important
    }

    .w3-border-top {
        border-top: 1px solid #ccc !important
    }

    .w3-border-bottom {
        border-bottom: 1px solid #ccc !important
    }

    .w3-border-left {
        border-left: 1px solid #ccc !important
    }

    .w3-border-right {
        border-right: 1px solid #ccc !important
    }

    .w3-topbar {
        border-top: 6px solid #ccc !important
    }

    .w3-bottombar {
        border-bottom: 6px solid #ccc !important
    }

    .w3-leftbar {
        border-left: 6px solid #ccc !important
    }

    .w3-rightbar {
        border-right: 6px solid #ccc !important
    }

    .w3-margin {
        margin: 16px !important
    }

    .w3-margin-top {
        margin-top: 16px !important
    }

    .w3-margin-bottom {
        margin-bottom: 16px !important
    }

    .w3-margin-left {
        margin-left: 16px !important
    }

    .w3-margin-right {
        margin-right: 16px !important
    }

    .w3-padding-small {
        padding: 4px 8px !important
    }

    .w3-padding {
        padding: 8px 16px !important
    }

    .w3-padding-large {
        padding: 12px 24px !important
    }

    .w3-padding-16 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }

    .w3-padding-24 {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    .w3-padding-32 {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }

    .w3-padding-48 {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }

    .w3-padding-64 {
        padding-top: 64px !important;
        padding-bottom: 64px !important
    }

    .w3-left {
        float: left !important
    }

    .w3-right {
        float: right !important
    }

    .w3-button:hover {
        color: #000 !important;
        background-color: #ccc !important
    }

    .w3-transparent,
    .w3-hover-none:hover {
        background-color: transparent !important
    }

    .w3-hover-none:hover {
        box-shadow: none !important
    }

    .w3-amber,
    .w3-hover-amber:hover {
        color: #000 !important;
        background-color: #ffc107 !important
    }

    .w3-aqua,
    .w3-hover-aqua:hover {
        color: #000 !important;
        background-color: #00ffff !important
    }

    .w3-blue,
    .w3-hover-blue:hover {
        color: #fff !important;
        background-color: #2196F3 !important
    }

    .w3-light-blue,
    .w3-hover-light-blue:hover {
        color: #000 !important;
        background-color: #87CEEB !important
    }

    .w3-brown,
    .w3-hover-brown:hover {
        color: #fff !important;
        background-color: #795548 !important
    }

    .w3-cyan,
    .w3-hover-cyan:hover {
        color: #000 !important;
        background-color: #00bcd4 !important
    }

    .w3-blue-grey,
    .w3-hover-blue-grey:hover,
    .w3-blue-gray,
    .w3-hover-blue-gray:hover {
        color: #fff !important;
        background-color: #607d8b !important
    }

    .w3-green,
    .w3-hover-green:hover {
        color: #fff !important;
        background-color: #4CAF50 !important
    }

    .w3-light-green,
    .w3-hover-light-green:hover {
        color: #000 !important;
        background-color: #8bc34a !important
    }

    .w3-indigo,
    .w3-hover-indigo:hover {
        color: #fff !important;
        background-color: #3f51b5 !important
    }

    .w3-khaki,
    .w3-hover-khaki:hover {
        color: #000 !important;
        background-color: #f0e68c !important
    }

    .w3-lime,
    .w3-hover-lime:hover {
        color: #000 !important;
        background-color: #cddc39 !important
    }

    .w3-orange,
    .w3-hover-orange:hover {
        color: #000 !important;
        background-color: #ff9800 !important
    }

    .w3-deep-orange,
    .w3-hover-deep-orange:hover {
        color: #fff !important;
        background-color: #ff5722 !important
    }

    .w3-pink,
    .w3-hover-pink:hover {
        color: #fff !important;
        background-color: #e91e63 !important
    }

    .w3-purple,
    .w3-hover-purple:hover {
        color: #fff !important;
        background-color: #9c27b0 !important
    }

    .w3-deep-purple,
    .w3-hover-deep-purple:hover {
        color: #fff !important;
        background-color: #673ab7 !important
    }

    .w3-red,
    .w3-hover-red:hover {
        color: #fff !important;
        background-color: #f44336 !important
    }

    .w3-sand,
    .w3-hover-sand:hover {
        color: #000 !important;
        background-color: #fdf5e6 !important
    }

    .w3-teal,
    .w3-hover-teal:hover {
        color: #fff !important;
        background-color: #009688 !important
    }

    .w3-yellow,
    .w3-hover-yellow:hover {
        color: #000 !important;
        background-color: #ffeb3b !important
    }

    .w3-white,
    .w3-hover-white:hover {
        color: #000 !important;
        background-color: #fff !important
    }

    .w3-black,
    .w3-hover-black:hover {
        color: #fff !important;
        background-color: #000 !important
    }

    .w3-grey,
    .w3-hover-grey:hover,
    .w3-gray,
    .w3-hover-gray:hover {
        color: #000 !important;
        background-color: #9e9e9e !important
    }

    .w3-light-grey,
    .w3-hover-light-grey:hover,
    .w3-light-gray,
    .w3-hover-light-gray:hover {
        color: #000 !important;
        background-color: #f1f1f1 !important
    }

    .w3-dark-grey,
    .w3-hover-dark-grey:hover,
    .w3-dark-gray,
    .w3-hover-dark-gray:hover {
        color: #fff !important;
        background-color: #616161 !important
    }

    .w3-pale-red,
    .w3-hover-pale-red:hover {
        color: #000 !important;
        background-color: #ffdddd !important
    }

    .w3-pale-green,
    .w3-hover-pale-green:hover {
        color: #000 !important;
        background-color: #ddffdd !important
    }

    .w3-pale-yellow,
    .w3-hover-pale-yellow:hover {
        color: #000 !important;
        background-color: #ffffcc !important
    }

    .w3-pale-blue,
    .w3-hover-pale-blue:hover {
        color: #000 !important;
        background-color: #ddffff !important
    }

    .w3-text-amber,
    .w3-hover-text-amber:hover {
        color: #ffc107 !important
    }

    .w3-text-aqua,
    .w3-hover-text-aqua:hover {
        color: #00ffff !important
    }

    .w3-text-blue,
    .w3-hover-text-blue:hover {
        color: #2196F3 !important
    }

    .w3-text-light-blue,
    .w3-hover-text-light-blue:hover {
        color: #87CEEB !important
    }

    .w3-text-brown,
    .w3-hover-text-brown:hover {
        color: #795548 !important
    }

    .w3-text-cyan,
    .w3-hover-text-cyan:hover {
        color: #00bcd4 !important
    }

    .w3-text-blue-grey,
    .w3-hover-text-blue-grey:hover,
    .w3-text-blue-gray,
    .w3-hover-text-blue-gray:hover {
        color: #607d8b !important
    }

    .w3-text-green,
    .w3-hover-text-green:hover {
        color: #4CAF50 !important
    }

    .w3-text-light-green,
    .w3-hover-text-light-green:hover {
        color: #8bc34a !important
    }

    .w3-text-indigo,
    .w3-hover-text-indigo:hover {
        color: #3f51b5 !important
    }

    .w3-text-khaki,
    .w3-hover-text-khaki:hover {
        color: #b4aa50 !important
    }

    .w3-text-lime,
    .w3-hover-text-lime:hover {
        color: #cddc39 !important
    }

    .w3-text-orange,
    .w3-hover-text-orange:hover {
        color: #ff9800 !important
    }

    .w3-text-deep-orange,
    .w3-hover-text-deep-orange:hover {
        color: #ff5722 !important
    }

    .w3-text-pink,
    .w3-hover-text-pink:hover {
        color: #e91e63 !important
    }

    .w3-text-purple,
    .w3-hover-text-purple:hover {
        color: #9c27b0 !important
    }

    .w3-text-deep-purple,
    .w3-hover-text-deep-purple:hover {
        color: #673ab7 !important
    }

    .w3-text-red,
    .w3-hover-text-red:hover {
        color: #f44336 !important
    }

    .w3-text-sand,
    .w3-hover-text-sand:hover {
        color: #fdf5e6 !important
    }

    .w3-text-teal,
    .w3-hover-text-teal:hover {
        color: #009688 !important
    }

    .w3-text-yellow,
    .w3-hover-text-yellow:hover {
        color: #d2be0e !important
    }

    .w3-text-white,
    .w3-hover-text-white:hover {
        color: #fff !important
    }

    .w3-text-black,
    .w3-hover-text-black:hover {
        color: #000 !important
    }

    .w3-text-grey,
    .w3-hover-text-grey:hover,
    .w3-text-gray,
    .w3-hover-text-gray:hover {
        color: #757575 !important
    }

    .w3-text-light-grey,
    .w3-hover-text-light-grey:hover,
    .w3-text-light-gray,
    .w3-hover-text-light-gray:hover {
        color: #f1f1f1 !important
    }

    .w3-text-dark-grey,
    .w3-hover-text-dark-grey:hover,
    .w3-text-dark-gray,
    .w3-hover-text-dark-gray:hover {
        color: #3a3a3a !important
    }

    .w3-border-amber,
    .w3-hover-border-amber:hover {
        border-color: #ffc107 !important
    }

    .w3-border-aqua,
    .w3-hover-border-aqua:hover {
        border-color: #00ffff !important
    }

    .w3-border-blue,
    .w3-hover-border-blue:hover {
        border-color: #2196F3 !important
    }

    .w3-border-light-blue,
    .w3-hover-border-light-blue:hover {
        border-color: #87CEEB !important
    }

    .w3-border-brown,
    .w3-hover-border-brown:hover {
        border-color: #795548 !important
    }

    .w3-border-cyan,
    .w3-hover-border-cyan:hover {
        border-color: #00bcd4 !important
    }

    .w3-border-blue-grey,
    .w3-hover-border-blue-grey:hover,
    .w3-border-blue-gray,
    .w3-hover-border-blue-gray:hover {
        border-color: #607d8b !important
    }

    .w3-border-green,
    .w3-hover-border-green:hover {
        border-color: #4CAF50 !important
    }

    .w3-border-light-green,
    .w3-hover-border-light-green:hover {
        border-color: #8bc34a !important
    }

    .w3-border-indigo,
    .w3-hover-border-indigo:hover {
        border-color: #3f51b5 !important
    }

    .w3-border-khaki,
    .w3-hover-border-khaki:hover {
        border-color: #f0e68c !important
    }

    .w3-border-lime,
    .w3-hover-border-lime:hover {
        border-color: #cddc39 !important
    }

    .w3-border-orange,
    .w3-hover-border-orange:hover {
        border-color: #ff9800 !important
    }

    .w3-border-deep-orange,
    .w3-hover-border-deep-orange:hover {
        border-color: #ff5722 !important
    }

    .w3-border-pink,
    .w3-hover-border-pink:hover {
        border-color: #e91e63 !important
    }

    .w3-border-purple,
    .w3-hover-border-purple:hover {
        border-color: #9c27b0 !important
    }

    .w3-border-deep-purple,
    .w3-hover-border-deep-purple:hover {
        border-color: #673ab7 !important
    }

    .w3-border-red,
    .w3-hover-border-red:hover {
        border-color: #f44336 !important
    }

    .w3-border-sand,
    .w3-hover-border-sand:hover {
        border-color: #fdf5e6 !important
    }

    .w3-border-teal,
    .w3-hover-border-teal:hover {
        border-color: #009688 !important
    }

    .w3-border-yellow,
    .w3-hover-border-yellow:hover {
        border-color: #ffeb3b !important
    }

    .w3-border-white,
    .w3-hover-border-white:hover {
        border-color: #fff !important
    }

    .w3-border-black,
    .w3-hover-border-black:hover {
        border-color: #000 !important
    }

    .w3-border-grey,
    .w3-hover-border-grey:hover,
    .w3-border-gray,
    .w3-hover-border-gray:hover {
        border-color: #9e9e9e !important
    }

    .w3-border-light-grey,
    .w3-hover-border-light-grey:hover,
    .w3-border-light-gray,
    .w3-hover-border-light-gray:hover {
        border-color: #f1f1f1 !important
    }

    .w3-border-dark-grey,
    .w3-hover-border-dark-grey:hover,
    .w3-border-dark-gray,
    .w3-hover-border-dark-gray:hover {
        border-color: #616161 !important
    }

    .w3-border-pale-red,
    .w3-hover-border-pale-red:hover {
        border-color: #ffe7e7 !important
    }

    .w3-border-pale-green,
    .w3-hover-border-pale-green:hover {
        border-color: #e7ffe7 !important
    }

    .w3-border-pale-yellow,
    .w3-hover-border-pale-yellow:hover {
        border-color: #ffffcc !important
    }

    .w3-border-pale-blue,
    .w3-hover-border-pale-blue:hover {
        border-color: #e7ffff !important
    }

    /* font mmenu W3 */
    .shake {
        display: inline-table;
        position: relative;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        text-align: center
    }

    .shake:hover {
        -webkit-animation-name: shake-base;
        -ms-animation-name: shake-base;
        animation-name: shake-base;
        -webkit-animation-duration: 100ms;
        -ms-animation-duration: 100ms;
        animation-duration: 100ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.freez {
        -webkit-animation-play-state: paused !important;
        -ms-animation-play-state: paused !important;
        animation-play-state: paused !important
    }

    .shake.freez.shake-hard {
        -webkit-animation-name: shake-hard;
        -ms-animation-name: shake-hard;
        animation-name: shake-hard;
        -webkit-animation-duration: 100ms;
        -ms-animation-duration: 100ms;
        animation-duration: 100ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.freez.shake-slow {
        -webkit-animation-name: shake-slow;
        -ms-animation-name: shake-slow;
        animation-name: shake-slow;
        -webkit-animation-duration: 5s;
        -ms-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.freez.shake-little {
        -webkit-animation-name: shake-little;
        -ms-animation-name: shake-little;
        animation-name: shake-little;
        -webkit-animation-duration: 100ms;
        -ms-animation-duration: 100ms;
        animation-duration: 100ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.freez.shake-horizontal {
        -webkit-animation-name: shake-horizontal;
        -ms-animation-name: shake-horizontal;
        animation-name: shake-horizontal;
        -webkit-animation-duration: 100ms;
        -ms-animation-duration: 100ms;
        animation-duration: 100ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.freez.shake-vertical {
        -webkit-animation-name: shake-vertical;
        -ms-animation-name: shake-vertical;
        animation-name: shake-vertical;
        -webkit-animation-duration: 100ms;
        -ms-animation-duration: 100ms;
        animation-duration: 100ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.freez.shake-rotate {
        -webkit-animation-name: shake-rotate;
        -ms-animation-name: shake-rotate;
        animation-name: shake-rotate;
        -webkit-animation-duration: 100ms;
        -ms-animation-duration: 100ms;
        animation-duration: 100ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.freez.shake-opacity {
        -webkit-animation-name: shake-opacity;
        -ms-animation-name: shake-opacity;
        animation-name: shake-opacity;
        -webkit-animation-duration: 200ms;
        -ms-animation-duration: 200ms;
        animation-duration: 200ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.freez.shake-crazy {
        -webkit-animation-name: shake-crazy;
        -ms-animation-name: shake-crazy;
        animation-name: shake-crazy;
        -webkit-animation-duration: 100ms;
        -ms-animation-duration: 100ms;
        animation-duration: 100ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.freez:hover {
        -webkit-animation-play-state: running !important;
        -ms-animation-play-state: running !important;
        animation-play-state: running !important
    }

    .shake.shake-hard:hover {
        -webkit-animation-name: shake-hard;
        -ms-animation-name: shake-hard;
        animation-name: shake-hard;
        -webkit-animation-duration: 100ms;
        -ms-animation-duration: 100ms;
        animation-duration: 100ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.shake-slow:hover {
        -webkit-animation-name: shake-slow;
        -ms-animation-name: shake-slow;
        animation-name: shake-slow;
        -webkit-animation-duration: 5s;
        -ms-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.shake-little:hover {
        -webkit-animation-name: shake-little;
        -ms-animation-name: shake-little;
        animation-name: shake-little;
        -webkit-animation-duration: 100ms;
        -ms-animation-duration: 100ms;
        animation-duration: 100ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.shake-horizontal:hover {
        -webkit-animation-name: shake-horizontal;
        -ms-animation-name: shake-horizontal;
        animation-name: shake-horizontal;
        -webkit-animation-duration: 100ms;
        -ms-animation-duration: 100ms;
        animation-duration: 100ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.shake-vertical:hover {
        -webkit-animation-name: shake-vertical;
        -ms-animation-name: shake-vertical;
        animation-name: shake-vertical;
        -webkit-animation-duration: 100ms;
        -ms-animation-duration: 100ms;
        animation-duration: 100ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.shake-rotate:hover {
        -webkit-animation-name: shake-rotate;
        -ms-animation-name: shake-rotate;
        animation-name: shake-rotate;
        -webkit-animation-duration: 100ms;
        -ms-animation-duration: 100ms;
        animation-duration: 100ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.shake-opacity:hover {
        -webkit-animation-name: shake-opacity;
        -ms-animation-name: shake-opacity;
        animation-name: shake-opacity;
        -webkit-animation-duration: 200ms;
        -ms-animation-duration: 200ms;
        animation-duration: 200ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.shake-crazy:hover {
        -webkit-animation-name: shake-crazy;
        -ms-animation-name: shake-crazy;
        animation-name: shake-crazy;
        -webkit-animation-duration: 100ms;
        -ms-animation-duration: 100ms;
        animation-duration: 100ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.shake-constant {
        -webkit-animation-name: shake-base;
        -ms-animation-name: shake-base;
        animation-name: shake-base;
        -webkit-animation-duration: 2800ms;
        -ms-animation-duration: 2800ms;
        animation-duration: 2800ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.shake-constant.shake-hard {
        -webkit-animation-name: shake-hard;
        -ms-animation-name: shake-hard;
        animation-name: shake-hard;
        -webkit-animation-duration: 100ms;
        -ms-animation-duration: 100ms;
        animation-duration: 100ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.shake-constant.shake-slow {
        -webkit-animation-name: shake-slow;
        -ms-animation-name: shake-slow;
        animation-name: shake-slow;
        -webkit-animation-duration: 5s;
        -ms-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.shake-constant.shake-little {
        -webkit-animation-name: shake-little;
        -ms-animation-name: shake-little;
        animation-name: shake-little;
        -webkit-animation-duration: 100ms;
        -ms-animation-duration: 100ms;
        animation-duration: 100ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.shake-constant.shake-horizontal {
        -webkit-animation-name: shake-horizontal;
        -ms-animation-name: shake-horizontal;
        animation-name: shake-horizontal;
        -webkit-animation-duration: 100ms;
        -ms-animation-duration: 100ms;
        animation-duration: 100ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.shake-constant.shake-vertical {
        -webkit-animation-name: shake-vertical;
        -ms-animation-name: shake-vertical;
        animation-name: shake-vertical;
        -webkit-animation-duration: 100ms;
        -ms-animation-duration: 100ms;
        animation-duration: 100ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.shake-constant.shake-rotate {
        -webkit-animation-name: shake-rotate;
        -ms-animation-name: shake-rotate;
        animation-name: shake-rotate;
        -webkit-animation-duration: 100ms;
        -ms-animation-duration: 100ms;
        animation-duration: 100ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.shake-constant.shake-opacity {
        -webkit-animation-name: shake-opacity;
        -ms-animation-name: shake-opacity;
        animation-name: shake-opacity;
        -webkit-animation-duration: 200ms;
        -ms-animation-duration: 200ms;
        animation-duration: 200ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.shake-constant.shake-crazy {
        -webkit-animation-name: shake-crazy;
        -ms-animation-name: shake-crazy;
        animation-name: shake-crazy;
        -webkit-animation-duration: 100ms;
        -ms-animation-duration: 100ms;
        animation-duration: 100ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    .shake.shake-constant.hover-stop:hover {
        -webkit-animation-play-state: paused;
        -ms-animation-play-state: paused;
        animation-play-state: paused
    }

    .shake.shake-delay {
        -webkit-animation-name: shake-base;
        -ms-animation-name: shake-base;
        animation-name: shake-base;
        -webkit-animation-duration: 100ms;
        -ms-animation-duration: 100ms;
        animation-duration: 100ms;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 4s;
        -ms-animation-delay: 4s;
        animation-delay: 4s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running
    }

    @-webkit-keyframes shake-base {
        0% {
            -webkit-transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            -webkit-transform: translate(-0.5px, 1.5px) rotate(0.5deg)
        }

        4% {
            -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg)
        }

        6% {
            -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg)
        }

        8% {
            -webkit-transform: translate(-2.5px, -2.5px) rotate(-1.5deg)
        }

        10% {
            -webkit-transform: translate(1.5px, 1.5px) rotate(-1.5deg)
        }

        12% {
            -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg)
        }

        14% {
            -webkit-transform: translate(1.5px, -2.5px) rotate(-0.5deg)
        }

        16% {
            -webkit-transform: translate(0.5px, 1.5px) rotate(0.5deg)
        }

        18% {
            -webkit-transform: translate(-2.5px, -0.5px) rotate(0.5deg)
        }

        20% {
            -webkit-transform: translate(-0.5px, -0.5px) rotate(-1.5deg)
        }

        22% {
            -webkit-transform: translate(-2.5px, -1.5px) rotate(-1.5deg)
        }

        24% {
            -webkit-transform: translate(-1.5px, -2.5px) rotate(-1.5deg)
        }

        26% {
            -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg)
        }

        28% {
            -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg)
        }

        30% {
            -webkit-transform: translate(-2.5px, 1.5px) rotate(0.5deg)
        }

        32% {
            -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg)
        }

        34% {
            -webkit-transform: translate(-1.5px, 0.5px) rotate(-1.5deg)
        }

        36% {
            -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg)
        }

        38% {
            -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg)
        }

        40% {
            -webkit-transform: translate(-0.5px, 0.5px) rotate(0.5deg)
        }

        42% {
            -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg)
        }

        44% {
            -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg)
        }

        46% {
            -webkit-transform: translate(-1.5px, 1.5px) rotate(-1.5deg)
        }

        48% {
            -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg)
        }

        50% {
            -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg)
        }

        52% {
            -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg)
        }

        54% {
            -webkit-transform: translate(1.5px, 0.5px) rotate(-1.5deg)
        }

        56% {
            -webkit-transform: translate(0.5px, 0.5px) rotate(-1.5deg)
        }

        58% {
            -webkit-transform: translate(0.5px, 1.5px) rotate(-0.5deg)
        }

        60% {
            -webkit-transform: translate(-0.5px, -2.5px) rotate(-0.5deg)
        }

        62% {
            -webkit-transform: translate(-2.5px, -1.5px) rotate(-0.5deg)
        }

        64% {
            -webkit-transform: translate(-1.5px, 0.5px) rotate(0.5deg)
        }

        66% {
            -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg)
        }

        68% {
            -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg)
        }

        70% {
            -webkit-transform: translate(-0.5px, -2.5px) rotate(-1.5deg)
        }

        72% {
            -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg)
        }

        74% {
            -webkit-transform: translate(-2.5px, 0.5px) rotate(0.5deg)
        }

        76% {
            -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg)
        }

        78% {
            -webkit-transform: translate(1.5px, -2.5px) rotate(0.5deg)
        }

        80% {
            -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg)
        }

        82% {
            -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg)
        }

        84% {
            -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg)
        }

        86% {
            -webkit-transform: translate(-2.5px, 0.5px) rotate(-0.5deg)
        }

        88% {
            -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg)
        }

        90% {
            -webkit-transform: translate(-1.5px, -1.5px) rotate(-1.5deg)
        }

        92% {
            -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg)
        }

        94% {
            -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg)
        }

        96% {
            -webkit-transform: translate(-2.5px, -2.5px) rotate(0.5deg)
        }

        98% {
            -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg)
        }
    }

    @-ms-keyframes shake-base {
        0% {
            -ms-transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg)
        }

        4% {
            -ms-transform: translate(-0.5px, 0.5px) rotate(-0.5deg)
        }

        6% {
            -ms-transform: translate(-1.5px, 1.5px) rotate(0.5deg)
        }

        8% {
            -ms-transform: translate(-2.5px, -0.5px) rotate(-0.5deg)
        }

        10% {
            -ms-transform: translate(1.5px, -2.5px) rotate(-1.5deg)
        }

        12% {
            -ms-transform: translate(0.5px, 0.5px) rotate(-0.5deg)
        }

        14% {
            -ms-transform: translate(-1.5px, 1.5px) rotate(0.5deg)
        }

        16% {
            -ms-transform: translate(-0.5px, 0.5px) rotate(-0.5deg)
        }

        18% {
            -ms-transform: translate(1.5px, -0.5px) rotate(-1.5deg)
        }

        20% {
            -ms-transform: translate(-1.5px, -2.5px) rotate(-0.5deg)
        }

        22% {
            -ms-transform: translate(-0.5px, -0.5px) rotate(-0.5deg)
        }

        24% {
            -ms-transform: translate(1.5px, -0.5px) rotate(-0.5deg)
        }

        26% {
            -ms-transform: translate(-1.5px, -2.5px) rotate(0.5deg)
        }

        28% {
            -ms-transform: translate(1.5px, 1.5px) rotate(-1.5deg)
        }

        30% {
            -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg)
        }

        32% {
            -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg)
        }

        34% {
            -ms-transform: translate(1.5px, 1.5px) rotate(-1.5deg)
        }

        36% {
            -ms-transform: translate(-0.5px, -0.5px) rotate(0.5deg)
        }

        38% {
            -ms-transform: translate(1.5px, -1.5px) rotate(-0.5deg)
        }

        40% {
            -ms-transform: translate(1.5px, -1.5px) rotate(0.5deg)
        }

        42% {
            -ms-transform: translate(-1.5px, 1.5px) rotate(-0.5deg)
        }

        44% {
            -ms-transform: translate(0.5px, 1.5px) rotate(-0.5deg)
        }

        46% {
            -ms-transform: translate(1.5px, 0.5px) rotate(0.5deg)
        }

        48% {
            -ms-transform: translate(-2.5px, 0.5px) rotate(0.5deg)
        }

        50% {
            -ms-transform: translate(1.5px, 1.5px) rotate(-0.5deg)
        }

        52% {
            -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg)
        }

        54% {
            -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg)
        }

        56% {
            -ms-transform: translate(0.5px, -1.5px) rotate(0.5deg)
        }

        58% {
            -ms-transform: translate(0.5px, 0.5px) rotate(-0.5deg)
        }

        60% {
            -ms-transform: translate(-0.5px, 1.5px) rotate(0.5deg)
        }

        62% {
            -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg)
        }

        64% {
            -ms-transform: translate(0.5px, -0.5px) rotate(-0.5deg)
        }

        66% {
            -ms-transform: translate(0.5px, 0.5px) rotate(-0.5deg)
        }

        68% {
            -ms-transform: translate(-0.5px, -2.5px) rotate(-0.5deg)
        }

        70% {
            -ms-transform: translate(-1.5px, 1.5px) rotate(-1.5deg)
        }

        72% {
            -ms-transform: translate(0.5px, -2.5px) rotate(-1.5deg)
        }

        74% {
            -ms-transform: translate(-0.5px, -2.5px) rotate(-0.5deg)
        }

        76% {
            -ms-transform: translate(-1.5px, 0.5px) rotate(0.5deg)
        }

        78% {
            -ms-transform: translate(-2.5px, 0.5px) rotate(-0.5deg)
        }

        80% {
            -ms-transform: translate(0.5px, 0.5px) rotate(-1.5deg)
        }

        82% {
            -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg)
        }

        84% {
            -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg)
        }

        86% {
            -ms-transform: translate(-0.5px, 0.5px) rotate(-1.5deg)
        }

        88% {
            -ms-transform: translate(0.5px, -1.5px) rotate(0.5deg)
        }

        90% {
            -ms-transform: translate(-2.5px, 0.5px) rotate(-0.5deg)
        }

        92% {
            -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg)
        }

        94% {
            -ms-transform: translate(-1.5px, -1.5px) rotate(-1.5deg)
        }

        96% {
            -ms-transform: translate(1.5px, 1.5px) rotate(0.5deg)
        }

        98% {
            -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg)
        }
    }

    @keyframes shake-base {
        0% {
            transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            transform: translate(-0.5px, 0.5px) rotate(-0.5deg)
        }

        4% {
            transform: translate(-2.5px, -1.5px) rotate(0.5deg)
        }

        6% {
            transform: translate(1.5px, 1.5px) rotate(-1.5deg)
        }

        8% {
            transform: translate(-1.5px, -2.5px) rotate(0.5deg)
        }

        10% {
            transform: translate(1.5px, 1.5px) rotate(-0.5deg)
        }

        12% {
            transform: translate(-1.5px, 1.5px) rotate(-1.5deg)
        }

        14% {
            transform: translate(-1.5px, 0.5px) rotate(0.5deg)
        }

        16% {
            transform: translate(0.5px, 0.5px) rotate(-0.5deg)
        }

        18% {
            transform: translate(0.5px, -2.5px) rotate(-0.5deg)
        }

        20% {
            transform: translate(-2.5px, 0.5px) rotate(-1.5deg)
        }

        22% {
            transform: translate(1.5px, 0.5px) rotate(-0.5deg)
        }

        24% {
            transform: translate(-0.5px, -1.5px) rotate(-0.5deg)
        }

        26% {
            transform: translate(-1.5px, 1.5px) rotate(0.5deg)
        }

        28% {
            transform: translate(-1.5px, -0.5px) rotate(0.5deg)
        }

        30% {
            transform: translate(-2.5px, 0.5px) rotate(0.5deg)
        }

        32% {
            transform: translate(1.5px, -0.5px) rotate(-0.5deg)
        }

        34% {
            transform: translate(0.5px, -2.5px) rotate(-1.5deg)
        }

        36% {
            transform: translate(0.5px, -2.5px) rotate(-0.5deg)
        }

        38% {
            transform: translate(-2.5px, -0.5px) rotate(0.5deg)
        }

        40% {
            transform: translate(-0.5px, 1.5px) rotate(0.5deg)
        }

        42% {
            transform: translate(1.5px, 1.5px) rotate(-0.5deg)
        }

        44% {
            transform: translate(-2.5px, -2.5px) rotate(0.5deg)
        }

        46% {
            transform: translate(0.5px, -2.5px) rotate(0.5deg)
        }

        48% {
            transform: translate(-0.5px, -2.5px) rotate(-0.5deg)
        }

        50% {
            transform: translate(-0.5px, 0.5px) rotate(0.5deg)
        }

        52% {
            transform: translate(1.5px, 0.5px) rotate(0.5deg)
        }

        54% {
            transform: translate(-2.5px, 0.5px) rotate(-1.5deg)
        }

        56% {
            transform: translate(-2.5px, 1.5px) rotate(0.5deg)
        }

        58% {
            transform: translate(-2.5px, -2.5px) rotate(-0.5deg)
        }

        60% {
            transform: translate(-0.5px, -2.5px) rotate(-0.5deg)
        }

        62% {
            transform: translate(-1.5px, 0.5px) rotate(-0.5deg)
        }

        64% {
            transform: translate(-1.5px, -0.5px) rotate(0.5deg)
        }

        66% {
            transform: translate(-2.5px, 0.5px) rotate(-0.5deg)
        }

        68% {
            transform: translate(-1.5px, -0.5px) rotate(0.5deg)
        }

        70% {
            transform: translate(0.5px, 1.5px) rotate(0.5deg)
        }

        72% {
            transform: translate(-2.5px, 1.5px) rotate(0.5deg)
        }

        74% {
            transform: translate(1.5px, -0.5px) rotate(0.5deg)
        }

        76% {
            transform: translate(-0.5px, -1.5px) rotate(0.5deg)
        }

        78% {
            transform: translate(-0.5px, -2.5px) rotate(0.5deg)
        }

        80% {
            transform: translate(1.5px, -0.5px) rotate(0.5deg)
        }

        82% {
            transform: translate(-1.5px, 0.5px) rotate(-0.5deg)
        }

        84% {
            transform: translate(-1.5px, -1.5px) rotate(-0.5deg)
        }

        86% {
            transform: translate(0.5px, -0.5px) rotate(-1.5deg)
        }

        88% {
            transform: translate(-2.5px, -2.5px) rotate(-1.5deg)
        }

        90% {
            transform: translate(-1.5px, 1.5px) rotate(0.5deg)
        }

        92% {
            transform: translate(-1.5px, 0.5px) rotate(0.5deg)
        }

        94% {
            transform: translate(-1.5px, -0.5px) rotate(0.5deg)
        }

        96% {
            transform: translate(1.5px, 0.5px) rotate(-0.5deg)
        }

        98% {
            transform: translate(-0.5px, -1.5px) rotate(0.5deg)
        }
    }

    @-webkit-keyframes shake-little {
        0% {
            -webkit-transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        4% {
            -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        6% {
            -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        8% {
            -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        10% {
            -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        12% {
            -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        14% {
            -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        16% {
            -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        18% {
            -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        20% {
            -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        22% {
            -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        24% {
            -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        26% {
            -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        28% {
            -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        30% {
            -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        32% {
            -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        34% {
            -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        36% {
            -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        38% {
            -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        40% {
            -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        42% {
            -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        44% {
            -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        46% {
            -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        48% {
            -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        50% {
            -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        52% {
            -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        54% {
            -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        56% {
            -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        58% {
            -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        60% {
            -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        62% {
            -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        64% {
            -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        66% {
            -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        68% {
            -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        70% {
            -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        72% {
            -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        74% {
            -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        76% {
            -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        78% {
            -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        80% {
            -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        82% {
            -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        84% {
            -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        86% {
            -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        88% {
            -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        90% {
            -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        92% {
            -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        94% {
            -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        96% {
            -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        98% {
            -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
        }
    }

    @-ms-keyframes shake-little {
        0% {
            -ms-transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        4% {
            -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        6% {
            -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        8% {
            -ms-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        10% {
            -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        12% {
            -ms-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        14% {
            -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        16% {
            -ms-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        18% {
            -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        20% {
            -ms-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        22% {
            -ms-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        24% {
            -ms-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        26% {
            -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        28% {
            -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        30% {
            -ms-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        32% {
            -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        34% {
            -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        36% {
            -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        38% {
            -ms-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        40% {
            -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        42% {
            -ms-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        44% {
            -ms-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        46% {
            -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        48% {
            -ms-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        50% {
            -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        52% {
            -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        54% {
            -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        56% {
            -ms-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        58% {
            -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        60% {
            -ms-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        62% {
            -ms-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        64% {
            -ms-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        66% {
            -ms-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        68% {
            -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        70% {
            -ms-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        72% {
            -ms-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        74% {
            -ms-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        76% {
            -ms-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        78% {
            -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        80% {
            -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        82% {
            -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        84% {
            -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        86% {
            -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        88% {
            -ms-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        90% {
            -ms-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        92% {
            -ms-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        94% {
            -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        96% {
            -ms-transform: translate(0px, -1px) rotate(-0.5deg)
        }

        98% {
            -ms-transform: translate(0px, 0px) rotate(-0.5deg)
        }
    }

    @keyframes shake-little {
        0% {
            transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        4% {
            transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        6% {
            transform: translate(0px, -1px) rotate(-0.5deg)
        }

        8% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        10% {
            transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        12% {
            transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        14% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        16% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        18% {
            transform: translate(0px, -1px) rotate(-0.5deg)
        }

        20% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        22% {
            transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        24% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        26% {
            transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        28% {
            transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        30% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        32% {
            transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        34% {
            transform: translate(0px, -1px) rotate(-0.5deg)
        }

        36% {
            transform: translate(0px, -1px) rotate(-0.5deg)
        }

        38% {
            transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        40% {
            transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        42% {
            transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        44% {
            transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        46% {
            transform: translate(0px, -1px) rotate(-0.5deg)
        }

        48% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        50% {
            transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        52% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        54% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        56% {
            transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        58% {
            transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        60% {
            transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        62% {
            transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        64% {
            transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        66% {
            transform: translate(0px, -1px) rotate(-0.5deg)
        }

        68% {
            transform: translate(0px, -1px) rotate(-0.5deg)
        }

        70% {
            transform: translate(0px, -1px) rotate(-0.5deg)
        }

        72% {
            transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        74% {
            transform: translate(0px, -1px) rotate(-0.5deg)
        }

        76% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        78% {
            transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        80% {
            transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        82% {
            transform: translate(0px, -1px) rotate(-0.5deg)
        }

        84% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        86% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        88% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        90% {
            transform: translate(-1px, 0px) rotate(-0.5deg)
        }

        92% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        94% {
            transform: translate(0px, -1px) rotate(-0.5deg)
        }

        96% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        98% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }
    }

    @-webkit-keyframes shake-slow {
        0% {
            -webkit-transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            -webkit-transform: translate(-1px, 3px) rotate(-1.5deg)
        }

        4% {
            -webkit-transform: translate(-4px, 5px) rotate(-1.5deg)
        }

        6% {
            -webkit-transform: translate(-1px, 6px) rotate(-0.5deg)
        }

        8% {
            -webkit-transform: translate(5px, -4px) rotate(-3.5deg)
        }

        10% {
            -webkit-transform: translate(-7px, -3px) rotate(-3.5deg)
        }

        12% {
            -webkit-transform: translate(-1px, 8px) rotate(2.5deg)
        }

        14% {
            -webkit-transform: translate(3px, -5px) rotate(-1.5deg)
        }

        16% {
            -webkit-transform: translate(1px, 0px) rotate(2.5deg)
        }

        18% {
            -webkit-transform: translate(-6px, -10px) rotate(-0.5deg)
        }

        20% {
            -webkit-transform: translate(3px, -2px) rotate(1.5deg)
        }

        22% {
            -webkit-transform: translate(0px, 0px) rotate(-2.5deg)
        }

        24% {
            -webkit-transform: translate(-5px, -4px) rotate(1.5deg)
        }

        26% {
            -webkit-transform: translate(-1px, 3px) rotate(-3.5deg)
        }

        28% {
            -webkit-transform: translate(1px, 1px) rotate(-3.5deg)
        }

        30% {
            -webkit-transform: translate(-4px, 8px) rotate(1.5deg)
        }

        32% {
            -webkit-transform: translate(-9px, 7px) rotate(-3.5deg)
        }

        34% {
            -webkit-transform: translate(4px, -9px) rotate(-2.5deg)
        }

        36% {
            -webkit-transform: translate(1px, -6px) rotate(-2.5deg)
        }

        38% {
            -webkit-transform: translate(-4px, 0px) rotate(-2.5deg)
        }

        40% {
            -webkit-transform: translate(3px, -7px) rotate(0.5deg)
        }

        42% {
            -webkit-transform: translate(4px, 4px) rotate(-0.5deg)
        }

        44% {
            -webkit-transform: translate(8px, -4px) rotate(-2.5deg)
        }

        46% {
            -webkit-transform: translate(9px, 9px) rotate(-3.5deg)
        }

        48% {
            -webkit-transform: translate(6px, -8px) rotate(-0.5deg)
        }

        50% {
            -webkit-transform: translate(-1px, 4px) rotate(-3.5deg)
        }

        52% {
            -webkit-transform: translate(4px, 6px) rotate(-1.5deg)
        }

        54% {
            -webkit-transform: translate(9px, -3px) rotate(2.5deg)
        }

        56% {
            -webkit-transform: translate(8px, -2px) rotate(-3.5deg)
        }

        58% {
            -webkit-transform: translate(-2px, -9px) rotate(-0.5deg)
        }

        60% {
            -webkit-transform: translate(-1px, -5px) rotate(2.5deg)
        }

        62% {
            -webkit-transform: translate(-8px, 3px) rotate(2.5deg)
        }

        64% {
            -webkit-transform: translate(6px, -2px) rotate(-3.5deg)
        }

        66% {
            -webkit-transform: translate(-5px, 9px) rotate(-1.5deg)
        }

        68% {
            -webkit-transform: translate(3px, 1px) rotate(-0.5deg)
        }

        70% {
            -webkit-transform: translate(6px, 4px) rotate(-1.5deg)
        }

        72% {
            -webkit-transform: translate(-6px, -5px) rotate(1.5deg)
        }

        74% {
            -webkit-transform: translate(-8px, 0px) rotate(-0.5deg)
        }

        76% {
            -webkit-transform: translate(-5px, -8px) rotate(1.5deg)
        }

        78% {
            -webkit-transform: translate(5px, -3px) rotate(-1.5deg)
        }

        80% {
            -webkit-transform: translate(-6px, -3px) rotate(-1.5deg)
        }

        82% {
            -webkit-transform: translate(7px, 8px) rotate(-1.5deg)
        }

        84% {
            -webkit-transform: translate(-6px, 9px) rotate(0.5deg)
        }

        86% {
            -webkit-transform: translate(1px, 8px) rotate(-3.5deg)
        }

        88% {
            -webkit-transform: translate(-9px, -2px) rotate(1.5deg)
        }

        90% {
            -webkit-transform: translate(4px, -6px) rotate(-1.5deg)
        }

        92% {
            -webkit-transform: translate(0px, -1px) rotate(0.5deg)
        }

        94% {
            -webkit-transform: translate(2px, -9px) rotate(2.5deg)
        }

        96% {
            -webkit-transform: translate(-9px, 1px) rotate(-2.5deg)
        }

        98% {
            -webkit-transform: translate(-9px, -5px) rotate(-3.5deg)
        }
    }

    @-ms-keyframes shake-slow {
        0% {
            -ms-transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            -ms-transform: translate(-10px, 5px) rotate(-2.5deg)
        }

        4% {
            -ms-transform: translate(7px, 7px) rotate(-3.5deg)
        }

        6% {
            -ms-transform: translate(8px, -7px) rotate(-2.5deg)
        }

        8% {
            -ms-transform: translate(-8px, 3px) rotate(-0.5deg)
        }

        10% {
            -ms-transform: translate(3px, -10px) rotate(-1.5deg)
        }

        12% {
            -ms-transform: translate(-9px, -6px) rotate(2.5deg)
        }

        14% {
            -ms-transform: translate(-2px, -6px) rotate(-0.5deg)
        }

        16% {
            -ms-transform: translate(6px, -1px) rotate(0.5deg)
        }

        18% {
            -ms-transform: translate(5px, -1px) rotate(0.5deg)
        }

        20% {
            -ms-transform: translate(7px, -5px) rotate(-0.5deg)
        }

        22% {
            -ms-transform: translate(-8px, 5px) rotate(2.5deg)
        }

        24% {
            -ms-transform: translate(0px, 4px) rotate(2.5deg)
        }

        26% {
            -ms-transform: translate(-1px, 2px) rotate(-1.5deg)
        }

        28% {
            -ms-transform: translate(-1px, -1px) rotate(1.5deg)
        }

        30% {
            -ms-transform: translate(-5px, -5px) rotate(2.5deg)
        }

        32% {
            -ms-transform: translate(0px, 7px) rotate(-0.5deg)
        }

        34% {
            -ms-transform: translate(-9px, 3px) rotate(-0.5deg)
        }

        36% {
            -ms-transform: translate(3px, -5px) rotate(-2.5deg)
        }

        38% {
            -ms-transform: translate(5px, 2px) rotate(-0.5deg)
        }

        40% {
            -ms-transform: translate(6px, -3px) rotate(0.5deg)
        }

        42% {
            -ms-transform: translate(-4px, -6px) rotate(-0.5deg)
        }

        44% {
            -ms-transform: translate(9px, 2px) rotate(-3.5deg)
        }

        46% {
            -ms-transform: translate(6px, -4px) rotate(1.5deg)
        }

        48% {
            -ms-transform: translate(6px, 5px) rotate(2.5deg)
        }

        50% {
            -ms-transform: translate(-9px, -2px) rotate(-2.5deg)
        }

        52% {
            -ms-transform: translate(-7px, 9px) rotate(-0.5deg)
        }

        54% {
            -ms-transform: translate(-5px, -5px) rotate(-3.5deg)
        }

        56% {
            -ms-transform: translate(-6px, -10px) rotate(1.5deg)
        }

        58% {
            -ms-transform: translate(-3px, 1px) rotate(-3.5deg)
        }

        60% {
            -ms-transform: translate(3px, 5px) rotate(2.5deg)
        }

        62% {
            -ms-transform: translate(-1px, -8px) rotate(2.5deg)
        }

        64% {
            -ms-transform: translate(6px, -7px) rotate(-0.5deg)
        }

        66% {
            -ms-transform: translate(-7px, -1px) rotate(0.5deg)
        }

        68% {
            -ms-transform: translate(-3px, -4px) rotate(-1.5deg)
        }

        70% {
            -ms-transform: translate(-10px, 9px) rotate(2.5deg)
        }

        72% {
            -ms-transform: translate(9px, 9px) rotate(2.5deg)
        }

        74% {
            -ms-transform: translate(-6px, 8px) rotate(-0.5deg)
        }

        76% {
            -ms-transform: translate(-5px, -10px) rotate(-2.5deg)
        }

        78% {
            -ms-transform: translate(-7px, -9px) rotate(-0.5deg)
        }

        80% {
            -ms-transform: translate(8px, -4px) rotate(2.5deg)
        }

        82% {
            -ms-transform: translate(9px, 4px) rotate(-0.5deg)
        }

        84% {
            -ms-transform: translate(-1px, -1px) rotate(2.5deg)
        }

        86% {
            -ms-transform: translate(-6px, -3px) rotate(0.5deg)
        }

        88% {
            -ms-transform: translate(-2px, -4px) rotate(0.5deg)
        }

        90% {
            -ms-transform: translate(5px, 1px) rotate(0.5deg)
        }

        92% {
            -ms-transform: translate(1px, 2px) rotate(-3.5deg)
        }

        94% {
            -ms-transform: translate(-5px, -10px) rotate(1.5deg)
        }

        96% {
            -ms-transform: translate(-6px, 3px) rotate(-3.5deg)
        }

        98% {
            -ms-transform: translate(-1px, -7px) rotate(-2.5deg)
        }
    }

    @keyframes shake-slow {
        0% {
            transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            transform: translate(6px, -7px) rotate(2.5deg)
        }

        4% {
            transform: translate(8px, -8px) rotate(2.5deg)
        }

        6% {
            transform: translate(1px, -8px) rotate(-3.5deg)
        }

        8% {
            transform: translate(-3px, 4px) rotate(-0.5deg)
        }

        10% {
            transform: translate(0px, -3px) rotate(1.5deg)
        }

        12% {
            transform: translate(-1px, 2px) rotate(0.5deg)
        }

        14% {
            transform: translate(6px, 6px) rotate(-1.5deg)
        }

        16% {
            transform: translate(-7px, 4px) rotate(-0.5deg)
        }

        18% {
            transform: translate(7px, 8px) rotate(-3.5deg)
        }

        20% {
            transform: translate(-6px, 2px) rotate(1.5deg)
        }

        22% {
            transform: translate(9px, 5px) rotate(-1.5deg)
        }

        24% {
            transform: translate(7px, -2px) rotate(0.5deg)
        }

        26% {
            transform: translate(-7px, -10px) rotate(-0.5deg)
        }

        28% {
            transform: translate(-10px, -8px) rotate(-1.5deg)
        }

        30% {
            transform: translate(8px, 4px) rotate(0.5deg)
        }

        32% {
            transform: translate(0px, 4px) rotate(1.5deg)
        }

        34% {
            transform: translate(-8px, 6px) rotate(-0.5deg)
        }

        36% {
            transform: translate(-5px, 7px) rotate(1.5deg)
        }

        38% {
            transform: translate(-4px, -4px) rotate(-1.5deg)
        }

        40% {
            transform: translate(9px, 4px) rotate(-1.5deg)
        }

        42% {
            transform: translate(9px, -5px) rotate(2.5deg)
        }

        44% {
            transform: translate(-5px, -4px) rotate(-2.5deg)
        }

        46% {
            transform: translate(7px, -7px) rotate(1.5deg)
        }

        48% {
            transform: translate(-5px, 8px) rotate(0.5deg)
        }

        50% {
            transform: translate(9px, 1px) rotate(-1.5deg)
        }

        52% {
            transform: translate(-9px, -5px) rotate(-3.5deg)
        }

        54% {
            transform: translate(-2px, 9px) rotate(1.5deg)
        }

        56% {
            transform: translate(6px, -1px) rotate(1.5deg)
        }

        58% {
            transform: translate(-6px, 0px) rotate(-0.5deg)
        }

        60% {
            transform: translate(3px, 1px) rotate(1.5deg)
        }

        62% {
            transform: translate(5px, -7px) rotate(-0.5deg)
        }

        64% {
            transform: translate(9px, 2px) rotate(2.5deg)
        }

        66% {
            transform: translate(6px, 0px) rotate(-2.5deg)
        }

        68% {
            transform: translate(5px, -4px) rotate(-2.5deg)
        }

        70% {
            transform: translate(-8px, 5px) rotate(-2.5deg)
        }

        72% {
            transform: translate(-6px, -2px) rotate(0.5deg)
        }

        74% {
            transform: translate(-3px, 7px) rotate(-3.5deg)
        }

        76% {
            transform: translate(-7px, -8px) rotate(-3.5deg)
        }

        78% {
            transform: translate(-1px, -2px) rotate(2.5deg)
        }

        80% {
            transform: translate(8px, 6px) rotate(-2.5deg)
        }

        82% {
            transform: translate(-2px, -9px) rotate(2.5deg)
        }

        84% {
            transform: translate(8px, -10px) rotate(-0.5deg)
        }

        86% {
            transform: translate(-6px, 0px) rotate(2.5deg)
        }

        88% {
            transform: translate(-1px, 9px) rotate(-3.5deg)
        }

        90% {
            transform: translate(-7px, 8px) rotate(1.5deg)
        }

        92% {
            transform: translate(-10px, -8px) rotate(0.5deg)
        }

        94% {
            transform: translate(-8px, 6px) rotate(1.5deg)
        }

        96% {
            transform: translate(4px, -9px) rotate(2.5deg)
        }

        98% {
            transform: translate(-4px, 9px) rotate(0.5deg)
        }
    }

    @-webkit-keyframes shake-hard {
        0% {
            -webkit-transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            -webkit-transform: translate(-5px, -7px) rotate(-3.5deg)
        }

        4% {
            -webkit-transform: translate(-9px, -7px) rotate(-0.5deg)
        }

        6% {
            -webkit-transform: translate(-3px, -1px) rotate(-0.5deg)
        }

        8% {
            -webkit-transform: translate(2px, -8px) rotate(-3.5deg)
        }

        10% {
            -webkit-transform: translate(-2px, -4px) rotate(0.5deg)
        }

        12% {
            -webkit-transform: translate(-8px, 6px) rotate(2.5deg)
        }

        14% {
            -webkit-transform: translate(-1px, 3px) rotate(-0.5deg)
        }

        16% {
            -webkit-transform: translate(-7px, 0px) rotate(1.5deg)
        }

        18% {
            -webkit-transform: translate(-6px, -6px) rotate(2.5deg)
        }

        20% {
            -webkit-transform: translate(-8px, 5px) rotate(2.5deg)
        }

        22% {
            -webkit-transform: translate(-3px, 1px) rotate(-1.5deg)
        }

        24% {
            -webkit-transform: translate(-7px, 5px) rotate(0.5deg)
        }

        26% {
            -webkit-transform: translate(1px, 8px) rotate(0.5deg)
        }

        28% {
            -webkit-transform: translate(-4px, 5px) rotate(2.5deg)
        }

        30% {
            -webkit-transform: translate(-4px, -2px) rotate(-0.5deg)
        }

        32% {
            -webkit-transform: translate(2px, -2px) rotate(-1.5deg)
        }

        34% {
            -webkit-transform: translate(-3px, 6px) rotate(-3.5deg)
        }

        36% {
            -webkit-transform: translate(4px, 5px) rotate(-0.5deg)
        }

        38% {
            -webkit-transform: translate(-4px, -4px) rotate(-0.5deg)
        }

        40% {
            -webkit-transform: translate(-8px, 3px) rotate(-0.5deg)
        }

        42% {
            -webkit-transform: translate(-2px, -8px) rotate(0.5deg)
        }

        44% {
            -webkit-transform: translate(-2px, 8px) rotate(-3.5deg)
        }

        46% {
            -webkit-transform: translate(-1px, -6px) rotate(-2.5deg)
        }

        48% {
            -webkit-transform: translate(-8px, 7px) rotate(-2.5deg)
        }

        50% {
            -webkit-transform: translate(4px, -10px) rotate(1.5deg)
        }

        52% {
            -webkit-transform: translate(-9px, 8px) rotate(-1.5deg)
        }

        54% {
            -webkit-transform: translate(2px, -6px) rotate(-2.5deg)
        }

        56% {
            -webkit-transform: translate(-6px, -4px) rotate(-3.5deg)
        }

        58% {
            -webkit-transform: translate(8px, 8px) rotate(1.5deg)
        }

        60% {
            -webkit-transform: translate(-2px, -7px) rotate(-3.5deg)
        }

        62% {
            -webkit-transform: translate(-7px, -6px) rotate(0.5deg)
        }

        64% {
            -webkit-transform: translate(0px, 7px) rotate(1.5deg)
        }

        66% {
            -webkit-transform: translate(-3px, -3px) rotate(2.5deg)
        }

        68% {
            -webkit-transform: translate(4px, 1px) rotate(2.5deg)
        }

        70% {
            -webkit-transform: translate(2px, 3px) rotate(0.5deg)
        }

        72% {
            -webkit-transform: translate(4px, -10px) rotate(-0.5deg)
        }

        74% {
            -webkit-transform: translate(-1px, 7px) rotate(0.5deg)
        }

        76% {
            -webkit-transform: translate(-3px, 3px) rotate(-3.5deg)
        }

        78% {
            -webkit-transform: translate(-2px, 9px) rotate(-2.5deg)
        }

        80% {
            -webkit-transform: translate(7px, -5px) rotate(-3.5deg)
        }

        82% {
            -webkit-transform: translate(-8px, 8px) rotate(-0.5deg)
        }

        84% {
            -webkit-transform: translate(5px, 8px) rotate(-3.5deg)
        }

        86% {
            -webkit-transform: translate(4px, 0px) rotate(1.5deg)
        }

        88% {
            -webkit-transform: translate(-7px, 4px) rotate(2.5deg)
        }

        90% {
            -webkit-transform: translate(4px, 8px) rotate(0.5deg)
        }

        92% {
            -webkit-transform: translate(0px, -3px) rotate(-3.5deg)
        }

        94% {
            -webkit-transform: translate(7px, -3px) rotate(1.5deg)
        }

        96% {
            -webkit-transform: translate(-6px, -6px) rotate(0.5deg)
        }

        98% {
            -webkit-transform: translate(-4px, 7px) rotate(-2.5deg)
        }
    }

    @-ms-keyframes shake-hard {
        0% {
            -ms-transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            -ms-transform: translate(2px, 5px) rotate(2.5deg)
        }

        4% {
            -ms-transform: translate(-5px, 8px) rotate(2.5deg)
        }

        6% {
            -ms-transform: translate(-7px, 7px) rotate(0.5deg)
        }

        8% {
            -ms-transform: translate(2px, 3px) rotate(-1.5deg)
        }

        10% {
            -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
        }

        12% {
            -ms-transform: translate(7px, 5px) rotate(-3.5deg)
        }

        14% {
            -ms-transform: translate(3px, 2px) rotate(1.5deg)
        }

        16% {
            -ms-transform: translate(-1px, -1px) rotate(-1.5deg)
        }

        18% {
            -ms-transform: translate(-3px, -7px) rotate(-3.5deg)
        }

        20% {
            -ms-transform: translate(5px, 0px) rotate(2.5deg)
        }

        22% {
            -ms-transform: translate(1px, -10px) rotate(-1.5deg)
        }

        24% {
            -ms-transform: translate(-6px, -3px) rotate(2.5deg)
        }

        26% {
            -ms-transform: translate(-4px, 5px) rotate(2.5deg)
        }

        28% {
            -ms-transform: translate(-6px, 0px) rotate(-3.5deg)
        }

        30% {
            -ms-transform: translate(-1px, 6px) rotate(-2.5deg)
        }

        32% {
            -ms-transform: translate(8px, 2px) rotate(-2.5deg)
        }

        34% {
            -ms-transform: translate(-4px, -2px) rotate(2.5deg)
        }

        36% {
            -ms-transform: translate(8px, 8px) rotate(-0.5deg)
        }

        38% {
            -ms-transform: translate(-8px, -6px) rotate(-3.5deg)
        }

        40% {
            -ms-transform: translate(3px, -2px) rotate(-0.5deg)
        }

        42% {
            -ms-transform: translate(1px, 5px) rotate(-1.5deg)
        }

        44% {
            -ms-transform: translate(6px, 2px) rotate(0.5deg)
        }

        46% {
            -ms-transform: translate(-6px, -1px) rotate(-0.5deg)
        }

        48% {
            -ms-transform: translate(-5px, 5px) rotate(-1.5deg)
        }

        50% {
            -ms-transform: translate(6px, 6px) rotate(-2.5deg)
        }

        52% {
            -ms-transform: translate(-1px, 9px) rotate(0.5deg)
        }

        54% {
            -ms-transform: translate(-3px, 7px) rotate(2.5deg)
        }

        56% {
            -ms-transform: translate(7px, 5px) rotate(0.5deg)
        }

        58% {
            -ms-transform: translate(-8px, -4px) rotate(-0.5deg)
        }

        60% {
            -ms-transform: translate(-6px, -5px) rotate(0.5deg)
        }

        62% {
            -ms-transform: translate(8px, -8px) rotate(-2.5deg)
        }

        64% {
            -ms-transform: translate(-2px, -5px) rotate(-2.5deg)
        }

        66% {
            -ms-transform: translate(-5px, -7px) rotate(2.5deg)
        }

        68% {
            -ms-transform: translate(3px, -3px) rotate(-2.5deg)
        }

        70% {
            -ms-transform: translate(3px, 8px) rotate(-2.5deg)
        }

        72% {
            -ms-transform: translate(-3px, -3px) rotate(-3.5deg)
        }

        74% {
            -ms-transform: translate(-8px, -4px) rotate(-2.5deg)
        }

        76% {
            -ms-transform: translate(-8px, -5px) rotate(-1.5deg)
        }

        78% {
            -ms-transform: translate(6px, -10px) rotate(0.5deg)
        }

        80% {
            -ms-transform: translate(-9px, -3px) rotate(-3.5deg)
        }

        82% {
            -ms-transform: translate(6px, 5px) rotate(-3.5deg)
        }

        84% {
            -ms-transform: translate(-4px, 5px) rotate(-0.5deg)
        }

        86% {
            -ms-transform: translate(-3px, -3px) rotate(0.5deg)
        }

        88% {
            -ms-transform: translate(3px, -7px) rotate(-2.5deg)
        }

        90% {
            -ms-transform: translate(-1px, 2px) rotate(-1.5deg)
        }

        92% {
            -ms-transform: translate(2px, 5px) rotate(2.5deg)
        }

        94% {
            -ms-transform: translate(-2px, 1px) rotate(-2.5deg)
        }

        96% {
            -ms-transform: translate(-5px, -2px) rotate(-0.5deg)
        }

        98% {
            -ms-transform: translate(-6px, 8px) rotate(-2.5deg)
        }
    }

    @keyframes shake-hard {
        0% {
            transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            transform: translate(-8px, -1px) rotate(0.5deg)
        }

        4% {
            transform: translate(-3px, 3px) rotate(-2.5deg)
        }

        6% {
            transform: translate(-4px, -2px) rotate(-2.5deg)
        }

        8% {
            transform: translate(-8px, -5px) rotate(-3.5deg)
        }

        10% {
            transform: translate(-2px, -10px) rotate(0.5deg)
        }

        12% {
            transform: translate(0px, -9px) rotate(-1.5deg)
        }

        14% {
            transform: translate(-8px, 7px) rotate(-0.5deg)
        }

        16% {
            transform: translate(-2px, 8px) rotate(-1.5deg)
        }

        18% {
            transform: translate(1px, 9px) rotate(1.5deg)
        }

        20% {
            transform: translate(5px, 7px) rotate(-2.5deg)
        }

        22% {
            transform: translate(0px, 2px) rotate(-2.5deg)
        }

        24% {
            transform: translate(0px, 7px) rotate(-1.5deg)
        }

        26% {
            transform: translate(-9px, 4px) rotate(-3.5deg)
        }

        28% {
            transform: translate(3px, -1px) rotate(1.5deg)
        }

        30% {
            transform: translate(6px, 2px) rotate(1.5deg)
        }

        32% {
            transform: translate(-8px, -8px) rotate(-3.5deg)
        }

        34% {
            transform: translate(9px, 5px) rotate(-1.5deg)
        }

        36% {
            transform: translate(-2px, 7px) rotate(-0.5deg)
        }

        38% {
            transform: translate(0px, 0px) rotate(2.5deg)
        }

        40% {
            transform: translate(0px, -10px) rotate(-3.5deg)
        }

        42% {
            transform: translate(3px, -4px) rotate(0.5deg)
        }

        44% {
            transform: translate(-1px, -10px) rotate(0.5deg)
        }

        46% {
            transform: translate(0px, 1px) rotate(2.5deg)
        }

        48% {
            transform: translate(-1px, 1px) rotate(2.5deg)
        }

        50% {
            transform: translate(7px, 4px) rotate(-0.5deg)
        }

        52% {
            transform: translate(-10px, -5px) rotate(1.5deg)
        }

        54% {
            transform: translate(-1px, 6px) rotate(-1.5deg)
        }

        56% {
            transform: translate(-9px, 9px) rotate(-3.5deg)
        }

        58% {
            transform: translate(8px, 2px) rotate(2.5deg)
        }

        60% {
            transform: translate(9px, 1px) rotate(-1.5deg)
        }

        62% {
            transform: translate(-3px, -2px) rotate(-2.5deg)
        }

        64% {
            transform: translate(-3px, 8px) rotate(0.5deg)
        }

        66% {
            transform: translate(-8px, 8px) rotate(0.5deg)
        }

        68% {
            transform: translate(0px, 9px) rotate(2.5deg)
        }

        70% {
            transform: translate(3px, -9px) rotate(2.5deg)
        }

        72% {
            transform: translate(3px, -5px) rotate(-3.5deg)
        }

        74% {
            transform: translate(-10px, 2px) rotate(-1.5deg)
        }

        76% {
            transform: translate(2px, 2px) rotate(1.5deg)
        }

        78% {
            transform: translate(2px, -3px) rotate(0.5deg)
        }

        80% {
            transform: translate(-4px, -7px) rotate(-1.5deg)
        }

        82% {
            transform: translate(-9px, 0px) rotate(-0.5deg)
        }

        84% {
            transform: translate(-5px, 5px) rotate(-3.5deg)
        }

        86% {
            transform: translate(-8px, -3px) rotate(2.5deg)
        }

        88% {
            transform: translate(2px, -5px) rotate(-1.5deg)
        }

        90% {
            transform: translate(-5px, 0px) rotate(-2.5deg)
        }

        92% {
            transform: translate(1px, -5px) rotate(1.5deg)
        }

        94% {
            transform: translate(-8px, -8px) rotate(0.5deg)
        }

        96% {
            transform: translate(-6px, -8px) rotate(2.5deg)
        }

        98% {
            transform: translate(1px, 0px) rotate(1.5deg)
        }
    }

    @-webkit-keyframes shake-horizontal {
        0% {
            -webkit-transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            -webkit-transform: translate(-6px, 0px) rotate(0deg)
        }

        4% {
            -webkit-transform: translate(5px, 0px) rotate(0deg)
        }

        6% {
            -webkit-transform: translate(3px, 0px) rotate(0deg)
        }

        8% {
            -webkit-transform: translate(-3px, 0px) rotate(0deg)
        }

        10% {
            -webkit-transform: translate(2px, 0px) rotate(0deg)
        }

        12% {
            -webkit-transform: translate(6px, 0px) rotate(0deg)
        }

        14% {
            -webkit-transform: translate(5px, 0px) rotate(0deg)
        }

        16% {
            -webkit-transform: translate(5px, 0px) rotate(0deg)
        }

        18% {
            -webkit-transform: translate(5px, 0px) rotate(0deg)
        }

        20% {
            -webkit-transform: translate(-4px, 0px) rotate(0deg)
        }

        22% {
            -webkit-transform: translate(5px, 0px) rotate(0deg)
        }

        24% {
            -webkit-transform: translate(-1px, 0px) rotate(0deg)
        }

        26% {
            -webkit-transform: translate(7px, 0px) rotate(0deg)
        }

        28% {
            -webkit-transform: translate(-5px, 0px) rotate(0deg)
        }

        30% {
            -webkit-transform: translate(8px, 0px) rotate(0deg)
        }

        32% {
            -webkit-transform: translate(-8px, 0px) rotate(0deg)
        }

        34% {
            -webkit-transform: translate(-2px, 0px) rotate(0deg)
        }

        36% {
            -webkit-transform: translate(2px, 0px) rotate(0deg)
        }

        38% {
            -webkit-transform: translate(6px, 0px) rotate(0deg)
        }

        40% {
            -webkit-transform: translate(-10px, 0px) rotate(0deg)
        }

        42% {
            -webkit-transform: translate(-6px, 0px) rotate(0deg)
        }

        44% {
            -webkit-transform: translate(0px, 0px) rotate(0deg)
        }

        46% {
            -webkit-transform: translate(3px, 0px) rotate(0deg)
        }

        48% {
            -webkit-transform: translate(-3px, 0px) rotate(0deg)
        }

        50% {
            -webkit-transform: translate(6px, 0px) rotate(0deg)
        }

        52% {
            -webkit-transform: translate(0px, 0px) rotate(0deg)
        }

        54% {
            -webkit-transform: translate(-6px, 0px) rotate(0deg)
        }

        56% {
            -webkit-transform: translate(-3px, 0px) rotate(0deg)
        }

        58% {
            -webkit-transform: translate(-9px, 0px) rotate(0deg)
        }

        60% {
            -webkit-transform: translate(-4px, 0px) rotate(0deg)
        }

        62% {
            -webkit-transform: translate(-3px, 0px) rotate(0deg)
        }

        64% {
            -webkit-transform: translate(-3px, 0px) rotate(0deg)
        }

        66% {
            -webkit-transform: translate(-2px, 0px) rotate(0deg)
        }

        68% {
            -webkit-transform: translate(6px, 0px) rotate(0deg)
        }

        70% {
            -webkit-transform: translate(-8px, 0px) rotate(0deg)
        }

        72% {
            -webkit-transform: translate(9px, 0px) rotate(0deg)
        }

        74% {
            -webkit-transform: translate(-6px, 0px) rotate(0deg)
        }

        76% {
            -webkit-transform: translate(-10px, 0px) rotate(0deg)
        }

        78% {
            -webkit-transform: translate(-7px, 0px) rotate(0deg)
        }

        80% {
            -webkit-transform: translate(1px, 0px) rotate(0deg)
        }

        82% {
            -webkit-transform: translate(0px, 0px) rotate(0deg)
        }

        84% {
            -webkit-transform: translate(-2px, 0px) rotate(0deg)
        }

        86% {
            -webkit-transform: translate(-3px, 0px) rotate(0deg)
        }

        88% {
            -webkit-transform: translate(-5px, 0px) rotate(0deg)
        }

        90% {
            -webkit-transform: translate(-9px, 0px) rotate(0deg)
        }

        92% {
            -webkit-transform: translate(7px, 0px) rotate(0deg)
        }

        94% {
            -webkit-transform: translate(8px, 0px) rotate(0deg)
        }

        96% {
            -webkit-transform: translate(-8px, 0px) rotate(0deg)
        }

        98% {
            -webkit-transform: translate(4px, 0px) rotate(0deg)
        }
    }

    @-ms-keyframes shake-horizontal {
        0% {
            -ms-transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            -ms-transform: translate(-9px, 0px) rotate(0deg)
        }

        4% {
            -ms-transform: translate(-6px, 0px) rotate(0deg)
        }

        6% {
            -ms-transform: translate(-2px, 0px) rotate(0deg)
        }

        8% {
            -ms-transform: translate(5px, 0px) rotate(0deg)
        }

        10% {
            -ms-transform: translate(-1px, 0px) rotate(0deg)
        }

        12% {
            -ms-transform: translate(9px, 0px) rotate(0deg)
        }

        14% {
            -ms-transform: translate(-5px, 0px) rotate(0deg)
        }

        16% {
            -ms-transform: translate(-4px, 0px) rotate(0deg)
        }

        18% {
            -ms-transform: translate(7px, 0px) rotate(0deg)
        }

        20% {
            -ms-transform: translate(8px, 0px) rotate(0deg)
        }

        22% {
            -ms-transform: translate(7px, 0px) rotate(0deg)
        }

        24% {
            -ms-transform: translate(-5px, 0px) rotate(0deg)
        }

        26% {
            -ms-transform: translate(-2px, 0px) rotate(0deg)
        }

        28% {
            -ms-transform: translate(-5px, 0px) rotate(0deg)
        }

        30% {
            -ms-transform: translate(3px, 0px) rotate(0deg)
        }

        32% {
            -ms-transform: translate(-7px, 0px) rotate(0deg)
        }

        34% {
            -ms-transform: translate(7px, 0px) rotate(0deg)
        }

        36% {
            -ms-transform: translate(4px, 0px) rotate(0deg)
        }

        38% {
            -ms-transform: translate(-10px, 0px) rotate(0deg)
        }

        40% {
            -ms-transform: translate(3px, 0px) rotate(0deg)
        }

        42% {
            -ms-transform: translate(-6px, 0px) rotate(0deg)
        }

        44% {
            -ms-transform: translate(-5px, 0px) rotate(0deg)
        }

        46% {
            -ms-transform: translate(0px, 0px) rotate(0deg)
        }

        48% {
            -ms-transform: translate(-8px, 0px) rotate(0deg)
        }

        50% {
            -ms-transform: translate(0px, 0px) rotate(0deg)
        }

        52% {
            -ms-transform: translate(-5px, 0px) rotate(0deg)
        }

        54% {
            -ms-transform: translate(4px, 0px) rotate(0deg)
        }

        56% {
            -ms-transform: translate(-2px, 0px) rotate(0deg)
        }

        58% {
            -ms-transform: translate(-9px, 0px) rotate(0deg)
        }

        60% {
            -ms-transform: translate(-6px, 0px) rotate(0deg)
        }

        62% {
            -ms-transform: translate(4px, 0px) rotate(0deg)
        }

        64% {
            -ms-transform: translate(-10px, 0px) rotate(0deg)
        }

        66% {
            -ms-transform: translate(8px, 0px) rotate(0deg)
        }

        68% {
            -ms-transform: translate(0px, 0px) rotate(0deg)
        }

        70% {
            -ms-transform: translate(4px, 0px) rotate(0deg)
        }

        72% {
            -ms-transform: translate(-4px, 0px) rotate(0deg)
        }

        74% {
            -ms-transform: translate(-1px, 0px) rotate(0deg)
        }

        76% {
            -ms-transform: translate(-3px, 0px) rotate(0deg)
        }

        78% {
            -ms-transform: translate(0px, 0px) rotate(0deg)
        }

        80% {
            -ms-transform: translate(-10px, 0px) rotate(0deg)
        }

        82% {
            -ms-transform: translate(4px, 0px) rotate(0deg)
        }

        84% {
            -ms-transform: translate(-7px, 0px) rotate(0deg)
        }

        86% {
            -ms-transform: translate(7px, 0px) rotate(0deg)
        }

        88% {
            -ms-transform: translate(-1px, 0px) rotate(0deg)
        }

        90% {
            -ms-transform: translate(9px, 0px) rotate(0deg)
        }

        92% {
            -ms-transform: translate(-6px, 0px) rotate(0deg)
        }

        94% {
            -ms-transform: translate(-8px, 0px) rotate(0deg)
        }

        96% {
            -ms-transform: translate(-1px, 0px) rotate(0deg)
        }

        98% {
            -ms-transform: translate(-5px, 0px) rotate(0deg)
        }
    }

    @keyframes shake-horizontal {
        0% {
            transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            transform: translate(-4px, 0px) rotate(0deg)
        }

        4% {
            transform: translate(2px, 0px) rotate(0deg)
        }

        6% {
            transform: translate(-3px, 0px) rotate(0deg)
        }

        8% {
            transform: translate(9px, 0px) rotate(0deg)
        }

        10% {
            transform: translate(2px, 0px) rotate(0deg)
        }

        12% {
            transform: translate(-6px, 0px) rotate(0deg)
        }

        14% {
            transform: translate(-7px, 0px) rotate(0deg)
        }

        16% {
            transform: translate(2px, 0px) rotate(0deg)
        }

        18% {
            transform: translate(7px, 0px) rotate(0deg)
        }

        20% {
            transform: translate(-1px, 0px) rotate(0deg)
        }

        22% {
            transform: translate(-10px, 0px) rotate(0deg)
        }

        24% {
            transform: translate(-10px, 0px) rotate(0deg)
        }

        26% {
            transform: translate(3px, 0px) rotate(0deg)
        }

        28% {
            transform: translate(-5px, 0px) rotate(0deg)
        }

        30% {
            transform: translate(4px, 0px) rotate(0deg)
        }

        32% {
            transform: translate(-6px, 0px) rotate(0deg)
        }

        34% {
            transform: translate(-2px, 0px) rotate(0deg)
        }

        36% {
            transform: translate(-6px, 0px) rotate(0deg)
        }

        38% {
            transform: translate(-2px, 0px) rotate(0deg)
        }

        40% {
            transform: translate(4px, 0px) rotate(0deg)
        }

        42% {
            transform: translate(8px, 0px) rotate(0deg)
        }

        44% {
            transform: translate(-3px, 0px) rotate(0deg)
        }

        46% {
            transform: translate(-10px, 0px) rotate(0deg)
        }

        48% {
            transform: translate(4px, 0px) rotate(0deg)
        }

        50% {
            transform: translate(-6px, 0px) rotate(0deg)
        }

        52% {
            transform: translate(6px, 0px) rotate(0deg)
        }

        54% {
            transform: translate(-8px, 0px) rotate(0deg)
        }

        56% {
            transform: translate(5px, 0px) rotate(0deg)
        }

        58% {
            transform: translate(9px, 0px) rotate(0deg)
        }

        60% {
            transform: translate(7px, 0px) rotate(0deg)
        }

        62% {
            transform: translate(1px, 0px) rotate(0deg)
        }

        64% {
            transform: translate(2px, 0px) rotate(0deg)
        }

        66% {
            transform: translate(-2px, 0px) rotate(0deg)
        }

        68% {
            transform: translate(-7px, 0px) rotate(0deg)
        }

        70% {
            transform: translate(-1px, 0px) rotate(0deg)
        }

        72% {
            transform: translate(-6px, 0px) rotate(0deg)
        }

        74% {
            transform: translate(5px, 0px) rotate(0deg)
        }

        76% {
            transform: translate(0px, 0px) rotate(0deg)
        }

        78% {
            transform: translate(9px, 0px) rotate(0deg)
        }

        80% {
            transform: translate(-3px, 0px) rotate(0deg)
        }

        82% {
            transform: translate(8px, 0px) rotate(0deg)
        }

        84% {
            transform: translate(-2px, 0px) rotate(0deg)
        }

        86% {
            transform: translate(-1px, 0px) rotate(0deg)
        }

        88% {
            transform: translate(-3px, 0px) rotate(0deg)
        }

        90% {
            transform: translate(4px, 0px) rotate(0deg)
        }

        92% {
            transform: translate(0px, 0px) rotate(0deg)
        }

        94% {
            transform: translate(4px, 0px) rotate(0deg)
        }

        96% {
            transform: translate(2px, 0px) rotate(0deg)
        }

        98% {
            transform: translate(-2px, 0px) rotate(0deg)
        }
    }

    @-webkit-keyframes shake-vertical {
        0% {
            -webkit-transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            -webkit-transform: translate(0px, 2px) rotate(0deg)
        }

        4% {
            -webkit-transform: translate(0px, 6px) rotate(0deg)
        }

        6% {
            -webkit-transform: translate(0px, -5px) rotate(0deg)
        }

        8% {
            -webkit-transform: translate(0px, -3px) rotate(0deg)
        }

        10% {
            -webkit-transform: translate(0px, 9px) rotate(0deg)
        }

        12% {
            -webkit-transform: translate(0px, 5px) rotate(0deg)
        }

        14% {
            -webkit-transform: translate(0px, -7px) rotate(0deg)
        }

        16% {
            -webkit-transform: translate(0px, -2px) rotate(0deg)
        }

        18% {
            -webkit-transform: translate(0px, 1px) rotate(0deg)
        }

        20% {
            -webkit-transform: translate(0px, 8px) rotate(0deg)
        }

        22% {
            -webkit-transform: translate(0px, 7px) rotate(0deg)
        }

        24% {
            -webkit-transform: translate(0px, -1px) rotate(0deg)
        }

        26% {
            -webkit-transform: translate(0px, -4px) rotate(0deg)
        }

        28% {
            -webkit-transform: translate(0px, 5px) rotate(0deg)
        }

        30% {
            -webkit-transform: translate(0px, 1px) rotate(0deg)
        }

        32% {
            -webkit-transform: translate(0px, -2px) rotate(0deg)
        }

        34% {
            -webkit-transform: translate(0px, 2px) rotate(0deg)
        }

        36% {
            -webkit-transform: translate(0px, 7px) rotate(0deg)
        }

        38% {
            -webkit-transform: translate(0px, 5px) rotate(0deg)
        }

        40% {
            -webkit-transform: translate(0px, 5px) rotate(0deg)
        }

        42% {
            -webkit-transform: translate(0px, 7px) rotate(0deg)
        }

        44% {
            -webkit-transform: translate(0px, 0px) rotate(0deg)
        }

        46% {
            -webkit-transform: translate(0px, -9px) rotate(0deg)
        }

        48% {
            -webkit-transform: translate(0px, -9px) rotate(0deg)
        }

        50% {
            -webkit-transform: translate(0px, 0px) rotate(0deg)
        }

        52% {
            -webkit-transform: translate(0px, -10px) rotate(0deg)
        }

        54% {
            -webkit-transform: translate(0px, -9px) rotate(0deg)
        }

        56% {
            -webkit-transform: translate(0px, 2px) rotate(0deg)
        }

        58% {
            -webkit-transform: translate(0px, -4px) rotate(0deg)
        }

        60% {
            -webkit-transform: translate(0px, -6px) rotate(0deg)
        }

        62% {
            -webkit-transform: translate(0px, 8px) rotate(0deg)
        }

        64% {
            -webkit-transform: translate(0px, 9px) rotate(0deg)
        }

        66% {
            -webkit-transform: translate(0px, 6px) rotate(0deg)
        }

        68% {
            -webkit-transform: translate(0px, 0px) rotate(0deg)
        }

        70% {
            -webkit-transform: translate(0px, 1px) rotate(0deg)
        }

        72% {
            -webkit-transform: translate(0px, 4px) rotate(0deg)
        }

        74% {
            -webkit-transform: translate(0px, -9px) rotate(0deg)
        }

        76% {
            -webkit-transform: translate(0px, -5px) rotate(0deg)
        }

        78% {
            -webkit-transform: translate(0px, -7px) rotate(0deg)
        }

        80% {
            -webkit-transform: translate(0px, -3px) rotate(0deg)
        }

        82% {
            -webkit-transform: translate(0px, -2px) rotate(0deg)
        }

        84% {
            -webkit-transform: translate(0px, 8px) rotate(0deg)
        }

        86% {
            -webkit-transform: translate(0px, -7px) rotate(0deg)
        }

        88% {
            -webkit-transform: translate(0px, 1px) rotate(0deg)
        }

        90% {
            -webkit-transform: translate(0px, -7px) rotate(0deg)
        }

        92% {
            -webkit-transform: translate(0px, -5px) rotate(0deg)
        }

        94% {
            -webkit-transform: translate(0px, 1px) rotate(0deg)
        }

        96% {
            -webkit-transform: translate(0px, -8px) rotate(0deg)
        }

        98% {
            -webkit-transform: translate(0px, 7px) rotate(0deg)
        }
    }

    @-ms-keyframes shake-vertical {
        0% {
            -ms-transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            -ms-transform: translate(0px, 7px) rotate(0deg)
        }

        4% {
            -ms-transform: translate(0px, 9px) rotate(0deg)
        }

        6% {
            -ms-transform: translate(0px, 3px) rotate(0deg)
        }

        8% {
            -ms-transform: translate(0px, -8px) rotate(0deg)
        }

        10% {
            -ms-transform: translate(0px, 7px) rotate(0deg)
        }

        12% {
            -ms-transform: translate(0px, -10px) rotate(0deg)
        }

        14% {
            -ms-transform: translate(0px, 4px) rotate(0deg)
        }

        16% {
            -ms-transform: translate(0px, 5px) rotate(0deg)
        }

        18% {
            -ms-transform: translate(0px, 4px) rotate(0deg)
        }

        20% {
            -ms-transform: translate(0px, -3px) rotate(0deg)
        }

        22% {
            -ms-transform: translate(0px, 7px) rotate(0deg)
        }

        24% {
            -ms-transform: translate(0px, -1px) rotate(0deg)
        }

        26% {
            -ms-transform: translate(0px, -6px) rotate(0deg)
        }

        28% {
            -ms-transform: translate(0px, -7px) rotate(0deg)
        }

        30% {
            -ms-transform: translate(0px, -6px) rotate(0deg)
        }

        32% {
            -ms-transform: translate(0px, 1px) rotate(0deg)
        }

        34% {
            -ms-transform: translate(0px, 7px) rotate(0deg)
        }

        36% {
            -ms-transform: translate(0px, 8px) rotate(0deg)
        }

        38% {
            -ms-transform: translate(0px, -9px) rotate(0deg)
        }

        40% {
            -ms-transform: translate(0px, 0px) rotate(0deg)
        }

        42% {
            -ms-transform: translate(0px, -9px) rotate(0deg)
        }

        44% {
            -ms-transform: translate(0px, -7px) rotate(0deg)
        }

        46% {
            -ms-transform: translate(0px, 1px) rotate(0deg)
        }

        48% {
            -ms-transform: translate(0px, -4px) rotate(0deg)
        }

        50% {
            -ms-transform: translate(0px, -9px) rotate(0deg)
        }

        52% {
            -ms-transform: translate(0px, 1px) rotate(0deg)
        }

        54% {
            -ms-transform: translate(0px, 3px) rotate(0deg)
        }

        56% {
            -ms-transform: translate(0px, 4px) rotate(0deg)
        }

        58% {
            -ms-transform: translate(0px, -7px) rotate(0deg)
        }

        60% {
            -ms-transform: translate(0px, -5px) rotate(0deg)
        }

        62% {
            -ms-transform: translate(0px, 7px) rotate(0deg)
        }

        64% {
            -ms-transform: translate(0px, 7px) rotate(0deg)
        }

        66% {
            -ms-transform: translate(0px, 6px) rotate(0deg)
        }

        68% {
            -ms-transform: translate(0px, 6px) rotate(0deg)
        }

        70% {
            -ms-transform: translate(0px, -5px) rotate(0deg)
        }

        72% {
            -ms-transform: translate(0px, 3px) rotate(0deg)
        }

        74% {
            -ms-transform: translate(0px, -10px) rotate(0deg)
        }

        76% {
            -ms-transform: translate(0px, 0px) rotate(0deg)
        }

        78% {
            -ms-transform: translate(0px, -6px) rotate(0deg)
        }

        80% {
            -ms-transform: translate(0px, 7px) rotate(0deg)
        }

        82% {
            -ms-transform: translate(0px, -8px) rotate(0deg)
        }

        84% {
            -ms-transform: translate(0px, 8px) rotate(0deg)
        }

        86% {
            -ms-transform: translate(0px, 1px) rotate(0deg)
        }

        88% {
            -ms-transform: translate(0px, 1px) rotate(0deg)
        }

        90% {
            -ms-transform: translate(0px, 6px) rotate(0deg)
        }

        92% {
            -ms-transform: translate(0px, -4px) rotate(0deg)
        }

        94% {
            -ms-transform: translate(0px, 6px) rotate(0deg)
        }

        96% {
            -ms-transform: translate(0px, -6px) rotate(0deg)
        }

        98% {
            -ms-transform: translate(0px, -4px) rotate(0deg)
        }
    }

    @keyframes shake-vertical {
        0% {
            transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            transform: translate(0px, -9px) rotate(0deg)
        }

        4% {
            transform: translate(0px, 6px) rotate(0deg)
        }

        6% {
            transform: translate(0px, 6px) rotate(0deg)
        }

        8% {
            transform: translate(0px, 1px) rotate(0deg)
        }

        10% {
            transform: translate(0px, -4px) rotate(0deg)
        }

        12% {
            transform: translate(0px, 1px) rotate(0deg)
        }

        14% {
            transform: translate(0px, -7px) rotate(0deg)
        }

        16% {
            transform: translate(0px, -8px) rotate(0deg)
        }

        18% {
            transform: translate(0px, 3px) rotate(0deg)
        }

        20% {
            transform: translate(0px, 1px) rotate(0deg)
        }

        22% {
            transform: translate(0px, 2px) rotate(0deg)
        }

        24% {
            transform: translate(0px, 7px) rotate(0deg)
        }

        26% {
            transform: translate(0px, -4px) rotate(0deg)
        }

        28% {
            transform: translate(0px, 1px) rotate(0deg)
        }

        30% {
            transform: translate(0px, -10px) rotate(0deg)
        }

        32% {
            transform: translate(0px, -2px) rotate(0deg)
        }

        34% {
            transform: translate(0px, 8px) rotate(0deg)
        }

        36% {
            transform: translate(0px, 9px) rotate(0deg)
        }

        38% {
            transform: translate(0px, -2px) rotate(0deg)
        }

        40% {
            transform: translate(0px, 0px) rotate(0deg)
        }

        42% {
            transform: translate(0px, -4px) rotate(0deg)
        }

        44% {
            transform: translate(0px, -1px) rotate(0deg)
        }

        46% {
            transform: translate(0px, -2px) rotate(0deg)
        }

        48% {
            transform: translate(0px, 4px) rotate(0deg)
        }

        50% {
            transform: translate(0px, 7px) rotate(0deg)
        }

        52% {
            transform: translate(0px, -8px) rotate(0deg)
        }

        54% {
            transform: translate(0px, -3px) rotate(0deg)
        }

        56% {
            transform: translate(0px, -6px) rotate(0deg)
        }

        58% {
            transform: translate(0px, 6px) rotate(0deg)
        }

        60% {
            transform: translate(0px, -2px) rotate(0deg)
        }

        62% {
            transform: translate(0px, 8px) rotate(0deg)
        }

        64% {
            transform: translate(0px, 1px) rotate(0deg)
        }

        66% {
            transform: translate(0px, -8px) rotate(0deg)
        }

        68% {
            transform: translate(0px, -9px) rotate(0deg)
        }

        70% {
            transform: translate(0px, 5px) rotate(0deg)
        }

        72% {
            transform: translate(0px, 5px) rotate(0deg)
        }

        74% {
            transform: translate(0px, 9px) rotate(0deg)
        }

        76% {
            transform: translate(0px, 6px) rotate(0deg)
        }

        78% {
            transform: translate(0px, 0px) rotate(0deg)
        }

        80% {
            transform: translate(0px, -2px) rotate(0deg)
        }

        82% {
            transform: translate(0px, -4px) rotate(0deg)
        }

        84% {
            transform: translate(0px, -4px) rotate(0deg)
        }

        86% {
            transform: translate(0px, 8px) rotate(0deg)
        }

        88% {
            transform: translate(0px, 9px) rotate(0deg)
        }

        90% {
            transform: translate(0px, 8px) rotate(0deg)
        }

        92% {
            transform: translate(0px, 8px) rotate(0deg)
        }

        94% {
            transform: translate(0px, -5px) rotate(0deg)
        }

        96% {
            transform: translate(0px, 1px) rotate(0deg)
        }

        98% {
            transform: translate(0px, 5px) rotate(0deg)
        }
    }

    @-webkit-keyframes shake-rotate {
        0% {
            -webkit-transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            -webkit-transform: translate(0px, 0px) rotate(4.5deg)
        }

        4% {
            -webkit-transform: translate(0px, 0px) rotate(-5.5deg)
        }

        6% {
            -webkit-transform: translate(0px, 0px) rotate(3.5deg)
        }

        8% {
            -webkit-transform: translate(0px, 0px) rotate(-5.5deg)
        }

        10% {
            -webkit-transform: translate(0px, 0px) rotate(2.5deg)
        }

        12% {
            -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        14% {
            -webkit-transform: translate(0px, 0px) rotate(-3.5deg)
        }

        16% {
            -webkit-transform: translate(0px, 0px) rotate(4.5deg)
        }

        18% {
            -webkit-transform: translate(0px, 0px) rotate(-2.5deg)
        }

        20% {
            -webkit-transform: translate(0px, 0px) rotate(-5.5deg)
        }

        22% {
            -webkit-transform: translate(0px, 0px) rotate(-2.5deg)
        }

        24% {
            -webkit-transform: translate(0px, 0px) rotate(4.5deg)
        }

        26% {
            -webkit-transform: translate(0px, 0px) rotate(-4.5deg)
        }

        28% {
            -webkit-transform: translate(0px, 0px) rotate(2.5deg)
        }

        30% {
            -webkit-transform: translate(0px, 0px) rotate(-7.5deg)
        }

        32% {
            -webkit-transform: translate(0px, 0px) rotate(-5.5deg)
        }

        34% {
            -webkit-transform: translate(0px, 0px) rotate(-3.5deg)
        }

        36% {
            -webkit-transform: translate(0px, 0px) rotate(5.5deg)
        }

        38% {
            -webkit-transform: translate(0px, 0px) rotate(-5.5deg)
        }

        40% {
            -webkit-transform: translate(0px, 0px) rotate(-4.5deg)
        }

        42% {
            -webkit-transform: translate(0px, 0px) rotate(6.5deg)
        }

        44% {
            -webkit-transform: translate(0px, 0px) rotate(0.5deg)
        }

        46% {
            -webkit-transform: translate(0px, 0px) rotate(4.5deg)
        }

        48% {
            -webkit-transform: translate(0px, 0px) rotate(-6.5deg)
        }

        50% {
            -webkit-transform: translate(0px, 0px) rotate(3.5deg)
        }

        52% {
            -webkit-transform: translate(0px, 0px) rotate(-7.5deg)
        }

        54% {
            -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        56% {
            -webkit-transform: translate(0px, 0px) rotate(-1.5deg)
        }

        58% {
            -webkit-transform: translate(0px, 0px) rotate(-2.5deg)
        }

        60% {
            -webkit-transform: translate(0px, 0px) rotate(3.5deg)
        }

        62% {
            -webkit-transform: translate(0px, 0px) rotate(1.5deg)
        }

        64% {
            -webkit-transform: translate(0px, 0px) rotate(-3.5deg)
        }

        66% {
            -webkit-transform: translate(0px, 0px) rotate(0.5deg)
        }

        68% {
            -webkit-transform: translate(0px, 0px) rotate(-4.5deg)
        }

        70% {
            -webkit-transform: translate(0px, 0px) rotate(5.5deg)
        }

        72% {
            -webkit-transform: translate(0px, 0px) rotate(-3.5deg)
        }

        74% {
            -webkit-transform: translate(0px, 0px) rotate(-4.5deg)
        }

        76% {
            -webkit-transform: translate(0px, 0px) rotate(6.5deg)
        }

        78% {
            -webkit-transform: translate(0px, 0px) rotate(0.5deg)
        }

        80% {
            -webkit-transform: translate(0px, 0px) rotate(-2.5deg)
        }

        82% {
            -webkit-transform: translate(0px, 0px) rotate(-7.5deg)
        }

        84% {
            -webkit-transform: translate(0px, 0px) rotate(-7.5deg)
        }

        86% {
            -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        88% {
            -webkit-transform: translate(0px, 0px) rotate(-4.5deg)
        }

        90% {
            -webkit-transform: translate(0px, 0px) rotate(6.5deg)
        }

        92% {
            -webkit-transform: translate(0px, 0px) rotate(-2.5deg)
        }

        94% {
            -webkit-transform: translate(0px, 0px) rotate(-5.5deg)
        }

        96% {
            -webkit-transform: translate(0px, 0px) rotate(4.5deg)
        }

        98% {
            -webkit-transform: translate(0px, 0px) rotate(-3.5deg)
        }
    }

    @-ms-keyframes shake-rotate {
        0% {
            -ms-transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            -ms-transform: translate(0px, 0px) rotate(-3.5deg)
        }

        4% {
            -ms-transform: translate(0px, 0px) rotate(1.5deg)
        }

        6% {
            -ms-transform: translate(0px, 0px) rotate(-1.5deg)
        }

        8% {
            -ms-transform: translate(0px, 0px) rotate(-7.5deg)
        }

        10% {
            -ms-transform: translate(0px, 0px) rotate(-1.5deg)
        }

        12% {
            -ms-transform: translate(0px, 0px) rotate(-1.5deg)
        }

        14% {
            -ms-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        16% {
            -ms-transform: translate(0px, 0px) rotate(-0.5deg)
        }

        18% {
            -ms-transform: translate(0px, 0px) rotate(1.5deg)
        }

        20% {
            -ms-transform: translate(0px, 0px) rotate(-6.5deg)
        }

        22% {
            -ms-transform: translate(0px, 0px) rotate(-3.5deg)
        }

        24% {
            -ms-transform: translate(0px, 0px) rotate(-6.5deg)
        }

        26% {
            -ms-transform: translate(0px, 0px) rotate(-4.5deg)
        }

        28% {
            -ms-transform: translate(0px, 0px) rotate(-4.5deg)
        }

        30% {
            -ms-transform: translate(0px, 0px) rotate(-2.5deg)
        }

        32% {
            -ms-transform: translate(0px, 0px) rotate(-5.5deg)
        }

        34% {
            -ms-transform: translate(0px, 0px) rotate(-4.5deg)
        }

        36% {
            -ms-transform: translate(0px, 0px) rotate(4.5deg)
        }

        38% {
            -ms-transform: translate(0px, 0px) rotate(0.5deg)
        }

        40% {
            -ms-transform: translate(0px, 0px) rotate(-6.5deg)
        }

        42% {
            -ms-transform: translate(0px, 0px) rotate(2.5deg)
        }

        44% {
            -ms-transform: translate(0px, 0px) rotate(-2.5deg)
        }

        46% {
            -ms-transform: translate(0px, 0px) rotate(0.5deg)
        }

        48% {
            -ms-transform: translate(0px, 0px) rotate(6.5deg)
        }

        50% {
            -ms-transform: translate(0px, 0px) rotate(0.5deg)
        }

        52% {
            -ms-transform: translate(0px, 0px) rotate(6.5deg)
        }

        54% {
            -ms-transform: translate(0px, 0px) rotate(2.5deg)
        }

        56% {
            -ms-transform: translate(0px, 0px) rotate(-1.5deg)
        }

        58% {
            -ms-transform: translate(0px, 0px) rotate(-1.5deg)
        }

        60% {
            -ms-transform: translate(0px, 0px) rotate(3.5deg)
        }

        62% {
            -ms-transform: translate(0px, 0px) rotate(-4.5deg)
        }

        64% {
            -ms-transform: translate(0px, 0px) rotate(2.5deg)
        }

        66% {
            -ms-transform: translate(0px, 0px) rotate(-4.5deg)
        }

        68% {
            -ms-transform: translate(0px, 0px) rotate(6.5deg)
        }

        70% {
            -ms-transform: translate(0px, 0px) rotate(-3.5deg)
        }

        72% {
            -ms-transform: translate(0px, 0px) rotate(-6.5deg)
        }

        74% {
            -ms-transform: translate(0px, 0px) rotate(-6.5deg)
        }

        76% {
            -ms-transform: translate(0px, 0px) rotate(6.5deg)
        }

        78% {
            -ms-transform: translate(0px, 0px) rotate(6.5deg)
        }

        80% {
            -ms-transform: translate(0px, 0px) rotate(-5.5deg)
        }

        82% {
            -ms-transform: translate(0px, 0px) rotate(-1.5deg)
        }

        84% {
            -ms-transform: translate(0px, 0px) rotate(-4.5deg)
        }

        86% {
            -ms-transform: translate(0px, 0px) rotate(5.5deg)
        }

        88% {
            -ms-transform: translate(0px, 0px) rotate(6.5deg)
        }

        90% {
            -ms-transform: translate(0px, 0px) rotate(-6.5deg)
        }

        92% {
            -ms-transform: translate(0px, 0px) rotate(-6.5deg)
        }

        94% {
            -ms-transform: translate(0px, 0px) rotate(6.5deg)
        }

        96% {
            -ms-transform: translate(0px, 0px) rotate(-5.5deg)
        }

        98% {
            -ms-transform: translate(0px, 0px) rotate(-1.5deg)
        }
    }

    @keyframes shake-rotate {
        0% {
            transform: translate(0px, 0px) rotate(0deg)
        }

        2% {
            transform: translate(0px, 0px) rotate(1.5deg)
        }

        4% {
            transform: translate(0px, 0px) rotate(-7.5deg)
        }

        6% {
            transform: translate(0px, 0px) rotate(-2.5deg)
        }

        8% {
            transform: translate(0px, 0px) rotate(6.5deg)
        }

        10% {
            transform: translate(0px, 0px) rotate(-4.5deg)
        }

        12% {
            transform: translate(0px, 0px) rotate(0.5deg)
        }

        14% {
            transform: translate(0px, 0px) rotate(-6.5deg)
        }

        16% {
            transform: translate(0px, 0px) rotate(1.5deg)
        }

        18% {
            transform: translate(0px, 0px) rotate(-2.5deg)
        }

        20% {
            transform: translate(0px, 0px) rotate(1.5deg)
        }

        22% {
            transform: translate(0px, 0px) rotate(1.5deg)
        }

        24% {
            transform: translate(0px, 0px) rotate(2.5deg)
        }

        26% {
            transform: translate(0px, 0px) rotate(6.5deg)
        }

        28% {
            transform: translate(0px, 0px) rotate(2.5deg)
        }

        30% {
            transform: translate(0px, 0px) rotate(1.5deg)
        }

        32% {
            transform: translate(0px, 0px) rotate(-4.5deg)
        }

        34% {
            transform: translate(0px, 0px) rotate(-3.5deg)
        }

        36% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        38% {
            transform: translate(0px, 0px) rotate(4.5deg)
        }

        40% {
            transform: translate(0px, 0px) rotate(4.5deg)
        }

        42% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        44% {
            transform: translate(0px, 0px) rotate(1.5deg)
        }

        46% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        48% {
            transform: translate(0px, 0px) rotate(-7.5deg)
        }

        50% {
            transform: translate(0px, 0px) rotate(3.5deg)
        }

        52% {
            transform: translate(0px, 0px) rotate(-5.5deg)
        }

        54% {
            transform: translate(0px, 0px) rotate(-6.5deg)
        }

        56% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        58% {
            transform: translate(0px, 0px) rotate(3.5deg)
        }

        60% {
            transform: translate(0px, 0px) rotate(-2.5deg)
        }

        62% {
            transform: translate(0px, 0px) rotate(3.5deg)
        }

        64% {
            transform: translate(0px, 0px) rotate(6.5deg)
        }

        66% {
            transform: translate(0px, 0px) rotate(-6.5deg)
        }

        68% {
            transform: translate(0px, 0px) rotate(-2.5deg)
        }

        70% {
            transform: translate(0px, 0px) rotate(-3.5deg)
        }

        72% {
            transform: translate(0px, 0px) rotate(-6.5deg)
        }

        74% {
            transform: translate(0px, 0px) rotate(-5.5deg)
        }

        76% {
            transform: translate(0px, 0px) rotate(1.5deg)
        }

        78% {
            transform: translate(0px, 0px) rotate(-1.5deg)
        }

        80% {
            transform: translate(0px, 0px) rotate(3.5deg)
        }

        82% {
            transform: translate(0px, 0px) rotate(1.5deg)
        }

        84% {
            transform: translate(0px, 0px) rotate(-7.5deg)
        }

        86% {
            transform: translate(0px, 0px) rotate(-0.5deg)
        }

        88% {
            transform: translate(0px, 0px) rotate(0.5deg)
        }

        90% {
            transform: translate(0px, 0px) rotate(-3.5deg)
        }

        92% {
            transform: translate(0px, 0px) rotate(-4.5deg)
        }

        94% {
            transform: translate(0px, 0px) rotate(2.5deg)
        }

        96% {
            transform: translate(0px, 0px) rotate(2.5deg)
        }

        98% {
            transform: translate(0px, 0px) rotate(-2.5deg)
        }
    }

    @-webkit-keyframes shake-opacity {
        0% {
            -webkit-transform: translate(0px, 0px) rotate(0deg);
            opacity: 0.2
        }

        10% {
            -webkit-transform: translate(3px, 4px) rotate(1.5deg);
            opacity: 0.4
        }

        20% {
            -webkit-transform: translate(1px, 4px) rotate(0.5deg);
            opacity: 0.3
        }

        30% {
            -webkit-transform: translate(4px, -3px) rotate(0.5deg);
            opacity: 0.5
        }

        40% {
            -webkit-transform: translate(1px, -3px) rotate(0.5deg);
            opacity: 0.9
        }

        50% {
            -webkit-transform: translate(4px, -5px) rotate(-2.5deg);
            opacity: 0.9
        }

        60% {
            -webkit-transform: translate(-1px, 0px) rotate(-1.5deg);
            opacity: 0.5
        }

        70% {
            -webkit-transform: translate(1px, 1px) rotate(-0.5deg);
            opacity: 0.6
        }

        80% {
            -webkit-transform: translate(3px, 3px) rotate(1.5deg);
            opacity: 0.5
        }

        90% {
            -webkit-transform: translate(-5px, -4px) rotate(1.5deg);
            opacity: 0.5
        }
    }

    @-ms-keyframes shake-opacity {
        0% {
            -ms-transform: translate(0px, 0px) rotate(0deg);
            opacity: 0.4
        }

        10% {
            -ms-transform: translate(-3px, 4px) rotate(0.5deg);
            opacity: 0.1
        }

        20% {
            -ms-transform: translate(-5px, 0px) rotate(0.5deg);
            opacity: 0.5
        }

        30% {
            -ms-transform: translate(2px, -2px) rotate(-0.5deg);
            opacity: 0.2
        }

        40% {
            -ms-transform: translate(1px, 4px) rotate(-0.5deg);
            opacity: 0
        }

        50% {
            -ms-transform: translate(3px, -5px) rotate(-0.5deg);
            opacity: 0.1
        }

        60% {
            -ms-transform: translate(-3px, -1px) rotate(-1.5deg);
            opacity: 0.8
        }

        70% {
            -ms-transform: translate(-4px, -5px) rotate(1.5deg);
            opacity: 0.5
        }

        80% {
            -ms-transform: translate(3px, 0px) rotate(-2.5deg);
            opacity: 0.8
        }

        90% {
            -ms-transform: translate(-3px, 2px) rotate(1.5deg);
            opacity: 0.3
        }
    }

    @keyframes shake-opacity {
        0% {
            transform: translate(0px, 0px) rotate(0deg);
            opacity: 0.7
        }

        10% {
            transform: translate(4px, 0px) rotate(-0.5deg);
            opacity: 0.4
        }

        20% {
            transform: translate(4px, -3px) rotate(1.5deg);
            opacity: 0.4
        }

        30% {
            transform: translate(-2px, 2px) rotate(-0.5deg);
            opacity: 0.2
        }

        40% {
            transform: translate(2px, -1px) rotate(1.5deg);
            opacity: 0.3
        }

        50% {
            transform: translate(4px, 1px) rotate(0.5deg);
            opacity: 0.5
        }

        60% {
            transform: translate(-5px, -3px) rotate(-2.5deg);
            opacity: 0.8
        }

        70% {
            transform: translate(4px, 2px) rotate(0.5deg);
            opacity: 0.8
        }

        80% {
            transform: translate(-1px, 3px) rotate(-0.5deg);
            opacity: 0.3
        }

        90% {
            transform: translate(-5px, 4px) rotate(-0.5deg);
            opacity: 0
        }
    }

    @-webkit-keyframes shake-crazy {
        0% {
            -webkit-transform: translate(0px, 0px) rotate(0deg);
            opacity: 0.9
        }

        10% {
            -webkit-transform: translate(-5px, -5px) rotate(-10deg);
            opacity: 0.3
        }

        20% {
            -webkit-transform: translate(18px, -17px) rotate(-5deg);
            opacity: 0
        }

        30% {
            -webkit-transform: translate(-15px, 2px) rotate(-3deg);
            opacity: 0.8
        }

        40% {
            -webkit-transform: translate(-9px, -4px) rotate(3deg);
            opacity: 0.6
        }

        50% {
            -webkit-transform: translate(17px, -7px) rotate(-5deg);
            opacity: 0.6
        }

        60% {
            -webkit-transform: translate(-20px, 10px) rotate(-3deg);
            opacity: 0.6
        }

        70% {
            -webkit-transform: translate(-18px, -4px) rotate(-1deg);
            opacity: 0.3
        }

        80% {
            -webkit-transform: translate(12px, 13px) rotate(6deg);
            opacity: 0.3
        }

        90% {
            -webkit-transform: translate(14px, 0px) rotate(8deg);
            opacity: 0.4
        }
    }

    @-ms-keyframes shake-crazy {
        0% {
            -ms-transform: translate(0px, 0px) rotate(0deg);
            opacity: 0.4
        }

        10% {
            -ms-transform: translate(-15px, 0px) rotate(-10deg);
            opacity: 0.4
        }

        20% {
            -ms-transform: translate(-3px, 13px) rotate(7deg);
            opacity: 0
        }

        30% {
            -ms-transform: translate(8px, 4px) rotate(6deg);
            opacity: 0
        }

        40% {
            -ms-transform: translate(9px, -17px) rotate(0deg);
            opacity: 0.5
        }

        50% {
            -ms-transform: translate(6px, 1px) rotate(-4deg);
            opacity: 0.6
        }

        60% {
            -ms-transform: translate(-1px, 7px) rotate(-9deg);
            opacity: 0.1
        }

        70% {
            -ms-transform: translate(-6px, 6px) rotate(-6deg);
            opacity: 0
        }

        80% {
            -ms-transform: translate(-11px, -2px) rotate(-1deg);
            opacity: 0.8
        }

        90% {
            -ms-transform: translate(-5px, 10px) rotate(4deg);
            opacity: 0.5
        }
    }

    @keyframes shake-crazy {
        0% {
            transform: translate(0px, 0px) rotate(0deg);
            opacity: 0.3
        }

        10% {
            transform: translate(18px, 9px) rotate(3deg);
            opacity: 0.3
        }

        20% {
            transform: translate(-15px, -19px) rotate(0deg);
            opacity: 0.8
        }

        30% {
            transform: translate(-5px, -2px) rotate(-4deg);
            opacity: 0.9
        }

        40% {
            transform: translate(-19px, -18px) rotate(-2deg);
            opacity: 0.1
        }

        50% {
            transform: translate(11px, 8px) rotate(4deg);
            opacity: 0
        }

        60% {
            transform: translate(9px, 0px) rotate(-4deg);
            opacity: 0.6
        }

        70% {
            transform: translate(-13px, 6px) rotate(-1deg);
            opacity: 0.8
        }

        80% {
            transform: translate(12px, 17px) rotate(3deg);
            opacity: 0.9
        }

        90% {
            transform: translate(11px, 13px) rotate(7deg);
            opacity: 0.1
        }
    }

    /* font mmenu W3 */
    @-moz-keyframes dmd-circle-anim {
        0% {
            -moz-transform: rotate(0) scale(.5) skew(1deg);
            opacity: .1;
            -moz-opacity: .1;
            -webkit-opacity: .1;
            -o-opacity: .1
        }

        30% {
            -moz-transform: rotate(0) scale(.7) skew(1deg);
            opacity: .5;
            -moz-opacity: .5;
            -webkit-opacity: .5;
            -o-opacity: .5
        }

        100% {
            -moz-transform: rotate(0) scale(1) skew(1deg);
            opacity: .6;
            -moz-opacity: .6;
            -webkit-opacity: .6;
            -o-opacity: .1
        }
    }

    @-webkit-keyframes dmd-circle-anim {
        0% {
            -webkit-transform: rotate(0) scale(.5) skew(1deg);
            -webkit-opacity: .1
        }

        30% {
            -webkit-transform: rotate(0) scale(.7) skew(1deg);
            -webkit-opacity: .5
        }

        100% {
            -webkit-transform: rotate(0) scale(1) skew(1deg);
            -webkit-opacity: .1
        }
    }

    @-o-keyframes dmd-circle-anim {
        0% {
            -o-transform: rotate(0) kscale(.5) skew(1deg);
            -o-opacity: .1
        }

        30% {
            -o-transform: rotate(0) scale(.7) skew(1deg);
            -o-opacity: .5
        }

        100% {
            -o-transform: rotate(0) scale(1) skew(1deg);
            -o-opacity: .1
        }
    }

    @-moz-keyframes dmd-circle-fill-anim {
        0% {
            -moz-transform: rotate(0) scale(.7) skew(1deg);
            opacity: .2
        }

        50% {
            -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
            opacity: .2
        }

        100% {
            -moz-transform: rotate(0) scale(.7) skew(1deg);
            opacity: .2
        }
    }

    @-webkit-keyframes dmd-circle-fill-anim {
        0% {
            -webkit-transform: rotate(0) scale(.7) skew(1deg);
            opacity: .2
        }

        50% {
            -webkit-transform: rotate(0) scale(1) skew(1deg);
            opacity: .2
        }

        100% {
            -webkit-transform: rotate(0) scale(.7) skew(1deg);
            opacity: .2
        }
    }

    @-o-keyframes dmd-circle-fill-anim {
        0% {
            -o-transform: rotate(0) scale(.7) skew(1deg);
            opacity: .2
        }

        50% {
            -o-transform: rotate(0) scale(1) skew(1deg);
            opacity: .2
        }

        100% {
            -o-transform: rotate(0) scale(.7) skew(1deg);
            opacity: .2
        }
    }

    @-moz-keyframes dmd-circle-img-anim {
        0% {
            transform: rotate(0) scale(1) skew(1deg)
        }

        10% {
            -moz-transform: rotate(-25deg) scale(1) skew(1deg)
        }

        20% {
            -moz-transform: rotate(25deg) scale(1) skew(1deg)
        }

        30% {
            -moz-transform: rotate(-25deg) scale(1) skew(1deg)
        }

        40% {
            -moz-transform: rotate(25deg) scale(1) skew(1deg)
        }

        50% {
            -moz-transform: rotate(0) scale(1) skew(1deg)
        }

        100% {
            -moz-transform: rotate(0) scale(1) skew(1deg)
        }
    }

    @-webkit-keyframes dmd-circle-img-anim {
        0% {
            -webkit-transform: rotate(0) scale(1) skew(1deg)
        }

        10% {
            -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
        }

        20% {
            -webkit-transform: rotate(25deg) scale(1) skew(1deg)
        }

        30% {
            -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
        }

        40% {
            -webkit-transform: rotate(25deg) scale(1) skew(1deg)
        }

        50% {
            -webkit-transform: rotate(0) scale(1) skew(1deg)
        }

        100% {
            -webkit-transform: rotate(0) scale(1) skew(1deg)
        }
    }

    @-o-keyframes dmd-circle-img-anim {
        0% {
            -o-transform: rotate(0) scale(1) skew(1deg)
        }

        10% {
            -o-transform: rotate(-25deg) scale(1) skew(1deg)
        }

        20% {
            -o-transform: rotate(25deg) scale(1) skew(1deg)
        }

        30% {
            -o-transform: rotate(-25deg) scale(1) skew(1deg)
        }

        40% {
            -o-transform: rotate(25deg) scale(1) skew(1deg)
        }

        50% {
            -o-transform: rotate(0) scale(1) skew(1deg)
        }

        100% {
            -o-transform: rotate(0) scale(1) skew(1deg)
        }
    }

    @-moz-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            -ms-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none
        }
    }

    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            -ms-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none
        }
    }

    @-o-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            -ms-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none
        }
    }

    @keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            -ms-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none
        }
    }

    @-moz-keyframes fadeOutRight {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            -ms-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }

    @-webkit-keyframes fadeOutRight {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            -ms-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }

    @-o-keyframes fadeOutRight {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            -ms-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }

    @keyframes fadeOutRight {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            -ms-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }

    @-moz-keyframes dmd-circle-anim {
        0% {
            transform: rotate(0) scale(.5) skew(1deg);
            opacity: .1
        }

        30% {
            transform: rotate(0) scale(.7) skew(1deg);
            opacity: .5
        }

        100% {
            transform: rotate(0) scale(1) skew(1deg);
            opacity: .1
        }
    }

    @-webkit-keyframes dmd-circle-anim {
        0% {
            transform: rotate(0) scale(.5) skew(1deg);
            opacity: .1
        }

        30% {
            transform: rotate(0) scale(.7) skew(1deg);
            opacity: .5
        }

        100% {
            transform: rotate(0) scale(1) skew(1deg);
            opacity: .1
        }
    }

    @-o-keyframes dmd-circle-anim {
        0% {
            transform: rotate(0) scale(.5) skew(1deg);
            opacity: .1
        }

        30% {
            transform: rotate(0) scale(.7) skew(1deg);
            opacity: .5
        }

        100% {
            transform: rotate(0) scale(1) skew(1deg);
            opacity: .1
        }
    }

    @keyframes dmd-circle-anim {
        0% {
            transform: rotate(0) scale(.5) skew(1deg);
            opacity: .1
        }

        30% {
            transform: rotate(0) scale(.7) skew(1deg);
            opacity: .5
        }

        100% {
            transform: rotate(0) scale(1) skew(1deg);
            opacity: .1
        }
    }

    @-moz-keyframes dmd-circle-fill-anim {
        0% {
            transform: rotate(0) scale(.7) skew(1deg);
            opacity: .2
        }

        50% {
            transform: rotate(0) scale(1) skew(1deg);
            opacity: .2
        }

        100% {
            transform: rotate(0) scale(.7) skew(1deg);
            opacity: .2
        }
    }

    @-webkit-keyframes dmd-circle-fill-anim {
        0% {
            transform: rotate(0) scale(.7) skew(1deg);
            opacity: .2
        }

        50% {
            transform: rotate(0) scale(1) skew(1deg);
            opacity: .2
        }

        100% {
            transform: rotate(0) scale(.7) skew(1deg);
            opacity: .2
        }
    }

    @-o-keyframes dmd-circle-fill-anim {
        0% {
            transform: rotate(0) scale(.7) skew(1deg);
            opacity: .2
        }

        50% {
            transform: rotate(0) scale(1) skew(1deg);
            opacity: .2
        }

        100% {
            transform: rotate(0) scale(.7) skew(1deg);
            opacity: .2
        }
    }

    @keyframes dmd-circle-fill-anim {
        0% {
            transform: rotate(0) scale(.7) skew(1deg);
            opacity: .2
        }

        50% {
            transform: rotate(0) scale(1) skew(1deg);
            opacity: .2
        }

        100% {
            transform: rotate(0) scale(.7) skew(1deg);
            opacity: .2
        }
    }

    @-moz-keyframes dmd-circle-img-anim {
        0% {
            transform: rotate(0) scale(1) skew(1deg)
        }

        10% {
            transform: rotate(-25deg) scale(1) skew(1deg)
        }

        20% {
            transform: rotate(25deg) scale(1) skew(1deg)
        }

        30% {
            transform: rotate(-25deg) scale(1) skew(1deg)
        }

        40% {
            transform: rotate(25deg) scale(1) skew(1deg)
        }

        50% {
            transform: rotate(0) scale(1) skew(1deg)
        }

        100% {
            transform: rotate(0) scale(1) skew(1deg)
        }
    }

    @-webkit-keyframes dmd-circle-img-anim {
        0% {
            transform: rotate(0) scale(1) skew(1deg)
        }

        10% {
            transform: rotate(-25deg) scale(1) skew(1deg)
        }

        20% {
            transform: rotate(25deg) scale(1) skew(1deg)
        }

        30% {
            transform: rotate(-25deg) scale(1) skew(1deg)
        }

        40% {
            transform: rotate(25deg) scale(1) skew(1deg)
        }

        50% {
            transform: rotate(0) scale(1) skew(1deg)
        }

        100% {
            transform: rotate(0) scale(1) skew(1deg)
        }
    }

    @-o-keyframes dmd-circle-img-anim {
        0% {
            transform: rotate(0) scale(1) skew(1deg)
        }

        10% {
            transform: rotate(-25deg) scale(1) skew(1deg)
        }

        20% {
            transform: rotate(25deg) scale(1) skew(1deg)
        }

        30% {
            transform: rotate(-25deg) scale(1) skew(1deg)
        }

        40% {
            transform: rotate(25deg) scale(1) skew(1deg)
        }

        50% {
            transform: rotate(0) scale(1) skew(1deg)
        }

        100% {
            transform: rotate(0) scale(1) skew(1deg)
        }
    }

    @keyframes dmd-circle-img-anim {
        0% {
            transform: rotate(0) scale(1) skew(1deg)
        }

        10% {
            transform: rotate(-25deg) scale(1) skew(1deg)
        }

        20% {
            transform: rotate(25deg) scale(1) skew(1deg)
        }

        30% {
            transform: rotate(-25deg) scale(1) skew(1deg)
        }

        40% {
            transform: rotate(25deg) scale(1) skew(1deg)
        }

        50% {
            transform: rotate(0) scale(1) skew(1deg)
        }

        100% {
            transform: rotate(0) scale(1) skew(1deg)
        }
    }

    #dmd-wrapper {
        position: fixed;
        width: 100%;
        bottom: 0;
        top: 0;
        left: 0;
        z-index: 2000000;
        overflow: visible;
        display: none;
        color: #383838
    }

    #dmd-wrapper.night-mode {
        color: #fff
    }

    .dmd-popup-close {
        -webkit-border-radius: 2px !important;
        -moz-border-radius: 2px !important;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        position: absolute !important;
        right: -15px !important;
        top: -15px !important;
        height: 30px !important;
        width: 30px !important;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII=");
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer !important;
        -webkit-transition: .3s ease-out !important;
        -moz-transition: .3s ease-out !important;
        -o-transition: .3s ease-out !important;
        transition: .3s ease-out !important
    }

    #dmd-wrapper.night-mode .dmd-popup-close {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2REUyNDQxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY2REUyNDMxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56uyuzAAABfUlEQVR42sSXvU7DMBDHYxCdw8IDMMCWTDwCdClznLcJr9BUfYs+ALDSqXMisTD3S4K1MBx3kS1ZVuqvNslf+kuRfL5f5OTsMwOAyEFX6DH6Ef2AvkXHYuwH/YVeod/Rr+g/a0YCGxyjC/QW3LUTc2JTbhOUo9cQrrXI4Qy+RM/hfJqLnEYwBSzg/FrocB1cQneaHQNn0L0yyWOinKg0PtE3Ubfaou+bEhRvUEB/KuRSj2x1muc51HVtzUgxnHNbGLFGBJ7YIquqgjRNjXAaS5KkiXXQhMBTl0gT3BNKKgn84RrdBg+AkpaR5z7cAAhEwEBo850JfPCdJeGBUNLhIqQYGWOtz17yXWp1edVlD1nqZQi07Zv7/lzTUOgJ8NJpA5FQU2JP+LPcMvfGIyXLnBISnGJdt8xBDom+j8Ud+k49FvtqBPix1mc2ROszaLM3WHurN/SbE4Ab34Zev8K82Opc017MMV5hmOel7Um5tF2LsW/l0vYm/GtL+C/AAAHy+OD95QLeAAAAAElFTkSuQmCC")
    }

    #dmd-wrapper .dmd-popup-close:hover {
        opacity: .6 !important
    }

    .dmd-popup {
        display: inline-block;
        position: relative;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyIUPNCUUwAAAA1JREFUCNdj+P///2cACe8D8SyfS4EAAAAASUVORK5CYII=");
        -webkit-transition: .6s ease-out;
        -moz-transition: .6s ease-out;
        -o-transition: .6s ease-out;
        transition: .6s ease-out;
        margin: 0 auto;
        z-index: 200001;
        text-align: center;
        padding: 60px 75px
    }

    #dmd-wrapper.night-mode .dmd-popup {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=")
    }

    #dmd-wrapper .dmd-overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=");
        top: 0;
        left: 0;
        z-index: 200000
    }

    .dmd-popup h3 {
        font-size: 24px;
        margin: 0 0 40px;
        font-family: 'Open Sans';
        font-weight: 300;
        white-space: nowrap
    }

    .night-mode .dmd-popup h3 {
        font-size: 23px
    }

    .night-mode .dmd-message {
        padding-bottom: 0
    }

    .dmd-message {
        height: 32px;
        padding: 18px 0 13px 0;
        text-align: center;
        clear: both;
        font-size: 14px
    }

    #dmd-wrapper .dmd-popup .dmd-input-wrapper .label,
    #dmd-wrapper .dmd-popup .dmd-input-wrapper .label+.input {
        float: left;
        width: 49%
    }

    #dmd-wrapper .dmd-popup .dmd-input-wrapper .input {
        padding: 0 13px
    }

    #dmd-wrapper .dmd-popup .dmd-input-wrapper label {
        color: #616161;
        font-size: 18px;
        height: 28px;
        line-height: 28px;
        padding-right: 15px
    }

    .dmd-number {
        color: #00bed5;
        font-size: 28px;
        font-family: Montserrat, "Lucida Console", Monaco, monospace, sans-serif;
        font-weight: normal;
        background-color: transparent;
        border: none;
        border-width: 0;
        display: inline-block;
        border-bottom: #00bed5 solid 1px;
        padding-bottom: 10px;
        margin: 0 auto;
        width: 221px
    }

    dmd-number::-ms-clear {
        display: none;
        width: 0;
        height: 0
    }

    .night-mode .dmd-number {
        border: #00bed5 solid 1px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 13px 31px
    }

    #dmd-wrapper .dmd-popup .dmd-input-wrapper input[type="text"].valid-invalid {
        color: #ff496b
    }

    #dmd-wrapper .dmd-popup .dmd-input-wrapper input[type="text"]:focus {
        outline: 0
    }

    #dmd-wrapper .dmd-popup .dmd-input-wrapper input[type="text"]::-webkit-input-placeholder {
        color: #d1d1d1
    }

    #dmd-wrapper .dmd-popup .dmd-input-wrapper input[type="text"]::-moz-placeholder {
        color: #d1d1d1
    }

    #dmd-wrapper .dmd-popup .dmd-input-wrapper input[type="text"]::-ms-input-placeholder {
        color: #d1d1d1
    }

    #dmd-wrapper .dmd-popup .dmd-input-wrapper input[type="text"]::-moz-placeholder {
        color: #d1d1d1
    }

    #dmd-wrapper.night-mode .dmd-popup .dmd-input-wrapper input[type="text"]::-webkit-input-placeholder {
        color: #60615f
    }

    #dmd-wrapper.night-mode .dmd-popup .dmd-input-wrapper input[type="text"]::-moz-placeholder {
        color: #60615f
    }

    #dmd-wrapper.night-mode .dmd-popup .dmd-input-wrapper input[type="text"]::-ms-input-placeholder {
        color: #60615f
    }

    #dmd-wrapper.night-mode .dmd-popup .dmd-input-wrapper input[type="text"]::-moz-placeholder {
        color: #60615f
    }

    #dmd-wrapper .dmd-popup .dmd-submit {
        border: none;
        border-width: 0;
        padding: 20px 40px;
        background-color: #333;
        -webkit-border-radius: 68px;
        -moz-border-radius: 68px;
        -webkit-border-radius: 68px;
        -moz-border-radius: 68px;
        border-radius: 68px;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 20px;
        color: #fff;
        cursor: pointer;
        outline: none !important
    }

    #dmd-wrapper.night-mode .dmd-popup .dmd-submit {
        background-color: #00bed5
    }

    #dmd-wrapper .dmd-popup .dmd-submitavtive,
    #dmd-wrapper .dmd-popup .dmd-submitvisited {
        outline: none !important
    }

    #dmd-wrapper .dmd-popup .dmd-submit-moz-focus-inner {
        border: 0
    }

    #dmd-wrapper .dmd-popup .dmd-submit:hover {
        background-color: #bf202f;
        background-color: #bf202f
    }

    .dmd-blur {
        -webkit-filter: blur(3px);
        -ms-filter: blur(3px);
        -moz-filter: blur(3px);
        -o-filter: blur(3px);
        filter: blur(3px);
        filter: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48L3N2Zz4jYmx1cg==#blur")
    }

    #coccoc-countdown {
        padding-top: 20px;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 28px;
        font-weight: 300
    }

    .dmd-request-time {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        padding: 6px 12px;
        font-size: 18px;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
    }

    #dmd-wrapper.night-mode .dmd-request-time {
        color: #fff;
        background-color: #515350;
        border: 1px solid #606260
    }

    #dmd-wrapper.night-mode .dmd-popup h3 {
        margin-bottom: 15px
    }

    #dmd-wrapper.night-mode .dmd-form .dmd-select-wrapper {
        margin-bottom: 35px
    }

    .dmd-table {
        display: table;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0
    }

    .dmd-cell {
        display: table-cell;
        vertical-align: middle;
        text-align: center
    }

    .valid-invalid-message {
        font-size: 13px;
        color: #ff496b
    }

    .valid-invalid-message:before {
        content: "* "
    }

    .fix-btn-htcare {
        padding: 0px !important;
        border:0px
    }