@charset "UTF-8";
.footer .column-left .user-guide-list .content {
    margin-left: -15px;
    margin-right: -15px
}

.footer .column,
.footer .column-left .user-guide-list .content .list-item {
    padding-left: 15px;
    padding-right: 15px
}

.bingo-slick-arrow .slick-arrow .inline,
.dot-layout-2 .slick-dots li button:before,
.dot-layout-2.bingo-tabs .tab-pagination li:before,
.mysui-fancy-select ul.fs-options,
.mysui-fancy-select ul.fs-options.fs-overflowing {
    visibility: hidden;
    opacity: 0
}

.bingo-slick-arrow .slick-arrow:hover .inline,
.dot-layout-2 .slick-dots li.slick-active button:before,
.dot-layout-2.bingo-tabs .tab-pagination li.active:before,
.mysui-fancy-select ul.fs-options.fs-open,
.mysui-fancy-select ul.fs-options.fs-overflowing.fs-open {
    visibility: visible;
    opacity: 1
}

[class*=dot-layout-].bingo-tabs .tab-pagination ul {
    display: flex;
    flex-wrap: wrap
}

.bingo-custom-nav .bingo-slick-arrow,
.bingo-slick-arrow,
.bingo-slick-arrow .slick-arrow,
.slick-dots {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}
.login-content-form .fieldset .content-right a:hover
{
    text-decoration: underline;
}
.login-content-form .fieldset .content-left label:hover
{
    cursor: pointer;
}
form input[type=checkbox]+label[for]:before {
    content: "";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    margin-right: 6px;
    font-size: 12px;
    position: relative;
    cursor: pointer
}

@font-face {
    font-family: "OpenSans";
    src: url("../fonts/OpenSans/OpenSans-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: "OpenSans";
    src: url("../fonts/OpenSans/OpenSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: "OpenSans";
    src: url("../fonts/OpenSans/OpenSans-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: "OpenSans";
    src: url("../fonts/OpenSans/OpenSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: "OpenSans";
    src: url("../fonts/OpenSans/OpenSans-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: auto
}

@keyframes cssload-rotate {
    to {
        transform: rotate(360deg)
	}
}

@keyframes cssload-sequence1 {
    0% {
        height: 10px
	}
    50% {
        height: 49px
	}
    to {
        height: 10px
	}
}

@keyframes cssload-sequence2 {
    0% {
        height: 19px
	}
    50% {
        height: 63px
	}
    to {
        height: 19px
	}
}

@keyframes cssload-loader {
    0% {
        transform: scale(0);
        opacity: 1
	}
    to {
        transform: scale(1);
        opacity: 0
	}
}

@keyframes dotSpin {
    0%,
    to {
        box-shadow: 0 -9px 0 0 #ffd200, 6.3649222065px -6.3649222065px 0 0 #ffd200, 9px 0 0 0 #ffd200, 6.3649222065px 6.3649222065px 0 -2px rgba(255, 210, 0, 0), 0 9px 0 -2px rgba(255, 210, 0, 0), -6.3649222065px 6.3649222065px 0 -2px rgba(255, 210, 0, 0), -9px 0 0 -2px rgba(255, 210, 0, 0), -6.3649222065px -6.3649222065px 0 -2px rgba(255, 210, 0, 0)
	}
    12.5% {
        box-shadow: 0 -9px 0 -2px rgba(255, 210, 0, 0), 6.3649222065px -6.3649222065px 0 0 #ffd200, 9px 0 0 0 #ffd200, 6.3649222065px 6.3649222065px 0 0 #ffd200, 0 9px 0 -2px rgba(255, 210, 0, 0), -6.3649222065px 6.3649222065px 0 -2px rgba(255, 210, 0, 0), -9px 0 0 -2px rgba(255, 210, 0, 0), -6.3649222065px -6.3649222065px 0 -2px rgba(255, 210, 0, 0)
	}
    25% {
        box-shadow: 0 -9px 0 -2px rgba(255, 210, 0, 0), 6.3649222065px -6.3649222065px 0 -2px rgba(255, 210, 0, 0), 9px 0 0 0 #ffd200, 6.3649222065px 6.3649222065px 0 0 #ffd200, 0 9px 0 0 #ffd200, -6.3649222065px 6.3649222065px 0 -2px rgba(255, 210, 0, 0), -9px 0 0 -2px rgba(255, 210, 0, 0), -6.3649222065px -6.3649222065px 0 -2px rgba(255, 210, 0, 0)
	}
    37.5% {
        box-shadow: 0 -9px 0 -2px rgba(255, 210, 0, 0), 6.3649222065px -6.3649222065px 0 -2px rgba(255, 210, 0, 0), 9px 0 0 -2px rgba(255, 210, 0, 0), 6.3649222065px 6.3649222065px 0 0 #ffd200, 0 9px 0 0 #ffd200, -6.3649222065px 6.3649222065px 0 0 #ffd200, -9px 0 0 -2px rgba(255, 210, 0, 0), -6.3649222065px -6.3649222065px 0 -2px rgba(255, 210, 0, 0)
	}
    50% {
        box-shadow: 0 -9px 0 -2px rgba(255, 210, 0, 0), 6.3649222065px -6.3649222065px 0 -2px rgba(255, 210, 0, 0), 9px 0 0 -2px rgba(255, 210, 0, 0), 6.3649222065px 6.3649222065px 0 -2px rgba(255, 210, 0, 0), 0 9px 0 0 #ffd200, -6.3649222065px 6.3649222065px 0 0 #ffd200, -9px 0 0 0 #ffd200, -6.3649222065px -6.3649222065px 0 -2px rgba(255, 210, 0, 0)
	}
    62.5% {
        box-shadow: 0 -9px 0 -2px rgba(255, 210, 0, 0), 6.3649222065px -6.3649222065px 0 -2px rgba(255, 210, 0, 0), 9px 0 0 -2px rgba(255, 210, 0, 0), 6.3649222065px 6.3649222065px 0 -2px rgba(255, 210, 0, 0), 0 9px 0 -2px rgba(255, 210, 0, 0), -6.3649222065px 6.3649222065px 0 0 #ffd200, -9px 0 0 0 #ffd200, -6.3649222065px -6.3649222065px 0 0 #ffd200
	}
    75% {
        box-shadow: 0 -9px 0 0 #ffd200, 6.3649222065px -6.3649222065px 0 -2px rgba(255, 210, 0, 0), 9px 0 0 -2px rgba(255, 210, 0, 0), 6.3649222065px 6.3649222065px 0 -2px rgba(255, 210, 0, 0), 0 9px 0 -2px rgba(255, 210, 0, 0), -6.3649222065px 6.3649222065px 0 -2px rgba(255, 210, 0, 0), -9px 0 0 0 #ffd200, -6.3649222065px -6.3649222065px 0 0 #ffd200
	}
    87.5% {
        box-shadow: 0 -9px 0 0 #ffd200, 6.3649222065px -6.3649222065px 0 0 #ffd200, 9px 0 0 -2px rgba(255, 210, 0, 0), 6.3649222065px 6.3649222065px 0 -2px rgba(255, 210, 0, 0), 0 9px 0 -2px rgba(255, 210, 0, 0), -6.3649222065px 6.3649222065px 0 -2px rgba(255, 210, 0, 0), -9px 0 0 -2px rgba(255, 210, 0, 0), -6.3649222065px -6.3649222065px 0 0 #ffd200
	}
}

@keyframes change-rotate-icon {
    0% {
        -webkit-transform: rotate(0deg)
	}
    to {
        -webkit-transform: rotate(-180deg)
	}
}

@keyframes bingoBtnHover {
    0% {
        transform: translateX(0px)
	}
    51% {
        transform: translateX(20px);
        opacity: 1
	}
    52% {
        opacity: 0;
        transform: translateX(-20px)
	}
    53% {
        opacity: 0
	}
    54% {
        opacity: 1
	}
    to {
        transform: translateX(0px)
	}
}

@keyframes bingoBTT {
    0% {
        transform: translate3d(0, 100px, 0);
        opacity: 0;
        filter: alpha(opacity=0)
	}
    to {
        transform: none;
        opacity: 1;
        filter: alpha(opacity=100)
	}
}

@keyframes bingoBTT-1 {
    0% {
        transform: translate3d(0, 100px, 0);
        opacity: 0;
        filter: alpha(opacity=0)
	}
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
	}
}

@keyframes bingoBTT-2 {
    0% {
        transform: translate3d(0, 100px, 0);
        opacity: 0;
        filter: alpha(opacity=0)
	}
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
	}
}

@keyframes bingoBTT-3 {
    0% {
        transform: translate3d(0, 100px, 0);
        opacity: 0;
        filter: alpha(opacity=0)
	}
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
	}
}

@keyframes bingoBTT-4 {
    0% {
        transform: translate3d(0, 100px, 0);
        opacity: 0;
        filter: alpha(opacity=0)
	}
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
	}
}

@keyframes bingoBTT-5 {
    0% {
        transform: translate3d(0, 100px, 0);
        opacity: 0;
        filter: alpha(opacity=0)
	}
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
	}
}

@keyframes bingoBTT-6 {
    0% {
        transform: translate3d(0, 100px, 0);
        opacity: 0;
        filter: alpha(opacity=0)
	}
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
	}
}

@keyframes bingoBTT-7 {
    0% {
        transform: translate3d(0, 100px, 0);
        opacity: 0;
        filter: alpha(opacity=0)
	}
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
	}
}

@keyframes bingoBTT-8 {
    0% {
        transform: translate3d(0, 100px, 0);
        opacity: 0;
        filter: alpha(opacity=0)
	}
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
	}
}

@keyframes bingoBTT-9 {
    0% {
        transform: translate3d(0, 100px, 0);
        opacity: 0;
        filter: alpha(opacity=0)
	}
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
	}
}

@keyframes bingoBTT-10 {
    0% {
        transform: translate3d(0, 100px, 0);
        opacity: 0;
        filter: alpha(opacity=0)
	}
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
	}
}

@keyframes bingoBTT-11 {
    0% {
        transform: translate3d(0, 100px, 0);
        opacity: 0;
        filter: alpha(opacity=0)
	}
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
	}
}

@keyframes bingoBTT-12 {
    0% {
        transform: translate3d(0, 100px, 0);
        opacity: 0;
        filter: alpha(opacity=0)
	}
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
	}
}

@keyframes bingoBTT-13 {
    0% {
        transform: translate3d(0, 100px, 0);
        opacity: 0;
        filter: alpha(opacity=0)
	}
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
	}
}

@keyframes bingoBTT-14 {
    0% {
        transform: translate3d(0, 100px, 0);
        opacity: 0;
        filter: alpha(opacity=0)
	}
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
	}
}

@keyframes bingoBTT-15 {
    0% {
        transform: translate3d(0, 100px, 0);
        opacity: 0;
        filter: alpha(opacity=0)
	}
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
	}
}

@keyframes smallScale {
    0% {
        transform: scale(1);
        opacity: 1
	}
    to {
        transform: scale(1.5);
        opacity: 0
	}
}

@keyframes triangleStroke {
    0% {
        stroke-dashoffset: 90
	}
    to {
        stroke-dashoffset: 0
	}
}

@keyframes turn {
    0% {
        transform: rotateX(180deg)
	}
    to {
        transform: rotateX(0deg)
	}
}

@keyframes turn2 {
    0% {
        transform: rotateX(0deg)
	}
    to {
        transform: rotateX(180deg)
	}
}

@keyframes MenuSlideCV {
    0% {
        transform: translateY(-100%) translateX(-50%);
        -webkit-animation-timing-function: cubic-bezier(0.815, 0.09, 0.885, 0.14)
	}
    50% {
        transform: translateY(-50%) translateX(-50%) skewY(-20deg)
	}
    to {
        -webkit-animation-timing-function: cubic-bezier(0.815, 0.09, 0.885, 0.14);
        transform: translateY(0%) translateX(-50%)
	}
}

@keyframes BinFadeIn {
    0%,
    20% {
        opacity: 0;
        filter: alpha(opacity=0)
	}
    to {
        opacity: 1;
        filter: alpha(opacity=100)
	}
}

@keyframes icon-menu-top {
    0% {
        top: 0;
        transform: rotate(0)
	}
    50% {
        top: 7px;
        transform: rotate(0)
	}
    to {
        top: 7px;
        transform: rotate(45deg)
	}
}

@keyframes icon-menu-bottom {
    0% {
        top: 0;
        transform: rotate(0)
	}
    50% {
        top: -7px;
        transform: rotate(0)
	}
    to {
        top: -7px;
        transform: rotate(-45deg)
	}
}

@keyframes icon-menu-scaled {
    50% {
        transform: scale(0)
	}
    to {
        transform: scale(0)
	}
}

@keyframes slideshow-fade-in {
    0% {
        opacity: 0
	}
    50% {
        transform: translateY(-50px);
        opacity: 0
	}
    to {
        transform: translateY(0px);
        opacity: 1
	}
}

.ma-0 {
    margin: 0px!important
}

.mt-0 {
    margin-top: 0px!important
}

.mr-0 {
    margin-right: 0px!important
}

.mb-0 {
    margin-bottom: 0px!important
}

.ml-0 {
    margin-left: 0px!important
}

.pa-0 {
    padding: 0px!important
}

.pt-0 {
    padding-top: 0px!important
}

.pr-0 {
    padding-right: 0px!important
}

.pb-0 {
    padding-bottom: 0px!important
}

.pl-0 {
    padding-left: 0px!important
}

plr-0 {
    padding-left: 0px!important;
    padding-right: 0px!important
}

.ma-5 {
    margin: 5px!important
}

.mt-5 {
    margin-top: 5px!important
}

.mr-5 {
    margin-right: 5px!important
}

.mb-5 {
    margin-bottom: 5px!important
}

.ml-5 {
    margin-left: 5px!important
}

.pa-5 {
    padding: 5px!important
}

.pt-5 {
    padding-top: 5px!important
}

.pr-5 {
    padding-right: 5px!important
}

.pb-5 {
    padding-bottom: 5px!important
}

.pl-5 {
    padding-left: 5px!important
}

plr-5 {
    padding-left: 5px!important;
    padding-right: 5px!important
}

.ma-10 {
    margin: 10px!important
}

.mt-10 {
    margin-top: 10px!important
}

.mr-10 {
    margin-right: 10px!important
}

.mb-10 {
    margin-bottom: 10px!important
}

.ml-10 {
    margin-left: 10px!important
}

.pa-10 {
    padding: 10px!important
}

.pt-10 {
    padding-top: 10px!important
}

.pr-10 {
    padding-right: 10px!important
}

.pb-10 {
    padding-bottom: 10px!important
}

.pl-10 {
    padding-left: 10px!important
}

plr-10 {
    padding-left: 10px!important;
    padding-right: 10px!important
}

.ma-15 {
    margin: 15px!important
}

.mt-15 {
    margin-top: 15px!important
}

.mr-15 {
    margin-right: 15px!important
}

.mb-15 {
    margin-bottom: 15px!important
}

.ml-15 {
    margin-left: 15px!important
}

.pa-15 {
    padding: 15px!important
}

.pt-15 {
    padding-top: 15px!important
}

.pr-15 {
    padding-right: 15px!important
}

.pb-15 {
    padding-bottom: 15px!important
}

.pl-15 {
    padding-left: 15px!important
}

plr-15 {
    padding-left: 15px!important;
    padding-right: 15px!important
}

.ma-20 {
    margin: 20px!important
}

.mt-20 {
    margin-top: 20px!important
}

.mr-20 {
    margin-right: 20px!important
}

.mb-20 {
    margin-bottom: 20px!important
}

.ml-20 {
    margin-left: 20px!important
}

.pa-20 {
    padding: 20px!important
}

.pt-20 {
    padding-top: 20px!important
}

.pr-20 {
    padding-right: 20px!important
}

.pb-20 {
    padding-bottom: 20px!important
}

.pl-20 {
    padding-left: 20px!important
}

plr-20 {
    padding-left: 20px!important;
    padding-right: 20px!important
}

.ma-25 {
    margin: 25px!important
}

.mt-25 {
    margin-top: 25px!important
}

.mr-25 {
    margin-right: 25px!important
}

.mb-25 {
    margin-bottom: 25px!important
}

.ml-25 {
    margin-left: 25px!important
}

.pa-25 {
    padding: 25px!important
}

.pt-25 {
    padding-top: 25px!important
}

.pr-25 {
    padding-right: 25px!important
}

.pb-25 {
    padding-bottom: 25px!important
}

.pl-25 {
    padding-left: 25px!important
}

plr-25 {
    padding-left: 25px!important;
    padding-right: 25px!important
}

.ma-30 {
    margin: 30px!important
}

.mt-30 {
    margin-top: 30px!important
}

.mr-30 {
    margin-right: 30px!important
}

.mb-30 {
    margin-bottom: 30px!important
}

.ml-30 {
    margin-left: 30px!important
}

.pa-30 {
    padding: 30px!important
}

.pt-30 {
    padding-top: 30px!important
}

.pr-30 {
    padding-right: 30px!important
}

.pb-30 {
    padding-bottom: 30px!important
}

.pl-30 {
    padding-left: 30px!important
}

plr-30 {
    padding-left: 30px!important;
    padding-right: 30px!important
}

.ma-35 {
    margin: 35px!important
}

.mt-35 {
    margin-top: 35px!important
}

.mr-35 {
    margin-right: 35px!important
}

.mb-35 {
    margin-bottom: 35px!important
}

.ml-35 {
    margin-left: 35px!important
}

.pa-35 {
    padding: 35px!important
}

.pt-35 {
    padding-top: 35px!important
}

.pr-35 {
    padding-right: 35px!important
}

.pb-35 {
    padding-bottom: 35px!important
}

.pl-35 {
    padding-left: 35px!important
}

plr-35 {
    padding-left: 35px!important;
    padding-right: 35px!important
}

.ma-40 {
    margin: 40px!important
}

.mt-40 {
    margin-top: 40px!important
}

.mr-40 {
    margin-right: 40px!important
}

.mb-40 {
    margin-bottom: 40px!important
}

.ml-40 {
    margin-left: 40px!important
}

.pa-40 {
    padding: 40px!important
}

.pt-40 {
    padding-top: 40px!important
}

.pr-40 {
    padding-right: 40px!important
}

.pb-40 {
    padding-bottom: 40px!important
}

.pl-40 {
    padding-left: 40px!important
}

plr-40 {
    padding-left: 40px!important;
    padding-right: 40px!important
}

.ma-45 {
    margin: 45px!important
}

.mt-45 {
    margin-top: 45px!important
}

.mr-45 {
    margin-right: 45px!important
}

.mb-45 {
    margin-bottom: 45px!important
}

.ml-45 {
    margin-left: 45px!important
}

.pa-45 {
    padding: 45px!important
}

.pt-45 {
    padding-top: 45px!important
}

.pr-45 {
    padding-right: 45px!important
}

.pb-45 {
    padding-bottom: 45px!important
}

.pl-45 {
    padding-left: 45px!important
}

plr-45 {
    padding-left: 45px!important;
    padding-right: 45px!important
}

.ma-50 {
    margin: 50px!important
}

.mt-50 {
    margin-top: 50px!important
}

.mr-50 {
    margin-right: 50px!important
}

.mb-50 {
    margin-bottom: 50px!important
}

.ml-50 {
    margin-left: 50px!important
}

.pa-50 {
    padding: 50px!important
}

.pt-50 {
    padding-top: 50px!important
}

.pr-50 {
    padding-right: 50px!important
}

.pb-50 {
    padding-bottom: 50px!important
}

.pl-50 {
    padding-left: 50px!important
}

plr-50 {
    padding-left: 50px!important;
    padding-right: 50px!important
}

.list-style-type,
.mys-menu ul {
    list-style-type: none
}

.clear {
    float: none;
    clear: both
}

.f-left {
    float: left
}

.f-right {
    float: right
}

.f-none {
    float: none
}

.hide {
    display: none
}

.hidden {
    display: none
}

.hiden {
    display: none
}

.show {
    display: inline-block
}

.pd-col-0 {
    padding-left: 0;
    padding-right: 0
}

.flex-x {
    display: flex;
    flex-flow: row wrap
}

.align-center {
    justify-content: center
}

.uppercase {
    text-transform: uppercase
}

.underline {
    text-decoration: underline
}

.relative {
    position: relative!important
}

.txt-left {
    text-align: left
}

.txt-center {
    text-align: center
}

.txt-right {
    text-align: right
}

.center {
    text-align: center
}

.skin-transparent {
    background: transparent
}

.skin-grey {
    background: #f9f9f9
}

.skin-white {
    background: #fff
}

.white-color {
    color: #fff
}

.white-color a {
    color: #fff
}

.primary-color {
    color: #1f4c94
}

.primary-color a {
    color: #1f4c94
}

.enable-border {
    border: 1px solid #dbdbdb
}

.z-minus-1 {
    position: relative;
    z-index: -1
}

.z-plus-99 {
    position: relative;
    z-index: 99
}

.z-plus-1 {
    position: relative;
    z-index: 1
}

.flex-center {
    justify-content: center
}

.flex-center .widget {
    justify-content: center
}

.box-shadow {
    box-shadow: 0px 2px 5px 0 rgba(159, 159, 159, 0.1)
}

.minus-top-80 {
    margin-top: -80px;
    position: relative;
    z-index: 3
}

.fz-14 h1,
.fz-14 h2,
.fz-14 h3,
.fz-14 h4,
.fz-14 h5,
.fz-14 h6 {
    font-size: 1.4rem
}

@media (max-width:47.9375em) {
    .txt-md-center {
        text-align: center!important
	}
}

.width-100 {
    width: 100%
}

.width-100 a {
    width: 100%
}

.bingo-products:not(.ani-unset) .bingo-animation:not(.bingo-slick) .column:nth-child(1n) {
    animation: bingoBTT-1 1s ease
}

.bingo-products:not(.ani-unset) .bingo-animation:not(.bingo-slick) .column:nth-child(2n) {
    animation: bingoBTT-2 1.3s ease
}

.bingo-products:not(.ani-unset) .bingo-animation:not(.bingo-slick) .column:nth-child(3n) {
    animation: bingoBTT-3 1.6s ease
}

.bingo-products:not(.ani-unset) .bingo-animation:not(.bingo-slick) .column:nth-child(4n) {
    animation: bingoBTT-4 1.9s ease
}

.bingo-products:not(.ani-unset) .bingo-animation:not(.bingo-slick) .column:nth-child(5n) {
    animation: bingoBTT-5 2.2s ease
}

.bingo-products:not(.ani-unset) .bingo-animation:not(.bingo-slick) .column:nth-child(6n) {
    animation: bingoBTT-6 2.5s ease
}

.bingo-products:not(.ani-unset) .bingo-animation:not(.bingo-slick) .column:nth-child(7n) {
    animation: bingoBTT-7 2.8s ease
}

.bingo-products:not(.ani-unset) .bingo-animation:not(.bingo-slick) .column:nth-child(8n) {
    animation: bingoBTT-8 3.1s ease
}

.bingo-products:not(.ani-unset) .bingo-animation:not(.bingo-slick) .column:nth-child(9n) {
    animation: bingoBTT-9 3.4s ease
}

.bingo-products:not(.ani-unset) .bingo-animation:not(.bingo-slick) .column:nth-child(10n) {
    animation: bingoBTT-10 3.7s ease
}

.bingo-products:not(.ani-unset) .bingo-animation:not(.bingo-slick) .column:nth-child(11n) {
    animation: bingoBTT-11 4s ease
}

.bingo-products:not(.ani-unset) .bingo-animation:not(.bingo-slick) .column:nth-child(12n) {
    animation: bingoBTT-12 4.3s ease
}

.bingo-products:not(.ani-unset) .bingo-animation:not(.bingo-slick) .column:nth-child(13n) {
    animation: bingoBTT-13 4.6s ease
}

.bingo-products:not(.ani-unset) .bingo-animation:not(.bingo-slick) .column:nth-child(14n) {
    animation: bingoBTT-14 4.9s ease
}

.bingo-products:not(.ani-unset) .bingo-animation:not(.bingo-slick) .column:nth-child(15n) {
    animation: bingoBTT-15 5.2s ease
}

.bingo-products:not(.ani-unset) .bingo-animation.bingo-slick .slick-slide:nth-child(1n) {
    animation: bingoBTT-1 1s ease
}

.bingo-products:not(.ani-unset) .bingo-animation.bingo-slick .slick-slide:nth-child(2n) {
    animation: bingoBTT-2 1.3s ease
}

.bingo-products:not(.ani-unset) .bingo-animation.bingo-slick .slick-slide:nth-child(3n) {
    animation: bingoBTT-3 1.6s ease
}

.bingo-products:not(.ani-unset) .bingo-animation.bingo-slick .slick-slide:nth-child(4n) {
    animation: bingoBTT-4 1.9s ease
}

.bingo-products:not(.ani-unset) .bingo-animation.bingo-slick .slick-slide:nth-child(5n) {
    animation: bingoBTT-5 2.2s ease
}

.bingo-products:not(.ani-unset) .bingo-animation.bingo-slick .slick-slide:nth-child(6n) {
    animation: bingoBTT-6 2.5s ease
}

.bingo-products:not(.ani-unset) .bingo-animation.bingo-slick .slick-slide:nth-child(7n) {
    animation: bingoBTT-7 2.8s ease
}

.bingo-products:not(.ani-unset) .bingo-animation.bingo-slick .slick-slide:nth-child(8n) {
    animation: bingoBTT-8 3.1s ease
}

.bingo-products:not(.ani-unset) .bingo-animation.bingo-slick .slick-slide:nth-child(9n) {
    animation: bingoBTT-9 3.4s ease
}

.bingo-products:not(.ani-unset) .bingo-animation.bingo-slick .slick-slide:nth-child(10n) {
    animation: bingoBTT-10 3.7s ease
}

.bingo-products:not(.ani-unset) .bingo-animation.bingo-slick .slick-slide:nth-child(11n) {
    animation: bingoBTT-11 4s ease
}

.bingo-products:not(.ani-unset) .bingo-animation.bingo-slick .slick-slide:nth-child(12n) {
    animation: bingoBTT-12 4.3s ease
}

.bingo-products:not(.ani-unset) .bingo-animation.bingo-slick .slick-slide:nth-child(13n) {
    animation: bingoBTT-13 4.6s ease
}

.bingo-products:not(.ani-unset) .bingo-animation.bingo-slick .slick-slide:nth-child(14n) {
    animation: bingoBTT-14 4.9s ease
}

.bingo-products:not(.ani-unset) .bingo-animation.bingo-slick .slick-slide:nth-child(15n) {
    animation: bingoBTT-15 5.2s ease
}

.ani-unset .bingo-animation {
    animation: none
}

.ani-unset .bingo-animation .slick-list,
.ani-unset .bingo-animation .slick-track {
    transform: none!important
}

.bingoBTT {
    animation: bingoBTT
}

.bingo-slick {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease
}

.bingo-slick.slick-initialized {
    visibility: visible;
    opacity: 1
}

.bingo-slick .slick-slide .column:not(.enable-shadow) {
    margin-bottom: 0!important
}

.slick-dotted.slick-slider {
    margin-bottom: 0
}

.bingo-slick {
    position: relative;
    z-index: 1
}

.bingo-slick.row {
    display: block
}

.bingo-slick.d-flex {
    display: block!important
}

.bingo-slick .slick-track {
    margin-left: 0;
    margin-right: 0
}

.bingo-slick .slick-slide>div {
    display: inline-flex;
    width: 100%;
    height: 100%
}

.bingo-slick-arrow {
    height: 100%
}

@media (max-width:64em) {
    .bingo-slick-arrow {
        display: none!important
	}
}

.bingo-slick-arrow .slick-arrow {
    justify-content: center;
    -webkit-box-flex: 0;
    max-width: 50px;
    flex: 0 0 50px;
    width: 100%;
    height: 50px;
    background: #fff;
    box-shadow: 0.5px 0.9px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 999px;
    font-size: 3.2rem;
    color: #f7f7f7;
    cursor: pointer;
    position: relative;
    z-index: 4;
    transition: background 0.5s, color 0.4s
}

.bingo-slick-arrow .slick-arrow .inline {
    display: block;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    position: absolute;
    top: -0.5rem;
    left: -0.5rem;
    box-shadow: 0 0 0 1px #1f4c94;
    border-radius: 999px;
    transition: transform 0.4s, opacity 0.4s;
    transform: scale(0.8)
}

.bingo-slick-arrow .slick-arrow i:before {
    display: inline-block
}

.bingo-slick-arrow .slick-arrow.arrow-left:hover i:before {
    animation: bingoBtnHover ease-out 0.4s reverse
}

.bingo-slick-arrow .slick-arrow.arrow-right:hover i:before {
    animation: bingoBtnHover ease-out 0.4s
}

.bingo-slick-arrow .slick-arrow:hover {
    color: #fff;
    background: #ffd200
}

.bingo-slick-arrow .slick-arrow:hover .inline {
    box-shadow: 0 0 0 1px #ffd200;
    transform: scale(1)
}

[class*=bingo-slider-] {
    position: relative
}

[class*=bingo-slider-] .slick-slide {
    display: flex
}

[class*=bingo-slider-] .bingo-content-container {
    position: relative
}

[class*=bingo-slider-] .slick-dotted+.bingo-slick-arrow .slick-arrow {
    margin-top: -49px
}

[class*=bingo-slider-] .bingo-slick-arrow .slick-arrow {
    margin-top: -25px;
    position: absolute;
    top: 50%;
    transition: all 0.4s
}

[class*=bingo-slider-] .bingo-slick-arrow .arrow-left {
    left: 10px
}

[class*=bingo-slider-] .bingo-slick-arrow .arrow-right {
    right: 10px
}

.bingo-custom-nav .bingo-slick-arrow {
    justify-content: space-between;
    flex-direction: row;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.bingo-custom-nav .bingo-slick-arrow .slick-arrow {
    position: relative;
    margin-top: 0!important;
    top: -50px
}

[class*=dot-layout-].dot-white li:not(.slick-active) button {
    background: #fff
}

[class*=dot-layout-].bingo-tabs .tab-pagination {
    -webkit-box-flex: 0;
    max-width: 100%!important;
    flex: 0 0 100%!important;
    margin-bottom: 0!important;
    margin-top: 5rem;
    padding: 0!important
}

[class*=dot-layout-].bingo-tabs .tab-pagination ul {
    justify-content: center
}

[class*=dot-layout-].bingo-tabs .tab-pagination ul li {
    background: #f7f7f7;
    border-radius: 50%
}

[class*=dot-layout-].bingo-tabs .tab-pagination ul li:not(:last-child) {
    margin-right: 1rem
}

[class*=dot-layout-].bingo-tabs .tab-pagination ul li.active {
    background: #ffd200
}

[class*=dot-layout-] .slick-dotted {
    padding-bottom: 4.8rem
}

@media (max-width:61.9375em) {
    [class*=dot-layout-] .slick-dotted {
        padding-bottom: 3rem
	}
}

.slick-dots {
    justify-content: center;
    position: absolute;
    bottom: 0
}

.slick-dots li {
    width: auto;
    height: auto;
    margin: 0
}

.slick-dots li:not(:last-child) button {
    margin-right: 1rem
}

.slick-dots li:hover button {
    background: #ffd200
}

.slick-dots li.slick-active button {
    background: #ffd200
}

.slick-dots li button {
    width: 100%;
    height: 100%;
    padding: 0;
    background: #f7f7f7;
    border-radius: 50%
}

.slick-dots li button:before {
    display: none
}

.dot-layout-1 .slick-dots li button {
    width: 8px;
    height: 8px
}

.dot-layout-1.bingo-tabs .tab-pagination li {
    width: 8px;
    height: 8px
}

.dot-layout-2 .slick-dots {
    height: 13px
}

.dot-layout-2 .slick-dots li button {
    width: 5px;
    height: 5px;
    background: #f7f7f7;
    border-radius: 50%
}

.dot-layout-2 .slick-dots li button:before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 1px solid #ffd200;
    border-radius: 50%;
    transition: all 0.4s;
    transform: scale(1.2);
    position: absolute;
    top: -4px;
    right: 0;
    bottom: 0;
    left: -4px
}

.dot-layout-2 .slick-dots li.slick-active button {
    background: #ffd200
}

.dot-layout-2 .slick-dots li.slick-active button:before {
    transform: scale(1)
}

.dot-layout-2.bingo-tabs .tab-pagination li {
    width: 5px;
    height: 5px
}

.dot-layout-2.bingo-tabs .tab-pagination li:before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 1px solid #ffd200;
    border-radius: 50%;
    transition: all 0.4s;
    transform: scale(1.2);
    position: absolute;
    top: -4px;
    right: 0;
    bottom: 0;
    left: -4px
}

.dot-layout-2.bingo-tabs .tab-pagination li.active:before {
    transform: scale(1)
}

.dot-layout-3 .slick-dots li:not(:last-child) button {
    margin-right: 0.7rem
}

.dot-layout-3 .slick-dots li.slick-active button {
    width: 15px
}

.dot-layout-3 .slick-dots li button {
    width: 5px;
    height: 5px;
    background: #ffd200;
    transition: all 0.4s;
    border-radius: 2.5px
}

.dot-layout-3.bingo-tabs .tab-pagination li {
    width: 5px;
    height: 5px;
    font-size: 0;
    padding-bottom: 0;
    margin-bottom: 0!important;
    background: #ffd200;
    transition: all 0.4s
}

.dot-layout-3.bingo-tabs .tab-pagination li:after,
.dot-layout-3.bingo-tabs .tab-pagination li:before {
    display: none!important
}

.dot-layout-3.bingo-tabs .tab-pagination li:not(:last-child) {
    margin-right: 0.7rem!important
}

.dot-layout-3.bingo-tabs .tab-pagination li.active {
    width: 15px;
    border-radius: 2.5px
}

.dot-layout-3.bingo-tabs .tab-pagination li a {
    display: block;
    width: 100%;
    height: 5px
}

@media (min-width:64.0625em) {
    .bingo-hide-navi .slick-arrow {
        opacity: 0;
        visibility: hidden
	}
    .bingo-hide-navi:hover .slick-arrow {
        opacity: 1;
        visibility: visible
	}
}

@media (min-width:93.8125em) {
    .bingo-slider-default .bingo-content-container {
        padding-right: 8rem;
        padding-left: 8rem;
        margin-right: -8rem;
        margin-left: -8rem
	}
    .bingo-slider-offset .bingo-content-container {
        margin-right: 0;
        margin-left: 0;
        padding-right: 8rem;
        padding-left: 8rem
	}
}

@media (max-width:93.75em) {
    .bingo-slider-default .bingo-content-container {
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
        margin-left: 0
	}
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
	}
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
	}
    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
	}
    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
	}
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
	}
    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
	}
    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
	}
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
	}
    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
	}
    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
	}
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
	}
    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
	}
    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
	}
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
	}
    .order-sm-first {
        order: -1
	}
    .order-sm-last {
        order: 13
	}
    .order-sm-0 {
        order: 0
	}
    .order-sm-1 {
        order: 1
	}
    .order-sm-2 {
        order: 2
	}
    .order-sm-3 {
        order: 3
	}
    .order-sm-4 {
        order: 4
	}
    .order-sm-5 {
        order: 5
	}
    .order-sm-6 {
        order: 6
	}
    .order-sm-7 {
        order: 7
	}
    .order-sm-8 {
        order: 8
	}
    .order-sm-9 {
        order: 9
	}
    .order-sm-10 {
        order: 10
	}
    .order-sm-11 {
        order: 11
	}
    .order-sm-12 {
        order: 12
	}
    .offset-sm-0 {
        margin-left: 0
	}
    .offset-sm-1 {
        margin-left: 8.33333%
	}
    .offset-sm-2 {
        margin-left: 16.66667%
	}
    .offset-sm-3 {
        margin-left: 25%
	}
    .offset-sm-4 {
        margin-left: 33.33333%
	}
    .offset-sm-5 {
        margin-left: 41.66667%
	}
    .offset-sm-6 {
        margin-left: 50%
	}
    .offset-sm-7 {
        margin-left: 58.33333%
	}
    .offset-sm-8 {
        margin-left: 66.66667%
	}
    .offset-sm-9 {
        margin-left: 75%
	}
    .offset-sm-10 {
        margin-left: 83.33333%
	}
    .offset-sm-11 {
        margin-left: 91.66667%
	}
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
	}
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
	}
    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
	}
    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
	}
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
	}
    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
	}
    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
	}
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
	}
    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
	}
    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
	}
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
	}
    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
	}
    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
	}
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
	}
    .order-md-first {
        order: -1
	}
    .order-md-last {
        order: 13
	}
    .order-md-0 {
        order: 0
	}
    .order-md-1 {
        order: 1
	}
    .order-md-2 {
        order: 2
	}
    .order-md-3 {
        order: 3
	}
    .order-md-4 {
        order: 4
	}
    .order-md-5 {
        order: 5
	}
    .order-md-6 {
        order: 6
	}
    .order-md-7 {
        order: 7
	}
    .order-md-8 {
        order: 8
	}
    .order-md-9 {
        order: 9
	}
    .order-md-10 {
        order: 10
	}
    .order-md-11 {
        order: 11
	}
    .order-md-12 {
        order: 12
	}
    .offset-md-0 {
        margin-left: 0
	}
    .offset-md-1 {
        margin-left: 8.33333%
	}
    .offset-md-2 {
        margin-left: 16.66667%
	}
    .offset-md-3 {
        margin-left: 25%
	}
    .offset-md-4 {
        margin-left: 33.33333%
	}
    .offset-md-5 {
        margin-left: 41.66667%
	}
    .offset-md-6 {
        margin-left: 50%
	}
    .offset-md-7 {
        margin-left: 58.33333%
	}
    .offset-md-8 {
        margin-left: 66.66667%
	}
    .offset-md-9 {
        margin-left: 75%
	}
    .offset-md-10 {
        margin-left: 83.33333%
	}
    .offset-md-11 {
        margin-left: 91.66667%
	}
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
	}
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
	}
    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
	}
    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
	}
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
	}
    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
	}
    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
	}
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
	}
    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
	}
    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
	}
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
	}
    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
	}
    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
	}
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
	}
    .order-lg-first {
        order: -1
	}
    .order-lg-last {
        order: 13
	}
    .order-lg-0 {
        order: 0
	}
    .order-lg-1 {
        order: 1
	}
    .order-lg-2 {
        order: 2
	}
    .order-lg-3 {
        order: 3
	}
    .order-lg-4 {
        order: 4
	}
    .order-lg-5 {
        order: 5
	}
    .order-lg-6 {
        order: 6
	}
    .order-lg-7 {
        order: 7
	}
    .order-lg-8 {
        order: 8
	}
    .order-lg-9 {
        order: 9
	}
    .order-lg-10 {
        order: 10
	}
    .order-lg-11 {
        order: 11
	}
    .order-lg-12 {
        order: 12
	}
    .offset-lg-0 {
        margin-left: 0
	}
    .offset-lg-1 {
        margin-left: 8.33333%
	}
    .offset-lg-2 {
        margin-left: 16.66667%
	}
    .offset-lg-3 {
        margin-left: 25%
	}
    .offset-lg-4 {
        margin-left: 33.33333%
	}
    .offset-lg-5 {
        margin-left: 41.66667%
	}
    .offset-lg-6 {
        margin-left: 50%
	}
    .offset-lg-7 {
        margin-left: 58.33333%
	}
    .offset-lg-8 {
        margin-left: 66.66667%
	}
    .offset-lg-9 {
        margin-left: 75%
	}
    .offset-lg-10 {
        margin-left: 83.33333%
	}
    .offset-lg-11 {
        margin-left: 91.66667%
	}
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
	}
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
	}
    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
	}
    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
	}
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
	}
    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
	}
    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
	}
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
	}
    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
	}
    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
	}
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
	}
    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
	}
    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
	}
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
	}
    .order-xl-first {
        order: -1
	}
    .order-xl-last {
        order: 13
	}
    .order-xl-0 {
        order: 0
	}
    .order-xl-1 {
        order: 1
	}
    .order-xl-2 {
        order: 2
	}
    .order-xl-3 {
        order: 3
	}
    .order-xl-4 {
        order: 4
	}
    .order-xl-5 {
        order: 5
	}
    .order-xl-6 {
        order: 6
	}
    .order-xl-7 {
        order: 7
	}
    .order-xl-8 {
        order: 8
	}
    .order-xl-9 {
        order: 9
	}
    .order-xl-10 {
        order: 10
	}
    .order-xl-11 {
        order: 11
	}
    .order-xl-12 {
        order: 12
	}
    .offset-xl-0 {
        margin-left: 0
	}
    .offset-xl-1 {
        margin-left: 8.33333%
	}
    .offset-xl-2 {
        margin-left: 16.66667%
	}
    .offset-xl-3 {
        margin-left: 25%
	}
    .offset-xl-4 {
        margin-left: 33.33333%
	}
    .offset-xl-5 {
        margin-left: 41.66667%
	}
    .offset-xl-6 {
        margin-left: 50%
	}
    .offset-xl-7 {
        margin-left: 58.33333%
	}
    .offset-xl-8 {
        margin-left: 66.66667%
	}
    .offset-xl-9 {
        margin-left: 75%
	}
    .offset-xl-10 {
        margin-left: 83.33333%
	}
    .offset-xl-11 {
        margin-left: 91.66667%
	}
}

.mysui-fancy-select {
    position: relative;
    display: inline-block;
    min-width: 110px
}

.mysui-fancy-select select {
    display: none!important
}

.mysui-fancy-select .fs-disabled {
    opacity: 0.5
}

.mysui-fancy-select select:focus+.fs-trigger {
    border-color: #9ac100
}

.mysui-fancy-select .fs-trigger {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 2rem 0 0;
    font-size: 1.4rem;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease-out
}

.mysui-fancy-select .fs-trigger:after {
    content: "";
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    color: #f7f7f7;
    position: absolute;
    top: -1px;
    right: 0
}

.mysui-fancy-select .fs-trigger.input-rounded {
    border-radius: 20px;
    padding-left: 20px;
    padding-right: 40px
}

.mysui-fancy-select .fs-trigger.input-rounded:after {
    right: 20px
}

.mysui-fancy-select ul {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out, top 0.3s ease-out, bottom 0.3s ease-out
}

.mysui-fancy-select ul li {
    background: #fff;
    margin-bottom: 0
}

.mysui-fancy-select ul.fs-options {
    list-style: none;
    margin: 0;
    padding: 0.5rem 0;
    overflow: visible;
    width: 100%;
    min-width: 180px;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 19
}

.mysui-fancy-select ul.fs-options.fs-open {
    top: 25px
}

.mysui-fancy-select ul.fs-options.fs-overflowing {
    top: 35px
}

.mysui-fancy-select ul.fs-options.fs-overflowing:after {
    top: 100%;
    border-bottom-color: transparent;
    border-top-color: #9ac100
}

.mysui-fancy-select ul.fs-options.fs-overflowing.fs-open {
    top: 25px
}

.mysui-fancy-select ul.fs-options li {
    display: block;
    padding: 0.6rem 1.5rem;
    cursor: pointer;
    font-size: 1.3rem;
    line-height: 1.384;
    transition: all 0.2s ease-out
}

.mysui-fancy-select ul.fs-options li.fs-selected {
    background: #1f4c94;
    color: #fff
}

.mysui-fancy-select ul.fs-options li.fs-hover {
    background: #ffd200;
    color: #fff
}

.mysui-fancy-select ul.fs-options li.fs-optgroup {
    cursor: default;
    padding: 10px 0 0 0
}

.mysui-fancy-select ul.fs-options li.fs-optgroup span {
    padding-left: 10px;
    display: block;
    font-style: italic;
    opacity: 0.8
}

.mysui-fancy-select ul.fs-optgroup {
    list-style: none;
    padding: 5px 0 0 0
}

.mysui-fancy-select ul.fs-optgroup li {
    padding-left: 30px
}

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

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    object-fit: cover
}

img:not([alt]) {
    --error: "Image require alt card";
    cursor: help;
    outline: 1px solid red
}

video {
    height: auto;
    max-width: 100%;
    object-fit: cover
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

b,
strong {
    font-weight: 700
}

dl,
ol,
ul {
    padding: 0 0 15px 15px;
    margin-bottom: 1.5rem
}

dl {
    padding-left: 0
}

.page mark {
    background-color: rgba(31, 76, 148, 0.3)
}

figure {
    margin: 0 1rem 1rem 0
}

table {
    margin: 0 0 2.5rem;
    width: 100%
}

tr:not(:last-child) {
    border-bottom: 1px solid #dbdbdb
}

td,
th {
    padding: 1.2rem 0.8rem 1.2rem
}

td:first-child,
th:first-child {
    padding-left: 0
}

td a,
th a {
    color: #ffd200
}

select {
    width: 100%
}

li {
    line-height: 1.75
}

li>ol,
li>ul {
    margin-top: 0.7rem;
    margin-bottom: 0;
    padding-bottom: 0
}

iframe {
    width: 100%
}

label {
    display: block;
    font-weight: 700;
    color: #414040;
    margin-bottom: 1rem
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    color: #9f9f9f;
    background: #f9f9f9;
    border: 1px solid #dbdbdb;
    padding: 1.1rem 2rem;
    width: 100%;
    transition: all 0.3s ease
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    outline: none;
    border-color: #ffd200
}

textarea {
    font-family: "Roboto", "san-serif"
}

button,
input[type=button],
input[type=submit] {
    font-family: "OpenSans";
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: #1f4c94;
    border: 0;
    cursor: pointer;
    transition: all 0.3s ease
}

button:focus,
input[type=button]:focus,
input[type=submit]:focus {
    outline: none
}

button:hover,
input[type=button]:hover,
input[type=submit]:hover {
    background: #ffd200
}

form input[type=checkbox] {
    display: none!important
}

form input[type=checkbox]+label[for]:before {
    border: 1px solid #dbdbdb;
    font-family: "Font Awesome 5 Pro";
    color: #414040
}

form input[type=checkbox]:checked+label[for]:before {
    content: "";
    top:-1px;
    margin-bottom: 4px;
}

form input[type=checkbox]+label {
    margin-top: 0!important;
    padding-left: 0!important
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

html {
    font-size: 62.5%;
    direction: ltr;
    box-shadow: none!important;
    overflow-x: hidden
}

body {
    direction: ltr;
    margin: 0;
    unicode-bidi: embed;
    text-align: left;
    font-family: "Roboto", "san-serif";
    font-size: 14px;
    line-height: 1.86;
    color: #888;
    background: #fff;
    background-attachment: unset;
    background-repeat: no-repeat;
    word-wrap: break-word
}

@media (max-width:86.25em) {
    body {
        overflow-x: hidden
	}
}

body.compensate-for-scrollbar {
    margin: 0
}

.container {
    width: 100%;
    max-width: 1165px;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

a {
    cursor: pointer;
    text-decoration: none;
    transition: all 0.4s ease
}

a:focus {
    outline: none
}

a:hover {
    text-decoration: none;
    color: #ffd200
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    font-family: "Roboto";
    font-style: normal;
    color: #414040;
    letter-spacing: 0px
}

.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #414040
}

.h1,
h1 {
    line-height: 1.27778;
    margin-bottom: 1.8rem
}

@media (max-width:74.9375em) {
    .h1,
    h1 {
        line-height: 1.286;
        font-size: 2.8rem
	}
}

.h2,
h2 {
    line-height: 1.3125;
    font-size: 3.2rem;
    margin-bottom: 1.4rem
}

@media (max-width:74.9375em) {
    .h2,
    h2 {
        line-height: 1.41667;
        font-size: 2.4rem
	}
}

.h3,
h3 {
    line-height: 1.36;
    font-size: 2.8rem;
    margin-bottom: 1rem
}

@media (max-width:74.9375em) {
    .h3,
    h3 {
        line-height: 1.455;
        font-size: 2.2rem
	}
}

.h4,
h4 {
    line-height: 1.25;
    font-size: 2.4rem;
    margin-bottom: 0.6rem
}

@media (max-width:74.9375em) {
    .h4,
    h4 {
        line-height: 1.4;
        font-size: 2rem
	}
}

.h5,
h5 {
    line-height: 1.3;
    font-size: 2rem;
    margin-bottom: 0.6rem
}

@media (max-width:74.9375em) {
    .h5,
    h5 {
        line-height: 1.444;
        font-size: 1.8rem
	}
}

.h6,
h6 {
    line-height: 1.5;
    font-size: 1.6rem;
    margin-bottom: 0.6rem
}

@media (max-width:74.9375em) {
    .h6,
    h6 {
        line-height: 1.5;
        font-size: 1.6rem
	}
}

.header {
    background: #2457aa
}

.header-top {
    padding: 10px 0;
}

.header-top .logo {
    text-align: center;
    padding-top: 6px;
    float: left;
    width: 215px;
    height: 69px;
    margin-right: 15px;
}

.header-top .logo a {
    color: #fff
}

.header-top .header-banner {
    -webkit-box-flex: 0;
    float: left;
    width: 649px;
}

.header-top .header-banner img {
    float: left;
}

.header-top .header-contact-price {
    padding-left: 18px;
    float: left;
    height: 69px;
    padding-top: 18px;
}

.header-top .header-contact-price>div {
    float: left;
}

.header-top .header-contact-price>div+div {
    float: left;
    padding-left: 24px;
}

.header-top .header-contact-price .icon {
    float: left;
    margin-right: 13px;
}

.header-top .header-contact-price .info {
    line-height: normal;
    color: #fefefe;
    float: left;
}
.header-top .header-contact-price .info a {
    color: #fefefe;
    float: left;
    font-size: 14px;
}

.header-top .header-contact-price .info .title {
    color: #fefefe;
    float: left;
    font-size: 13px;
    padding-top: 1px;
    width: 100%;
    padding-bottom: 2px;
}

.header-bottom {
    background: #1f4c94;
    height: 52px;
}

.header-bottom .toggle-button {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background: #2b63bd url(../images/header-icon-3.png)center no-repeat;
    margin-right: 13px;
}
.header-bottom .header-item .content-right .service-option:after{
	
    margin-top: -10px;
}
.content-right
{
    float: left;
    margin-top: 10px;
	min-width: 84px;
}
.header-bottom .header-item {
    font-weight: 500;
    line-height: normal;
    color: #ffd200;
    position: relative;
    font-size: 14px;
}

.header-bottom .header-item .label {
    font-size: 12px;
    font-weight: 400;
    color: #fefefe;
    float: left;
    width: 100%;
    padding-top: 1px;
    font-weight: bold;
}

.header-bottom .header-item .account-name,
.header-bottom .header-item .order-name,
.header-bottom .header-item .service-option {
    position: relative;
    cursor: pointer
}

.header-bottom .header-item .account-name:after,
.header-bottom .header-item .order-name:after,
.header-bottom .header-item .service-option:after {
    float: right;
    width:7px;
    height:5px;
    background: url(../images/ic2.png)no-repeat;
    margin-left: 18px;
    margin-top: 6px;
    content: 'i';
    text-indent: -9999px;
}

.header-bottom .service-header {
    float: left;
    width: 184px;
    padding-top: 11px;
    height: 52px;
}

.header-bottom .service-header .mys-menu.service-menu {
    opacity: 0;
    visibility: hidden
}

.header-bottom .service-header:hover>.mys-menu.service-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

.header-bottom .main-menu {
    float: left;
    padding-top: 15px;
    background: url(../images/menu_border.png)no-repeat left;
    background-size: 2px 41px;
}
.header-bottom .main-menu .list-main-menu {
    float: left;
    padding-left: 32px;
}

.header-bottom .main-menu .list-main-menu .item {
    float: left;
    height: 37px;
}

.header-bottom .main-menu .list-main-menu .item.has-submenu>.submenu-item {
    margin-top: 0
}

.header-bottom .main-menu .list-main-menu .item.has-submenu>.submenu-item:after {
    content: "";
    height: 13px;
    position: absolute;
    top: -13px;
    right: 0;
    left: 0
}

.header-bottom .main-menu .list-main-menu .item.has-submenu:hover>.submenu-item {
    margin-top: 0
}

.header-bottom .main-menu .list-main-menu .item>a {
    color: #fefefe;
    float: left;
    font-size: 14px;
}

.header-bottom .main-menu .list-main-menu .item>a:hover,.service-list-item .item a:hover {
    color: #ffd200
}
.mys-menu .item.has-submenu
{
    padding-right: 42px;
}
.header-bottom .group-item-header {
    padding-left: 32px;
    float: left;
    padding-top: 11px;
    background: url(../images/menu_border.png)no-repeat left;
    background-size: 2px 41px;
}

.header-bottom .group-item-header>div {
    display: inline-block;
    cursor: pointer
}

.header-bottom .group-item-header>div+div {
    padding-left: 26px;
}

.header-bottom .group-item-header>div:hover .check-order-wrapper,
.header-bottom .group-item-header>div:hover .login-content-form {
    margin-top: 0;
    opacity: 1;
    visibility: visible
}

.header-bottom .group-item-header>div .item-image {
    display: inline-block;
    margin-right: 7px
}
.list-main-menu li:last-child
{
    padding-right: 32px;
}
.header-bottom .group-item-header>div .content {
    display: inline-block;
    height: 41px;
}

.header .main-header {
    display: flex;
    flex-wrap: wrap;
}

.check-order-wrapper,
.login-content-form {
    width: 297px;
    padding: 15px 20px;
    margin-top: 0;
    background: #f7f7f7;
    border: 1px solid #e8eff5;
    opacity: 0;
    visibility: hidden;
    border-radius: 4px;
    box-shadow: 0 0 15px 0 rgba(8, 9, 9, 0.15);
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 2;
    transition: all 0.4s;
    border-top: 0;
}
.login-content-form,.check-order-wrapper
{
    cursor: initial;
}
.check-order-wrapper .title,
.login-content-form .title {
    margin-bottom: 10px;
    font-size: 14px;
    color: #1f4c94;
    font-weight: 600;
}

.check-order-wrapper .fieldset .label,
.login-content-form .fieldset .label {
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 600;
    color: #414040;
}

.check-order-wrapper .fieldset input,
.login-content-form .fieldset input {
    height: 30px;
    padding: 3px 15px;
    border: 1px solid #e1e2e1;
    background: #fff;
    border-radius: 3px;
    color: #333;
}
.login-content-form form
{
    cursor: initial;
}
.login-content-form .content-left,
.login-content-form .content-right {
    display: inline-flex;
    align-items: center;
    margin-top: 13px;
    font-size: 13px;
}

.login-content-form .fieldset .content-left label {
    margin-bottom: 0;
    font-weight: 500
}

.login-content-form .fieldset .content-left label:before {
    top: -5px
}

.login-content-form .fieldset .content-right {
    float: right;
    padding-top: 1px;
}

.login-content-form .fieldset .content-right a {
    color: #ff3838
}

.login-content-form .fieldset .action {
    display: flex;
    margin-top: 11px;
}

.login-content-form .fieldset .action a,
.login-content-form .fieldset .action button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-height: 30px;
    border-radius: 2px;
    color: #fff;
    font-weight: normal;
    font-size: 13px;
    font-family: Roboto;
}

.login-content-form .fieldset .action button {
    background: #1f4c94;
    margin-right: 6px
}

.login-content-form .fieldset .action a {
    background: #dc4e41
}

.login-content-form .login-socials .social-login {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 5px;
    font-size: 11.86px;
    font-family: "Roboto";
    font-weight: 500;
    color: #fff;
    background: #4368b1;
    border-radius: 2px;
    margin-top:12px;
}

.login-content-form .login-socials .social-login.social-gg {
    background: #dc4e41
}

.login-content-form .login-socials .social-login img {
    display: inline-block;
    width: 41px;
    height: 41px;
    margin-right: 8px
}
.action-submit button
{
    height: 30px;
    width: 132px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 500;
    font-family: Roboto;
    line-height: 16px;
}
.check-order-wrapper .fieldset {
    margin-bottom: 10px
}

.check-order-wrapper .action-submit {
    margin: 1.7rem 0;
    text-align: center
}

.check-order-wrapper .action-submit input {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 13.2rem;
    height: 30px;
    padding: 3px 10px;
    border: none;
    background: #1f4c94;
    font-size: 1.3rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    border-radius: 2px
}

.check-order-wrapper .note-txt {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 500;
    color: #9f9f9f;
}

.check-order-wrapper .note-txt span {
    color: #1f4c94;
    font-weight: 700
}

.mys-menu {
    position: relative
}

.mys-menu ul {
    padding: 0;
    margin: 0
}


.mys-menu a:hover {
    color: #ffd200
}

.mys-menu .item {
    position: relative;
    font-weight: 400
}

.mys-menu .item.has-submenu {
    
}

.mys-menu .item.has-submenu:before {
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-size: 9.13px;
    color: #fff;
    left: 8px;
    position: relative;
}
.service-list-item .item a
{
    color: #fefefe;
}
.mys-menu .item.has-submenu:hover>.submenu-item {
    margin-top: 0;
    opacity: 1;
    visibility: visible
}

.mys-menu .item .submenu-item {
    min-width: 24.6rem;
    margin: 20px 0 0;
    padding: 0;
    background: #2457aa;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    transition: all 0.4s
}

.mys-menu .item .submenu-item:hover>.submenu-item {
    margin-top: 0;
    opacity: 1;
    visibility: visible
}

.mys-menu .item .submenu-item .item {
    padding: 8px 25px;
    width: 246px;
    height: 41px;
}

.mys-menu .item .submenu-item .item:not(:last-child) {
    border-bottom: 1px solid #2b69cc
}

.mys-menu .item .submenu-item .submenu-item {
    margin-top: 10px;
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.mys-menu.service-menu {
    min-width: 24.6rem;
    margin-top: 0;
    background: #2457aa;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    transition: all 0.4s
}

.mys-menu.service-menu .item {
    padding: 8px 25px
}

.mys-menu.service-menu .item:not(:last-child) {
    border-bottom: 1px solid #2b69cc
}

.mys-menu.service-menu .item.has-submenu>a {
    padding-right: 20px
}

.mys-menu.service-menu .item.has-submenu>a:before {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-flex: 0;
    max-width: 15px;
    flex: 0 0 15px;
    width: 100%;
    height: 15px;
    font-size: 10px;
    font-family: "Font Awesome 5 Pro";
    background: #1f4c94;
    color: #fff;
    position: absolute;
    top: 12px;
    right: 20px
}

.mys-menu.service-menu .item:before {
    content: "";
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    height: 40px;
    font-size: 14px;
    font-weight: 600;
    color: #ffd200;
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 5px;
    transform: rotate(90deg)
}

.mys-menu.service-menu .item:hover>.submenu-item {
    margin-top: 0;
    opacity: 1;
    visibility: visible
}

.mys-menu.service-menu .item .submenu-item {
    left: 100%;
    top: 0;
    margin-top: 0;
    opacity: 0;
    visibility: hidden
}

.notification-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 10px 0;
    font-size: 13px;
    text-align: center
}

.notification-wrapper .title {
    margin-right: 2.5rem;
    color: #414040
}

.notification-wrapper .content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.footer {
    background: #2457aa url("../images/footer-bg.png") no-repeat;
    background-position: center center
}

.footer .main-footer {
    padding: 4.5rem 0 2rem;
    
}

.footer .bottom-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    min-height: 3.8rem;
    background: #1f4c94;
    color: #fff;
    font-style: italic
}

.footer .column-left {
    -webkit-box-flex: 0;
    max-width: 40.7725321888%;
    flex: 0 0 37.7725321888%
}

.logo-footer
{
    margin-bottom: 10px;
    margin-top: -15px;
}

.footer .column-left .logo-footer a {
    color: #fff
}

.footer .column-left .user-guide-list .content {
    display: flex;
    flex-wrap: wrap
}

.footer .column-left .user-guide-list .content .list-item {
    margin: 0;
    -webkit-box-flex: 0;
    max-width: 100%;
}

.footer .column-left .user-guide-list .content .list-item li {
    padding-left: 15px;
    font-size: 13px;
    position: relative;
    margin-bottom: 7px;
    width: 45%;
    float: left;
}

.footer .column-left .user-guide-list .content .list-item li:before {
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-size: 1.1rem;
    line-height: 1;
    color: #ffd200;
    position: absolute;
    top: 1px;
    left: 0
}

.footer .column-left .user-guide-list .content .list-item li a {
    color: #fefefe
}

.footer .column-left .user-guide-list .content .list-item li a:hover {
    color: #ffd200
}

.footer .column-center {
    -webkit-box-flex: 0;
}

.footer .column-center .company-info {
    font-size: 1.3rem;
    color: #fff
}

.footer .column-center .company-info .company-name {
    margin-bottom: 1rem;
    font-size: 1.3rem;
    line-height: 1;
    color: #fff
}

.footer .column-center .company-info .localtion {
    margin-bottom: 5px;
    color: #ffd200;
    font-weight: 500;
    font-size: 14px;
    margin-top: 25px;
}
.company-info .address p
{
    font-size: 13px;
    color: #fefefe;
    background: url(../images/ic6.png)no-repeat left;
    padding-left: 15px;
}
.coppyright 
{
    font-size: 13px;
    color: #ddd;
    font-weight: 300;
}
.company-info .phone p
{
    font-size: 13px;
    color: #fefefe;
    background: url(../images/ic7.png)no-repeat left;
    padding-left: 15px;
}
.footer .column-center .company-info .address,
.footer .column-center .company-info .phone {
    line-height: 1.2
}

.footer .column-center .company-info .address .title,
.footer .column-center .company-info .phone .title {
    margin-bottom: 1rem;
    font-weight: 500
}

.footer .column-center .group-image {
    display: flex;
    align-items: center;
    margin-top: 1.8rem
}

.footer .column-center .group-image img+img {
    margin-left: 1.7rem
}

.footer .column-right {
    -webkit-box-flex: 0;
    max-width: 29.1845493562%;
    flex: 0 0 29.1845493562%;
    margin-left: 12px;
}

.footer .column .heading-title {
    margin-bottom: 2rem
}

.footer .column .heading-title .title {
    margin-bottom: 0;
    padding-bottom: 10px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    position: relative;
    font-family: OpenSans;
}

.footer .column .heading-title .title:after {
    content: "";
    display: inline-block;
    width: 83px;
    height: 2px;
    background: #ffd200;
    position: absolute;
    bottom: 0;
    left: 0
}

.notification-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 9px 0;
    font-size: 13px;
    text-align: center
}
marquee
{
    position: relative;
    top:5px
}
.notification-wrapper .title {
    margin-right: 5px;
    color: #414040;
    position: relative;
    top: -3px;
}

.notification-wrapper .content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.banner-slider-wrapper {
    margin-bottom: 50px;
    text-align: center;
}

.introduce-wrapper {
    margin-bottom: 2px;
}

.introduce-wrapper .introduce-info .heading-title {
    padding: 25px 33px;
    height: 160px;
    background: #f7f7f7;
    border-radius: 5px
}

.introduce-wrapper .introduce-info .heading-title .title {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 600;
    font-family: Roboto;
    color: #414040;
}

.introduce-wrapper .introduce-info .content-group {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    max-width: calc(100% - 355px);
    flex: 0 0 calc(100% - 355px);
    margin-left: 20px;
    position: relative;
    top: -82px
}

.introduce-wrapper .introduce-info .content-group .column {
    padding-left: 10px;
    padding-right: 10px
}

.introduce-wrapper .introduce-info .content-group .item {
    height: 100%;
    max-height: 180px;
    padding: 2rem 1rem 1.5rem;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 10px
}

.introduce-wrapper .introduce-info .content-group .item-top {
    position: relative;
    padding-right: 4rem
}

.introduce-wrapper .introduce-info .content-group .item-top .image {
    position: absolute;
    top: -4px;
    right: 3px;
}

.introduce-wrapper .introduce-info .content-group .item-content {
    font-size: 13px;
    line-height: 18px;
    color: #888;
}

.introduce-wrapper .introduce-info .content-group .item .title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.introduce-wrapper .introduce-info .introduce-banner {
    position: absolute;
    top: -2rem;
    right: 3rem
}

.service-wrapper {
    margin-bottom: 50px;
}

.service-wrapper .column .item {
    height: 22.5rem;
    background-repeat: no-repeat;
    background-position: center right;
    border-radius: 10px
}

.service-wrapper .column .item-1 {
    background-position: 177px 22px;
}
.service-wrapper .container .row .column:nth-child(1) .item-1{background-color: #007bc3;}
.service-wrapper .container .row .column:nth-child(2) .item-1{background-color: #d15644;}
.service-wrapper .container .row .column:nth-child(3) .item-1{background-color: #97cd56;}

.service-wrapper .column .item .content {
    padding: 19px 15px;
}

.service-wrapper .column .item .content .caption {
    color: #f7f7f7;
    font-family: OpenSans;
    font-size: 14px;
    font-weight: 300;
    float: left;
    line-height: 16px;
    border-bottom:  1px solid #f7f7f7;
    padding-bottom: 3px;
    margin-left: 3px;
}

.service-wrapper .column .item .content .title {
    font-size: 18px;
    color: #f7f7f7;
    float: left;
    width: 100%;
    font-family: OpenSans;
    font-weight: 600;
    padding-left: 3px;
}

.service-wrapper .column .item .content .btn-detail {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width:102px;
    height: 35px;
    background: #ffd200;
    color: #414040;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 5px;
}
.service-wrapper .column .item .content .btn-detail:hover
{
    background: #ffd200!important;
    color:#fff!important ;
}
.tabs-group-wrapper .tab-content-form {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(4, 5, 4, 0.19);
    border-radius: 5px;
    overflow: hidden;
    border-bottom: 1px solid #dbdbdb;
}

.tabs-group-wrapper .tab-content-form .tabs-top-list {
    background: #f7f7f7;
    border-bottom: 1px solid #e7e7e7;
    float: left;
    width: 100%;
    height: 61px;
}
.tabs-group-content
{
    float: left;
    width: 100%;
    height: 388px;
}
.tabs-group-wrapper .tab-content-form .tabs-top-list .tab-item.active {
    border-bottom-color: #ffd200!important
}
.vertical-tabs-wrapper
{
    background-image: url(../images/tab-vertical-background-2.png);
    background-position: center -29px;
    background-repeat: no-repeat;
}
.tabs-group-wrapper .tab-content-form .tabs-top-list .tab-item.active .title {
    font-weight:600;
    color: #2457aa!important
}

.tabs-group-wrapper .tab-content-form .tabs-top-list .tabs-list {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0
}
.imgh5
{
    background: url(../images/ic-4.png)no-repeat left;
    float: left;
    width: 26px;
    height: 27px;
    position: relative;
    top: -3px;
    margin-right: 15px;
}
.tabs-group-wrapper .tab-content-form .tabs-top-list .tabs-list .tab-item {
    height: 62px;
    padding: 19px 33px;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    float: left;
}
.tabs-group-wrapper .tab-content-form .tabs-top-list .tabs-list .tab-item.active .imgh5
{
    background: url(../images/tab-icon-1.png)no-repeat left;
    float: left;
    width: 26px;
    height: 27px;
    position: relative;
    top: -3px;
    margin-right: 15px;
}
.tabs-group-wrapper .tab-content-form .tabs-top-list .tabs-list .tab-item:first-child
{
    margin-top: -2px;
}
.tabs-group-wrapper .tab-content-form .tabs-top-list .tabs-list .tab-item img {
    margin-right: 15px;
    margin-top: -4px;
}

.tabs-group-wrapper .tab-content-form .tabs-top-list .tabs-list .title {
    display: inline-flex;
    align-items: center;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #9f9f9f;
    font-family: OpenSans;
}

.tabs-group-wrapper .tab-content-form .tabs-group-content .tab-info-content:not(.active) {
    display: none
}

.tabs-group-wrapper .tab-content-form .tabs-group-content .tab-info-content.ycbg {
    background-image: url("../images/tab-banner-ycbg.png");
    background-position: right top 10px;
    margin-right: 16px;
}

.tabs-group-wrapper .tab-content-form .tabs-group-content .tab-info-content.cctg {
    background-image: url("../images/tab-banner-cctg.png");
    background-position: right top 31px;
    margin-right: 31px;
}

.tabs-group-wrapper .tab-content-form .tabs-group-content form .fieldset.three-inp .label {
    padding-right: 10px
}

.tabs-group-wrapper .tab-content-form .tabs-group-content form .fieldset.three-inp .group-control {
    display: flex;
    width: calc(100% + 20px)
}

.tabs-group-wrapper .tab-content-form .tabs-group-content form .fieldset.three-inp .group-control .control {
    flex: 1;
    padding-right: 20px
}

.tabs-group-wrapper .tab-content-form .tabs-group-content form .fieldset.tinhgia .action-toolbar {
    margin-top: 0
}

.tabs-group-wrapper .tab-content-form .tabs-group-content form .fieldset.tinhgia .control .value {
    display: flex;
    align-items: center;
    width: 100%;
    height: 47px;
    margin-bottom: 0;
    padding: 7px 20px;
    background: #d2eaf9;
    color: #414040;
    border-radius: 10px
}

.tabs-group-wrapper .tab-content-form .tabs-group-content form .fieldset.tinhgia .control .value span {
    margin-left: 5px;
    font-weight: 600;
    font-size: 17px;
    color: #414040;
}

.tabs-group-wrapper .tab-content-form .tabs-group-content form .fieldset>.note-txt {
    padding: 0 10px;
    margin: 20px 0!important;
    line-height: 18px;
}

.tabs-group-wrapper .tab-content-form .tab-info-content {
    min-height: 437px;
    padding: 18px 33px 10px;
    background-repeat: no-repeat
}

.tabs-group-wrapper .tab-content-form form {
    width: 100%;
    max-width: 68rem
}

.tabs-group-wrapper .tab-content-form form .fieldset {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.tabs-group-wrapper .tab-content-form form .fieldset .fleld {
    -webkit-box-flex: 0;
    max-width: 50%;
    flex: 0 0 50%;
    padding-right: 20px;
    margin-bottom: 15px
}

.tabs-group-wrapper .tab-content-form form .fieldset .action-toolbar {
    float: left;
    width: 100%;
    margin-top: 23px;
}

.tabs-group-wrapper .tab-content-form form .fieldset .action-toolbar .btn-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 320px;
    height: 47px;
    font-family: "OpenSans";
    font-size: 17px;
    font-weight: 700;
    color: #ffd200;
    border-radius: 10px;
    background: #2457aa;
    font-weight: 600;
}

.tabs-group-wrapper .tab-content-form form .fieldset .action-toolbar .btn-submit img {
    margin-left: 15px
}

.tabs-group-wrapper .tab-content-form form .fieldset .action-toolbar .btn-submit:hover {
    background: #1f4c94
}

.tabs-group-wrapper .tab-content-form form .fieldset .note-txt {
    margin-bottom: 0;
    font-size: 13px;
    color: #d15644;
    font-style: italic;
    float: left;
    margin-top: 10px;
    font-weight: 500;
}

.tabs-group-wrapper .tab-content-form form .fieldset .label {
    color: #2457aa;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
}

.tabs-group-wrapper .tab-content-form form .fieldset input,
.tabs-group-wrapper .tab-content-form form .fieldset textarea {
    float: left;
    height: 37px;
    border-radius: 10px;
    background: #ffffff;
    font-style: italic;
    color: #333;
    font-family: Roboto;
    font-size: 13px;
}

.tabs-group-wrapper .tab-content-form form .fieldset textarea {
    height: 10.7rem;
    resize: none
}

.vertical-tabs-wrapper .content-info {
    display: flex;
    flex-wrap: wrap;
    padding-top: 50px;
    padding-bottom: 26px;
    width: 100%;
}

.vertical-tabs-wrapper .content-info .column-left {
    float: left;
    width: 257px;
}

.vertical-tabs-wrapper .content-info .column-left .detail-left {
    background: #0143ad url("../images/tab-vertical-background-1.png")no-repeat;
    border-radius: 10px;
    height: 455px;
    float: left;
    width: 257px;
    padding: 25px 17px;
}

.vertical-tabs-wrapper .content-info .column-left .detail-left .heading-title {
    margin-bottom: 34px
}

.vertical-tabs-wrapper .content-info .column-left .detail-left .heading-title .title {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    color: #f7f7f7;
    line-height: 24px;
    font-family: OpenSans;
}

.vertical-tabs-wrapper .content-info .column-left .detail-left .heading-title .title:after {
    content: "";
    display: block;
    width: 100%;
    max-width: 193px;
    height: 2px;
    margin-top: 7px;
    background: #ffd200
}

.vertical-tabs-wrapper .content-info .column-left .detail-left .list-item {
    padding: 0;
    margin: 0
}

.vertical-tabs-wrapper .content-info .column-left .detail-left .list-item .item {
    line-height: 1.8571428571
}

.vertical-tabs-wrapper .content-info .column-left .detail-left .list-item .item.active a {
    font-weight: 500;
    color: #ffd200;
    font-size: 15px;
}
.list-item-tabs
{
    padding-left: 1px;
}
.vertical-tabs-wrapper .content-info .column-left .detail-left .list-item .item:hover a
{
    color: #ffd200;
}
.detail-left:before
{
    background: url(../images/ic3.png)no-repeat right 33px;
    width: 10px;
    height: 85px;
    float: right;
    content: '';
    position: relative;
    right: -27px;
}
.vertical-tabs-wrapper .content-info .column-left .detail-left .list-item a {
    color: #f7f7f7;
    font-size: 14px;
    font-weight: 300;
    transition: 0s;
}

.vertical-tabs-wrapper .content-info .column-right {
    -webkit-box-flex: 0;
    max-width: calc(100% - 257px);
    flex: 0 0 calc(100% - 257px);
    padding-left: 34px;
}

.vertical-tabs-wrapper .content-info .column-right .detail-right {
    display: flex;
    flex-wrap: wrap;
}

.vertical-tabs-wrapper .content-info .column-right .detail-right .item {
    float: left;
    width: 212px;
    height: 216px;
    margin-right: 8px;
    margin-bottom: 24px;
}
.vertical-tabs-wrapper .content-info .column-right .detail-right .item:nth-child(4n)
{
    margin-right: 0;
}
.vertical-tabs-wrapper .content-info .column-right .detail-right .item-wrapper {
    height: 100%;
    padding: 8px;
    background: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    float: left;
    width: 100%;
}
.detail-right .group
{
    display: none;
}
.detail-right .group.active
{
    display: block;
}
.vertical-tabs-wrapper .content-info .column-right .detail-right .item-image {
    float: left;
    width:100%;
    height: 99px;
    border-radius: 10px;
    overflow: hidden;
}
.item-image a
{
    float: left;
}
.vertical-tabs-wrapper .content-info .column-right .detail-right .item-content .title {
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 600;
}

.vertical-tabs-wrapper .content-info .column-right .detail-right .item-content .title a {
    color: #2457aa;
    padding-top: 12px;
    float: left;
    padding-bottom: 16px;
}

.vertical-tabs-wrapper .content-info .column-right .detail-right .item-content .title a:hover {
    color: #ffd200
}

.vertical-tabs-wrapper .content-info .column-right .detail-right .item-content .desc {
    margin-bottom: 0;
    line-height: 16px;
    color: #414040;
    float: left;
    width: 100%;
    font-size: 14px;
    letter-spacing: -0.1px;
}

.procedure-wrapper {
    margin-bottom: 50px;
    background-image: url("../images/step-bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 446px;
}

.procedure-wrapper .heading-title {
    max-width: 577px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #e7e7e7;
    text-align: center;
    padding-top: 28px;
}

.procedure-wrapper .heading-title .title {
    display: inline-block;
    margin-bottom: -1px;
    padding: 0 20px 14px;
    font-size: 18px;
    color: #fff;
    border-bottom: 3px solid #ffd200;
    font-family: OpenSans;
    font-weight: 600;
}

.procedure-wrapper .step-content-wrapper {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    top: 50px;
}

.procedure-wrapper .step-content-wrapper:before {
    content: "";
    display: block;
    width: 100%;
    height: 158px;
    background-image: url("../images/step-line.png");
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    right: 0;
    bottom: -1px;
    left: -13px
}

.procedure-wrapper .step-content-wrapper .text {
    position: absolute;
    top: -85px;
    left: 0
}

.procedure-wrapper .step-content-wrapper .item {
    display: inline-flex;
    flex-wrap: wrap;
    text-align: center;
    height: 270px
}

.procedure-wrapper .step-content-wrapper .item-info-wrapper {
    display: block;
    width: 100%
}

.procedure-wrapper .step-content-wrapper .item.step-1 {
    -webkit-box-flex: 0;
    max-width: 150px;
    flex: 0 0 150px;
    justify-content: flex-start;
    margin-right: 40px
}

.procedure-wrapper .step-content-wrapper .item.step-1 .item-image {
    height: 119px;
    float: left;
    margin-left: 14px;
}

.procedure-wrapper .step-content-wrapper .item.step-2 {
    -webkit-box-flex: 0;
    max-width: 220px;
    flex: 0 0 220px;
    margin-right: 56px;
    padding-top: 44px;
}

.procedure-wrapper .step-content-wrapper .item.step-2 .item-image {
    height: 120px;
    margin-top: 3px;
    position: relative;
    top: 3px
}

.procedure-wrapper .step-content-wrapper .item.step-3 {
    -webkit-box-flex: 0;
    max-width: 230px;
    flex: 0 0 230px;
    margin-right: 12px
}

.procedure-wrapper .step-content-wrapper .item.step-3 .item-image {
    height: 126px;
    margin-bottom: -7px;
    position: relative;
    top: -7px;
}

.procedure-wrapper .step-content-wrapper .item.step-4 {
    -webkit-box-flex: 0;
    max-width: 232px;
    flex: 0 0 232px;
    padding-top: 30px;
}

.procedure-wrapper .step-content-wrapper .item.step-4 .item-image {
    height: 134px;
    position: relative;
    top: 4px
}

.procedure-wrapper .step-content-wrapper .item.step-5 {
    flex: 1
}

.procedure-wrapper .step-content-wrapper .item.step-5 .item-image {
    height: 118px;
}

.procedure-wrapper .step-content-wrapper .item .item-image {
    position: relative;
    line-height: 1
}

.procedure-wrapper .step-content-wrapper .item .item-content {
    line-height: 18px;
    margin-bottom: 10px;
}

.procedure-wrapper .step-content-wrapper .item .item-content .step-title {
    margin-bottom: 8px;
    color: #ffd200;
    font-weight: 500
}

.procedure-wrapper .step-content-wrapper .item .item-content .desc {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 16px;
    color: #fff
}

.mailchimp-blogs-wrapper {
    margin-bottom: 40px
}

.mailchimp-blogs-wrapper .mailchimp-wrapper {
    height: 192px;
    background: #3f535e;
    background-image: url(../images/mailchimp-bg.png);
    background-repeat: no-repeat;
    background-position: 218px -39px;
    border-radius: 5px;
    float: left;
    width: 567px;
    padding: 24px 27px;
}

.mailchimp-blogs-wrapper .mailchimp-wrapper form {
    width: 100%;
    max-width: 21rem
}
.mailchimp-form .fieldset
{
    width:196px;
}
.mailchimp-blogs-wrapper .mailchimp-wrapper .heading-title .title {
    display: inline-block;
    padding-bottom: 6px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    border-bottom: 2px solid #ffd200;
    width: 196px;
    font-family: OpenSans;
    margin-bottom: 12px;
}
#blogs-wrapper
{
    margin-left: -4px!important;
    margin-right: 4px;
}
.mailchimp-blogs-wrapper .mailchimp-wrapper .heading-title .desc {
    font-size: 12px;
    line-height: 16px;
    color: #e7e7e7;
    font-weight: 300;
}
.mailchimp-blogs-wrapper .mailchimp-wrapper .heading-title .desc strong
{
    font-weight: 500!important;
}
.mailchimp-blogs-wrapper .mailchimp-wrapper .control {
    position: relative
}

.mailchimp-blogs-wrapper .mailchimp-wrapper .control input {
    height: 37px;
    padding: 3px 35px 3px 10px;
    background: none;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #fff
}

.mailchimp-blogs-wrapper .mailchimp-wrapper .control input::-webkit-input-placeholder {
    color: #9f9f9f
}

.mailchimp-blogs-wrapper .mailchimp-wrapper .control input::-moz-placeholder {
    color: #9f9f9f
}

.mailchimp-blogs-wrapper .mailchimp-wrapper .control input:-ms-input-placeholder {
    color: #9f9f9f
}

.mailchimp-blogs-wrapper .mailchimp-wrapper .control input:-moz-placeholder {
    color: #9f9f9f
}

.mailchimp-blogs-wrapper .mailchimp-wrapper .control .mailchimp-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.mailchimp-blogs-wrapper .blogs-wrapper .heading-title {
    margin-bottom: 15px;
    border-bottom: 1px solid #e7e7e7;
    position: relative
}

.mailchimp-blogs-wrapper .blogs-wrapper .heading-title .title {
    display: inline-block;
    padding-bottom: 13px;
    margin-bottom: -1px;
    line-height: 1;
    border-bottom: 3px solid #ffd200;
    font-size: 18px;
    font-family: OpenSans;
}

.mailchimp-blogs-wrapper .blogs-wrapper .heading-title .mys-slick-arrow {
    display: flex;
    position: absolute;
    right: 0;
    top: 0
}

.mailchimp-blogs-wrapper .blogs-wrapper .heading-title .mys-slick-arrow .slick-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 19px;
    font-size: 26px;
    color: #2b63bd;
    line-height: 1;
    cursor: pointer;
    font-weight: bold;
    margin-left: 1px;
    margin-top: 2px;
}

.mailchimp-blogs-wrapper .blogs-wrapper .content-wrapper .item {
    display: flex;
    flex-wrap: wrap
}

.mailchimp-blogs-wrapper .blogs-wrapper .content-wrapper .item-image {
    overflow: hidden;
    border-radius: 5px;
    float: left;
    width: 262px;
    height: 142px;
}
.mailchimp-blogs-wrapper .blogs-wrapper .content-wrapper .item-image img
{
    float: left;
    width: 100%;
    height: 142px;
    object-fit: inherit;
}
.mailchimp-blogs-wrapper .blogs-wrapper .content-wrapper .item-content {
    flex: 1;
    padding-left: 1rem
}

.mailchimp-blogs-wrapper .blogs-wrapper .content-wrapper .item-content .title a{
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    color: #2457aa;
    float: left;
    width: 100%;
    margin-top: 5px;
}

.mailchimp-blogs-wrapper .blogs-wrapper .content-wrapper .item-content .time {
    font-size: 12px;
    color: #ffd200;
    line-height: 1;
    font-weight: 400;
}
.step-content-wrapper .item-content
{
    float: left;
    padding-top: 20px;
}
.mailchimp-blogs-wrapper .blogs-wrapper .content-wrapper .item-content .desc {
    line-height: 16px;
    font-size: 14px;
    color: #9f9f9f;
    margin-top: 5px;
}

.register-wrapper {
    margin-bottom: 5rem
}
.banner-slider-list img
{
    width: 100%;
}
.list-main-menu li
{
    float: left;
    padding-right: 35px;
}
/** Css moi cua Kha */
register-wrapper .tab-content-form .tab-info-content {
    min-height: auto;
    padding-bottom: 50px;
    background-image: url("..../images/register.png");
    background-position: top 11px right 21px
}

.register-wrapper .tab-content-form .tab-info-content .fieldset .label {
    margin-bottom: 4px
}

.register-wrapper .tab-content-form .tab-info-content .fieldset .control.capcha {
    display: flex
}

.register-wrapper .tab-content-form .tab-info-content .fieldset .control.capcha input {
    flex: 1
}

.register-wrapper .tab-content-form .tab-info-content .fieldset .control.capcha input:first-child {
    margin-right: 20px
}

.register-wrapper .tab-content-form .tab-info-content .fieldset .caption-title input[type=checkbox]+label:before {
    content: "?";
    color: transparent
}

.register-wrapper .tab-content-form .tab-info-content .fieldset .caption-title input[type=checkbox]:checked+label:before {
    color: #414040
}

.register-wrapper .tab-content-form .tab-info-content .fieldset .caption-title .label {
    margin-bottom: 0;
    font-size: 1.3rem;
    color: #9f9f9f;
    font-weight: normal;
    white-space: nowrap;
    letter-spacing: -0.26px
}

.register-wrapper .tab-content-form .tab-info-content .fieldset .action-toolbar {
    margin-top: 7px
}

.archive-wrapper {
    margin-bottom: 5rem
}

.archive-wrapper .content-first {
    margin-bottom: 50px
}

.archive-wrapper .grid-content-wrapper {
    display: flex;
    flex-wrap: wrap
}

.archive-wrapper .grid-content-wrapper .mys-list-item {
    -webkit-box-flex: 0;
    max-width: 774px;
    flex: 0 0 774px;
    width: 100%;
    margin-right: 3.7rem
}

.archive-wrapper .grid-content-wrapper .main-sidebar {
    flex: 1
}

.archive-wrapper .grid-content-wrapper .column {
    margin-bottom: 3rem
}

.archive-wrapper .post {
    position: relative;
    overflow: hidden
}

.archive-wrapper .post.post-first .post-image {
    margin-bottom: 0
}

.archive-wrapper .post.post-first .post-content {
    width: 512px;
    padding: 13px 22px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    position: absolute;
    right: 22px;
    bottom: 20px;
}

.archive-wrapper .post.post-first .post-content .post-title {
    margin-bottom: 10px;
    font-size: 16px;
    color: #414040;
    font-weight: 600;
}

.archive-wrapper .post.post-first .post-content .post-desc {
    margin-bottom: 0;
    color: #414040;
    line-height: 18px;
    font-size: 14px;
}

.archive-wrapper .post.post-first .post-content .post-action .post-more {
    color: #414040
}

.archive-wrapper .post-image {
    margin-bottom: 1.5rem;
    overflow: hidden;
    border-radius: 10px
}

.archive-wrapper .post-image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.archive-wrapper .post-content .post-title {
    margin-bottom: 0.8rem;
    font-size: 14.5px;
    line-height: 20px;
    color: #2457aa;
    letter-spacing: -0.1px;
}

.archive-wrapper .post-content .post-desc {
    margin-bottom: 1.5rem;
    color: #9f9f9f;
    line-height: 18px
}

.archive-wrapper .post-content .post-desc p {
    margin-bottom: 0
}

.archive-wrapper .post-content .post-action {
    display: flex
}

.archive-wrapper .post-content .post-action .post-date {
    margin-right: auto;
    font-weight: 400;
    color: #ffd200;
    font-size: 12px;
    padding-top: 2px;
}

.archive-wrapper .post-content .post-action .post-more {
    font-weight: 600;
    color: #414040;
    position: relative;
    font-size: 13px;
    padding-right: 1px;
}

.archive-wrapper .post-content .post-action .post-more:after {
    content: "";
    display: inline-flex;
    line-height: 1;
    font-size: 14px;
    color: #ffd200;
    font-family: "Font Awesome 5 Pro";
    transform: rotate(90deg);
    position: relative;
    top: 1px;
}

.main-sidebar article:not(:last-child) {
    margin-bottom: 4rem
}

.main-sidebar .heading-title {
    margin-bottom: 20px;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
}

.main-sidebar .heading-title:before {
    content: "";
    display: block;
    max-width: 21.2rem;
    width: 62%;
    height: 3px;
    background: #ffd200;
    position: absolute;
    bottom: -1px;
    left: 0
}

.main-sidebar .heading-title .title {
    display: inline-block;
    font-size: 1.8rem;
    margin-bottom: 0;
}

.main-sidebar .category-blogs .list-item {
    padding: 0;
    margin: 0
}

.main-sidebar .category-blogs .list-item .item {
    width: calc(100% - 25px);
    position: relative;
    line-height: 1;
    border-bottom: 1px dotted #414040
}

.main-sidebar .category-blogs .list-item .item:not(:last-child) {
    margin-bottom: 12px
}

.main-sidebar .category-blogs .list-item .item a {
    display: inline-block;
    padding-right: 5px;
    background: #fff;
    color: #414040;
    position: relative;
    line-height: 1;
    top: 4px;
    font-size: 14px;
}

.main-sidebar .category-blogs .list-item .item a:hover {
    font-weight: 600;
    color: #1f4c94
}

.main-sidebar .category-blogs .list-item .item .count {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    font-size: 11px;
    line-height: 1;
    font-family: "Roboto";
    font-weight: 500;
    color: #fff;
    background: #2457aa;
    border-radius: 2px;
    position: absolute;
    right: -25px;
    bottom: -2px
}

.main-sidebar .related-post .list-item .item {
    display: flex
}

.main-sidebar .related-post .list-item .item:not(:last-child) {
    margin-bottom: 2.2rem
}

.main-sidebar .related-post .list-item .item-image {
    -webkit-box-flex: 0;
    max-width: 140px;
    flex: 0 0 140px;
    margin-right: 1rem;
    position: relative
}

.main-sidebar .related-post .list-item .item-image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 10px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.single-entry-content a
{
	color: #2457aa;
}
.main-sidebar .related-post .list-item .item-content {
    flex: 1
}

.main-sidebar .related-post .list-item .item-content .title a span {
    margin-bottom: 0;
    line-height: 1.3;
    font-family: "Roboto";
    font-size: 14px;
    color: #2457aa
}

.main-sidebar .related-post .list-item .item-content .post-more {
    font-weight: 600;
    color: #414040;
    position: relative;
    font-size: 13px;
    padding-right: 1px;
}

.main-sidebar .related-post .list-item .item-content .post-more:after {
    content: "";
    display: inline-flex;
    line-height: 1;
    font-size: 14px;
    color: #ffd200;
    font-family: "Font Awesome 5 Pro";
    transform: rotate(90deg);
    position: relative;
    top: 1px;
}

.paging-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem
}

.paging-navigation .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-box-flex: 0;
    height: 40px;
    font-size: 18px;
    font-weight: 600;
    color: #2457aa;
    background: #f7f7f7;
    border: 1px solid #ffd200;
    border-radius: 50%;
    width: 40px;
}

.paging-navigation .page-numbers:hover {
    border-color: #2457aa
}

.paging-navigation .page-numbers:not(:last-child) {
    margin-right: 1.5rem
}

.paging-navigation .page-numbers.current {
    border-color: #2457aa
}

.paging-navigation .page-numbers.prev {
    transform: rotate(180deg)
}

.single-wrapper {
    margin-bottom: 50px
}

.single-wrapper .detail-content-wrapper {
    display: flex;
    flex-wrap: wrap
}

.single-wrapper .detail-content-wrapper .content-detail-inner {
    -webkit-box-flex: 0;
    max-width: 775px;
    flex: 0 0 775px;
    width: 100%;
    margin-right: 3.7rem
}

.single-wrapper .detail-content-wrapper .main-sidebar {
    flex: 1
}

.single-wrapper .detail-content-wrapper .single-first-content {
    display: block;
    width: 100%;
    margin-bottom: 3rem;
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.single-wrapper .detail-content-wrapper .single-first-content .single-content {
    padding: 20px 23px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    position: absolute;
    right: 20px;
    bottom: 24px;
    left: 20px;
}

.single-wrapper .detail-content-wrapper .single-first-content .single-content .title {
    margin-bottom: 10px;
    font-size: 18px;
    color: #414040;
}

.single-wrapper .detail-content-wrapper .single-first-content .single-content .desc {
    margin-bottom: 12px;
    line-height: 1.3;
    color: #414040;
    font-weight: 500;
}

.single-wrapper .detail-content-wrapper .single-first-content .single-content .desc p {
    margin-bottom: 0
}
.single-date-time
{
    font-size: 13px;
    color: #414040;
    font-weight: 500;
    background: url(../images/ic_time.png)no-repeat;
    padding-left: 19px;
}
.single-wrapper .detail-content-wrapper .single-first-content .single-content .action-bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    line-height: 1
}

.single-wrapper .detail-content-wrapper .single-first-content .single-content .action-bottom .single-share {
    padding-top: 2px;
    margin-left: 15px;
}

.single-wrapper .detail-content-wrapper .single-first-content .single-content .action-bottom .single-share>a {
    display: inline-flex
}

.single-wrapper .detail-content-wrapper .single-first-content .single-content .action-bottom .single-share>a.share-gg {
	margin-left: 5px;
}

.single-wrapper .detail-content-wrapper .single-entry-content {
    margin-bottom: 4rem;
    color: #414040;
    line-height: 1.5
}

.single-wrapper .detail-content-wrapper .single-entry-content p {
    margin-bottom: 1.2rem
}

.single-wrapper .detail-content-wrapper .single-related-post {
    background: #333333 url(../images/ic_detail.png)no-repeat;
    background-position: 20px 20px;
    border-radius: 10px;
    padding: 30px 20px 20px 20px;
}

.single-wrapper .detail-content-wrapper .single-related-post .heading-title {
    position: relative;
    padding-right: 4.5rem;
    margin-bottom: 2rem;
}

.single-wrapper .detail-content-wrapper .single-related-post .heading-title .title {
    margin-left: 23px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    color: #ffd200;
    font-family: OpenSans;
}

.single-wrapper .detail-content-wrapper .single-related-post .heading-title .mys-slick-arrow {
    display: flex;
    position: absolute;
    top: 1px;
    right: 0
}

.single-wrapper .detail-content-wrapper .single-related-post .heading-title .mys-slick-arrow .slick-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 25px;
    color: #fff;
    line-height: 1;
    cursor: pointer;
}

.single-wrapper .detail-content-wrapper .single-related-post .related-list-wrapper .item {
    display: flex
}

.single-wrapper .detail-content-wrapper .single-related-post .related-list-wrapper .item-image {
    -webkit-box-flex: 0;
    max-width: 140px;
    flex: 0 0 140px;
    height: 9rem;
    margin-right: 1rem;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover
}

.single-wrapper .detail-content-wrapper .single-related-post .related-list-wrapper .item-content .title {
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    padding-top: 2px;
}

.single-wrapper .detail-content-wrapper .single-related-post .related-list-wrapper .item-content .title a {
    color: #fff
}

.single-wrapper .detail-content-wrapper .single-related-post .related-list-wrapper .item-content .post-more {
    color: #fff;
    position: relative;
    font-size: 13px;
}

.single-wrapper .detail-content-wrapper .single-related-post .related-list-wrapper .item-content .post-more:after {
    content: "";
    display: inline-flex;
    line-height: 1;
    font-size: 13px;
    color: #ffd200;
    font-family: "Font Awesome 5 Pro";
    transform: rotate(90deg);
    position: relative;
    top: 1px;
    font-weight: 600;
}
.logo-footer img
{
    width: 220px;
}
@charset "UTF-8";@media (max-width:1199px){.container{max-width:1195px;padding-left:15px;padding-right:15px}.header-top .main-header{align-items:center;margin-left:-15px;margin-right:-15px}.header-top .main-header>div{float:none;height:auto;margin:0;padding:0 15px}.header-top .logo{flex:0 0 25%;max-width:25%;height:auto}.header-top .header-banner{flex:0 0 50%;max-width:50%}.header-top .header-contact-price{display:flex;justify-content:flex-end;flex:0 0 25%;max-width:25%}.header-bottom .service-header{width:auto;margin-right:17px}.header-bottom .main-menu{background:none}.header-bottom .main-menu .list-main-menu{padding-left:0}.header-bottom .main-menu .list-main-menu .item{padding-right:15px}.header-bottom .main-menu .list-main-menu .item:last-child{padding-right:0}.header-bottom .main-menu .list-main-menu .item.has-submenu{padding-right:25px}.header-bottom .group-item-header{padding-left:19px;background:none}.header-bottom .group-item-header>div+div{padding-left:15px}.header-bottom .group-item-header .check-order-wrapper,.header-bottom .group-item-header .login-content-form{margin-top:10px}.header-bottom .group-item-header>div:hover .check-order-wrapper,.header-bottom .group-item-header>div:hover .login-content-form{margin-top:10px}.introduce-wrapper{margin-bottom:30px}.introduce-wrapper .introduce-info .content-group{flex:0 0 calc(100% - 40px);max-width:calc(100% - 40px);margin-top:-82px;top:0}.introduce-wrapper .introduce-info .content-group .column{margin-bottom:20px}.introduce-wrapper .introduce-info .content-group .item-top{padding-right:0;padding-left:55px}.introduce-wrapper .introduce-info .content-group .item-top .image{right:auto;left:0;top:0}.introduce-wrapper .introduce-info .introduce-banner{display:none}.service-wrapper .column{flex:0 0 50%;max-width:50%;margin:0 auto 30px}.service-wrapper .column .item{position:relative;overflow:hidden}.service-wrapper .column .item:before{content:"";background:rgba(0,0,0,0.35);position:absolute;top:0;right:0;bottom:0;left:0}.service-wrapper .column .item .content{position:relative;z-index:1}.service-wrapper .column .item .content .caption{font-size:14px;font-weight:500;color:#ffffff}.tabs-group-wrapper .tab-content-form .tabs-top-list{background:rgba(0,0,0,0.06)}.tabs-group-wrapper .tab-content-form .tabs-group-content{height:auto}.tabs-group-wrapper .tab-content-form .tabs-group-content .tab-info-content.ycbg{margin-right:0;background-position:right 16px top 10px}.tabs-group-wrapper .tab-content-form .tab-info-content{min-height:auto;background-color:#f7f7f7}.vertical-tabs-wrapper .content-info .column-right .detail-right .group{margin-left:-4px;margin-right:-4px}.vertical-tabs-wrapper .content-info .column-right .detail-right .item{width:25%;margin-right:0;padding-left:4px;padding-right:4px}.procedure-wrapper .step-content-wrapper{margin-left:-10px;margin-right:-10px}.procedure-wrapper .step-content-wrapper:before{height:3px;margin:auto;background-image:none;background-color:#ffffff;bottom:auto;top:113px;left:3px;max-width:80%}.procedure-wrapper .step-content-wrapper .item.step-1,.procedure-wrapper .step-content-wrapper .item.step-2,.procedure-wrapper .step-content-wrapper .item.step-3,.procedure-wrapper .step-content-wrapper .item.step-4,.procedure-wrapper .step-content-wrapper .item.step-5{-webkit-box-flex:0;max-width:20%;flex:0 0 20%;margin:0;padding:0 10px;height:auto}.procedure-wrapper .step-content-wrapper .item.step-2 .item-image{top:-1px;margin-top:0}.procedure-wrapper .step-content-wrapper .item.step-4 .item-image{margin-top:-15px;top:0}.procedure-wrapper .step-content-wrapper .item .item-info-wrapper{display:inline-flex;flex-wrap:wrap}.procedure-wrapper .step-content-wrapper .item .item-info-wrapper .item-image{order:1;margin-left:0;-webkit-box-flex:0;max-width:100%;flex:0 0 100%}.procedure-wrapper .step-content-wrapper .item .item-info-wrapper .item-content{order:2;-webkit-box-flex:0;max-width:100%;flex:0 0 100%;min-height:130px}.procedure-wrapper .step-content-wrapper .item .item-info-wrapper .item-content .desc br{display:none}.mailchimp-blogs-wrapper .mailchimp-wrapper{float:none;width:auto;height:auto;background-position:bottom -7px right -3px}.mailchimp-blogs-wrapper .blogs-wrapper{margin-left:0!important;margin-right:0!important}.mailchimp-blogs-wrapper .blogs-wrapper .heading-title .mys-slick-arrow .slick-arrow:focus{outline:none}.mailchimp-blogs-wrapper .blogs-wrapper .content-wrapper{margin-left:-15px;margin-right:-15px}.mailchimp-blogs-wrapper .blogs-wrapper .content-wrapper .column{padding-left:15px;padding-right:15px}.mailchimp-blogs-wrapper .blogs-wrapper .content-wrapper .item-content .title{line-height:1.4}.fb_dialog{transform:scale(0.65)}.archive-wrapper .grid-content-wrapper{margin-left:-15px;margin-right:-15px}.archive-wrapper .grid-content-wrapper .main-sidebar,.archive-wrapper .grid-content-wrapper .mys-list-item{padding-left:15px;padding-right:15px}.archive-wrapper .grid-content-wrapper .mys-list-item{flex:0 0 66.66667%;max-width:66.66667%;margin-right:0}.archive-wrapper .grid-content-wrapper .main-sidebar{flex:0 0 33.33333%;max-width:33.33333%}.single-wrapper .detail-content-wrapper{margin-left:-15px;margin-right:-15px}.single-wrapper .detail-content-wrapper .content-detail-inner,.single-wrapper .detail-content-wrapper .main-sidebar{padding-left:15px;padding-right:15px}.single-wrapper .detail-content-wrapper .content-detail-inner{flex:0 0 66.66667%;max-width:66.66667%;margin-right:0}.single-wrapper .detail-content-wrapper .main-sidebar{flex:0 0 33.33333%;max-width:33.33333%}}@media (max-width:991px){.header-top .main-header .logo{flex:0 0 30%;max-width:30%}.header-top .main-header .header-contact-price{display:flex;justify-content:flex-end;flex:0 0 70%;max-width:70%}.header-top .main-header .header-banner{display:none}.header-bottom{height:auto;padding:10px 0}.header-bottom .main-header{align-items:center;justify-content:flex-end}.header-bottom .button-menu{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:auto;background:#2b63bd;border-radius:4px;font-size:18px;line-height:1;color:#ffffff}.header-bottom .group-item-header,.header-bottom .service-header{padding-top:0;height:auto}.header-bottom .group-item-header{display:inline-flex;float:none;order:2;padding-left:0}.header-bottom .group-item-header>div+div{padding-left:20px}.header-bottom .group-item-header>div .content{height:auto}.header-bottom .service-header{margin-left:20px;margin-right:0;order:3;position:unset}.header-bottom .service-header .toggle-button{margin-right:0}.header-bottom .service-header .content-right{display:none}.header-bottom .service-header .mys-menu.service-menu{display:none;min-width:auto;width:100%;margin-top:10px!important;padding:0 15px;opacity:1;visibility:visible;transition:none}.header-bottom .service-header .mys-menu.service-menu .item{height:auto;width:100%}.header-bottom .service-header .mys-menu.service-menu .item.has-submenu a:before{transition:all 0.3s}.header-bottom .service-header .mys-menu.service-menu .item.has-submenu.active a:before{transform:rotate(90deg)}.header-bottom .service-header .mys-menu.service-menu .item .submenu-item{display:none;min-width:auto;width:100%;left:auto;position:unset;opacity:1;visibility:visible;transition:none}.header-bottom .service-header .mys-menu.service-menu .item .submenu-item:after{display:none}.header-bottom .main-menu{width:300px;padding:40px 20px;position:fixed;top:0;bottom:0;left:-340px;z-index:1111;background:#ffffff;box-shadow:0 3px 5px rgba(0,0,0,0.2);transition:all 0.4s ease}.header-bottom .main-menu .list-main-menu{float:none;padding:0}.header-bottom .main-menu .list-main-menu .item>a{float:none;color:#888}.header-bottom .main-menu .mys-menu .item{display:block;width:100%;padding:5px 0;margin:0;float:none;height:auto}.header-bottom .main-menu .mys-menu .item:not(:last-child){border-bottom:1px solid #2b69cc}.header-bottom .main-menu .mys-menu .item:before{display:none}.header-bottom .main-menu .mys-menu .item.has-submenu.active:before{transform:rotate(90deg)}.header-bottom .main-menu .mys-menu .item.has-submenu:before{content:"";display:inline-flex;align-items:center;justify-content:center;height:25px;width:25px;font-family:"Font Awesome 5 Pro";font-size:13px;color:#000000;position:absolute;top:5px;right:0;left:auto;transition:all 0.3s ease 0s}.header-bottom .main-menu .mys-menu .item .submenu-item{display:none;max-width:none;margin:0;margin-top:5px!important;padding-left:15px;opacity:1;visibility:visible;position:unset;background:none;transition:none}.show-menu .header-bottom .main-menu{left:0}.show-menu .button-menu:before{content:"";background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;right:0;bottom:0;z-index:11}.vertical-tabs-wrapper .content-info{flex-wrap:wrap}.vertical-tabs-wrapper .content-info .column-left,.vertical-tabs-wrapper .content-info .column-right{flex:0 0 100%;max-width:100%;float:none}.vertical-tabs-wrapper .content-info .column-left .detail-left{float:none;width:100%;height:auto;background-size:cover;background-position:center}.vertical-tabs-wrapper .content-info .column-left .detail-left:before{display:none}.vertical-tabs-wrapper .content-info .column-left .detail-left .list-item{margin-left:-10px;margin-right:-10px}.vertical-tabs-wrapper .content-info .column-left .detail-left .list-item .item{display:inline-block;padding-left:10px;padding-right:10px}.vertical-tabs-wrapper .content-info .column-right{padding-left:0;margin-top:20px}.mailchimp-blogs-wrapper .col-md-6{flex:0 0 100%;max-width:100%}.mailchimp-blogs-wrapper .mailchimp-wrapper{margin-bottom:30px}.mailchimp-blogs-wrapper .mailchimp-wrapper .fieldset{width:100%}.mailchimp-blogs-wrapper .mailchimp-wrapper .fieldset .heading-title{margin-bottom:15px}.mailchimp-blogs-wrapper .mailchimp-wrapper form{max-width:50%}.mailchimp-blogs-wrapper .blogs-wrapper .content-wrapper .item-image{float:none;width:100%;height:auto;margin-bottom:10px}.mailchimp-blogs-wrapper .blogs-wrapper .content-wrapper .item-content{padding:0}.footer .main-footer .column{margin-bottom:30px}.footer .main-footer .column-center,.footer .main-footer .column-left,.footer .main-footer .column-right{flex:0 0 50%;max-width:50%}.footer .main-footer .column-right{margin-left:0}.archive-wrapper .post.post-first .post-image .xmedia{padding-bottom:269px!important}.archive-wrapper .post.post-first .post-image img{object-fit:none;width:100%;height:100%}.archive-wrapper .grid-content-wrapper{margin-left:-15px;margin-right:-15px}.archive-wrapper .grid-content-wrapper .main-sidebar,.archive-wrapper .grid-content-wrapper .mys-list-item{flex:0 0 100%;max-width:100%}.archive-wrapper .grid-content-wrapper .mys-list-item{margin-bottom:30px}.single-wrapper .detail-content-wrapper .single-first-content .single-image img{width:100%;min-height:269px}.single-wrapper .detail-content-wrapper .content-detail-inner,.single-wrapper .detail-content-wrapper .main-sidebar{flex:0 0 100%;max-width:100%}.single-wrapper .detail-content-wrapper .content-detail-inner{margin-bottom:40px}.single-wrapper .detail-content-wrapper .content-detail-inner .single-entry-content table{width:100%!important}}@media (max-width:767px){.header-top .main-header .header-contact-price .icon{display:none}.banner-slider-list img{min-height:200px;height:52.173913043vw}.service-wrapper .column{flex:0 0 100%;max-width:575px}.service-wrapper .column .item-1{background-position:right}.tabs-group-wrapper .tab-content-form .tabs-top-list{min-height:61px;height:auto}.tabs-group-wrapper .tab-content-form .tabs-top-list .tabs-list{flex-wrap:wrap}.tabs-group-wrapper .tab-content-form .tabs-top-list .tabs-list .tab-item{width:50%;height:auto;padding:5px 20px;display:inline-flex;align-items:center;border:none}.tabs-group-wrapper .tab-content-form .tabs-top-list .tabs-list .tab-item:first-child{margin-top:0}.tabs-group-wrapper .tab-content-form .tabs-top-list .tabs-list .title{font-size:16px}.tabs-group-wrapper .tab-content-form .tabs-group-content .tab-info-content.ycbg .fieldset:last-child{position:relative;padding-bottom:60px}.tabs-group-wrapper .tab-content-form .tabs-group-content .tab-info-content.ycbg .fieldset:last-child .fleld .action-toolbar{position:absolute;bottom:15px;left:0}.tabs-group-wrapper .tab-content-form .tabs-group-content form .fieldset.three-inp .group-control{width:100%;flex-wrap:wrap}.tabs-group-wrapper .tab-content-form .tabs-group-content form .fieldset.three-inp .group-control .control{flex:0 0 100%;max-width:100%;width:100%;padding-right:0}.tabs-group-wrapper .tab-content-form .tabs-group-content form .fieldset.three-inp .group-control .control:not(:last-child){margin-bottom:10px}.tabs-group-wrapper .tab-content-form .tabs-group-content form .fieldset .fleld{-webkit-box-flex:0;max-width:100%;flex:0 0 100%;padding-right:0}.vertical-tabs-wrapper .content-info .column-right .detail-right .group{margin-left:-4px;margin-right:-4px}.vertical-tabs-wrapper .content-info .column-right .detail-right .item{width:33.3333%;margin-right:0;padding-left:4px;padding-right:4px}.procedure-wrapper{height:auto}.procedure-wrapper .step-content-wrapper{margin:0;padding:30px 0;top:0}.procedure-wrapper .step-content-wrapper:before{width:3px;height:100%;max-height:90%;top:5px;bottom:0;left:48px;right:auto}.procedure-wrapper .step-content-wrapper .item.step-1,.procedure-wrapper .step-content-wrapper .item.step-2,.procedure-wrapper .step-content-wrapper .item.step-3,.procedure-wrapper .step-content-wrapper .item.step-4,.procedure-wrapper .step-content-wrapper .item.step-5{-webkit-box-flex:0;max-width:100%;flex:0 0 100%;padding:0}.procedure-wrapper .step-content-wrapper .item:not(.step-1) .item-image{left:6px}.procedure-wrapper .step-content-wrapper .item:not(:last-child){margin-bottom:20px}.procedure-wrapper .step-content-wrapper .item .item-info-wrapper{display:block;text-align:left}.procedure-wrapper .step-content-wrapper .item .item-info-wrapper .item-image{float:left;width:100px;height:auto;top:0;margin-top:0}.procedure-wrapper .step-content-wrapper .item .item-info-wrapper .item-image img{width:85%}.procedure-wrapper .step-content-wrapper .item .item-info-wrapper .item-content{float:right;width:calc(100% - 100px);min-height:auto;padding:0 0 0 10px;margin-bottom:0}.procedure-wrapper .step-content-wrapper .item .item-info-wrapper .item-content .desc{text-align:left}.footer .main-footer .column-left{flex:0 0 100%;max-width:100%}}@media (max-width:678px){.footer .main-footer .column-center,.footer .main-footer .column-left,.footer .main-footer .column-right{flex:0 0 100%;max-width:100%}}@media (max-width:575px){.header-top .main-header .logo{flex:0 0 40%;max-width:40%}.header-top .main-header .header-contact-price{flex:0 0 60%;max-width:60%}.header-bottom .header-item{position:unset}.header-bottom .check-order-wrapper,.header-bottom .login-content-form{width:calc(100% - 20px);left:0;margin:10px auto 0!important}.tabs-group-wrapper .imgh5{display:none}.tabs-group-wrapper .tab-content-form .tab-info-content{padding:20px 20px 10px}.tabs-group-wrapper .tab-content-form .tabs-top-list .tabs-list .tab-item{width:100%;justify-content:center}.introduce-wrapper .introduce-info .content-group{margin-top:-14.260869565vw}.vertical-tabs-wrapper .content-info .column-right .detail-right .group{margin-left:-4px;margin-right:-4px}.vertical-tabs-wrapper .content-info .column-right .detail-right .item{width:50%;margin-right:0;padding-left:4px;padding-right:4px}.archive-wrapper .post.post-first .post-content{width:auto;left:10px;right:10px}}@media (max-width:380px){.header-top .header-contact{display:none}.header-bottom .group-item-header>div .item-image{display:none}}
.slick-slide{
height: auto;}