.custom-date-box{
    width: 90%;
    height: 250px;
    top: 71%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    background: #d6d6d6a1;
    opacity: 0.2;
    border-radius: 10px;
    box-shadow: 0px -1px 5px -1px rgba(59,59,59,0.67);
    -webkit-box-shadow: 0px -1px 5px -1px rgba(59,59,59,0.67);
    -moz-box-shadow: 0px -1px 5px -1px rgba(59,59,59,0.67);
}
/* 
.custom-date div.ladi-element {
    position: relative !important;
} */

.hinh_trai_tim {
    position: relative;
}
.hinh_trai_tim:before,.hinh_trai_tim:after {
    content: "";
    width: 33px;
    height: 48px;
    position: absolute;
    background: #1E90FF;
    left: 33px;
    top: 0;
    border-radius: 50px 50px 0 0;
    transform: rotate(-45deg);
    transform-origin: 0 100%;
}
.hinh_trai_tim:after {
    left: 0;
    transform: rotate(45deg);
    transform-origin: 100% 100%;
}



.timdate{
    display: flex;
    position: absolute;
    left: 58%;
    transform: translate(-50%, -50%);
    top: 30px;
}
.timdate .ladi-element svg{
    height: 85px;
    width: 80px;
}
.timdate .ladi-element {
    position: relative !important;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-left: -42px;
}
#COUNTDOWN1{
    top:-5px !important;
}


#capdoiGROUP4{
    top: 770px;
    width: 100%;
    height: 150px;
}

#capdoiSHAPE15{
    width: 110px;
    height: 115px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -8%);
}

#capdoiSHAPE15 .ladi-shape{
    transform: rotate(-73deg);
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

#capdoiGROUP3{
    width: 200px;
    height: 79.5px;
    top: 65px;
    left: 50%;
    transform: translate(-50%, 0%);
    position: absolute;
}

#capdoiHEADLINE10{
    position: absolute;
    width: 200px;
}

#capdoiHEADLINE10 h3{
    font-family: "Dancing Script", cursive;
    font-size: 40px;
    line-height: 1.4;
    color: rgb(207, 73, 73);
    letter-spacing: 1px;
    text-align: center;
    width: 100%;
    display: inline-block;
    word-break: break-word;
    background-size: cover;
    background-position: center center;
    transition: all 150ms linear 0s;
}


#capdoiLINE1{
    position: absolute;

    width: 73px;
    top: 61.5px;
    left: 65px;
}

#capdoiLINE1 .ladi-line-container{
    border-top: 2px solid rgb(207, 73, 73);
}



#capdoiBOX3 {
    width: 420px;
    height: 1682px;
    top: 338.5px;
    left: 0px;
}



#capdoiGROUP4.ladi-animation > .ladi-group {
    animation-name: fadeInDown;
    animation-delay: 0s;
}

#capdoiPARAGRAPH2,#capdoiLINE2,#capdoiPARAGRAPH12,#capdoiPARAGRAPH13,#capdoiPARAGRAPH14 {
    width: 100%;
    padding: 0 5px;
}

#capdoiPARAGRAPH2 {
    font-size: 18px;
    margin: 30px 15px;
    line-height: 1.2;
    text-align: left;
    word-break: break-word;
    font-family: Calligraphy;
}

#capdoiLINE2 {
    top: 1042.7px;
    padding: 0 20px;
}

#capdoiLINE2 > .ladi-line > .ladi-line-container {
    border-top: 1px solid rgb(155, 151, 151);
    border-left: 0px !important;
}

#capdoiLINE2 > .ladi-line {
    width: 100%;
    padding: 8px 0px;
}


#capdoiHEADLINE11 {
    width: 100%;
    top: 705.703px;
    right: 18px;
}
#capdoiHEADLINE11 h3{
    animation-name: fadeInLeft;
    animation-delay: 0s;
    animation-duration: 2s;
    animation-iteration-count: 1;
    font-size: 34px;
    font-family: VVZOTWpSGuZyUVEY;
    font-weight: bold;
    line-height: 1.6;
    color: rgb(221, 121, 121);
    text-align: right;
}

#capdoiHEADLINE12 h3{
    animation-name: fadeInLeft;
    animation-delay: 0s;
    animation-duration: 2s;
    animation-iteration-count: 1;
    font-size: 34px;
    font-family: VVZOTWpSGuZyUVEY;
    font-weight: bold;
    line-height: 1.6;
    color: rgb(221, 121, 121);
    text-align: left;
}

#capdoiHEADLINE12 {
    width: 100%;
    top: 1600.91px;
    left: 18px;

}

#capdoiPARAGRAPH3 {
    width: 100%;
    top: 764.703px;
    right: 18px;
}
#capdoiPARAGRAPH3 div{
    animation-name: fadeInLeft;
    animation-delay: 0s;
    animation-duration: 3s;
    animation-iteration-count: 1;
    font-family: VVZOTWpSGuZyUVEY;
    line-height: 1.6;
    color: rgb(0, 0, 0);
    text-align: right;
    font-size: 18px;
}
#capdoiPARAGRAPH10 div{
    animation-name: fadeInLeft;
    animation-delay: 0s;
    animation-duration: 3s;
    animation-iteration-count: 1;
    font-family: VVZOTWpSGuZyUVEY;
    line-height: 1.6;
    color: rgb(0, 0, 0);
    text-align: left;
    font-size: 18px;
}

#capdoiPARAGRAPH7 {
    width: 55%;
    top: 819.203px;
    right: 18px;
}

#capdoiPARAGRAPH8 {
    width: 100%;
    top: 1710.41px;
    left: 18px;
}

.capdoibg{
    /* background-color: rgb(230, 230, 230); */
    /* box-shadow: 0px 0px 12px 1px rgba(23, 59, 59, 0.37); */
    opacity: 0.7;
    width: 96%;
    height: 1800px;
    top: 160px;
    position: absolute;
    transform: translate(-50%, 0%);
    left: 50%;
    border-radius: 5px;
}
#capdoiIMAGE1,#capdoiIMAGE2,#capdoiIMAGE2 > .ladi-image > .ladi-image-background {
    width: 100%;
}

#capdoiIMAGE1 {
    overflow: hidden;
    padding: 0 5px;
    position: relative;
    text-align: right;
    margin-top: 20px;


}
#capdoiIMAGE1 img{
    height: inherit;
    width: 60%;
    animation-name: fadeInUp;
    animation-delay: 0s;
    animation-duration: 3s;
    animation-iteration-count: 1;
    -webkit-mask-box-image-source: url(https://cdn.cinelove.me/resources/cropShapes/072_y6myfwhzrlk.png);
    -webkit-mask-box-image-slice: 0 fill;
    mask-image: url(https://cdn.cinelove.me/resources/cropShapes/072_y6myfwhzrlk.png);
    mask-size: 150% 100%;
    mask-repeat: no-repeat;
}
/* 
#capdoiIMAGE1 > .ladi-image > .ladi-image-background {
    width: 398.01px;
    height: 597.015px;
    background-image: url("img/IMG_0448.jpg");
} */

#capdoiPARAGRAPH9 {
    width: 100%;
    padding: 10px;
}
#capdoiPARAGRAPH9 .ladi-paragraph{
    animation-name: fadeInLeft;
    animation-delay: 0s;
    animation-duration: 3s;
    animation-iteration-count: 1;
    font-size: 18px;
    font-family: VVZOTWpSGuZyUVEY;
    line-height: 1.6;
    color: rgb(0, 0, 0);
    text-align: right;

}
#capdoiPARAGRAPH7 .ladi-paragraph{
    animation-name: fadeInLeft;
    animation-delay: 0s;
    animation-duration: 3s;
    animation-iteration-count: 1;
    font-size: 18px;
    font-family: VVZOTWpSGuZyUVEY;
    line-height: 1.6;
    color: rgb(0, 0, 0);
    text-align: right;

}

#capdoiPARAGRAPH10,#capdoiPARAGRAPH28 {
    width: 100%;
}
#capdoiPARAGRAPH2 .ladi-paragraph{
    animation-name: bounceInUp;
    animation-delay: 0s;
    animation-duration: 3s;
    animation-iteration-count: 1;
    font-family: 'Signora';
    font-size: 15px;
    letter-spacing: 2.2px;
    padding: 10px 0 15px 15px;
    text-align: left;
}

#capdoiPARAGRAPH10 {
    padding:10px;
}

#capdoiIMAGE2 {
    overflow: hidden;
    padding: 0 5px;
    text-align: left;
    position: relative;
}

#capdoiIMAGE2 img{
    height: inherit;
    width: 60%;
    animation-name: fadeInUp;
    animation-delay: 0s;
    animation-duration: 3s;
    animation-iteration-count: 1;
    -webkit-mask-box-image-source: url(https://cdn.cinelove.me/resources/cropShapes/061_eheay43znau.png);
    -webkit-mask-box-image-slice: 0 fill;
    mask-image: url(https://cdn.cinelove.me/resources/cropShapes/061_eheay43znau.png);
    mask-size: 100% 140%;
    mask-repeat: no-repeat;

}


#capdoiGROUP10,#capdoiGROUP11 {
    width: 80px;
    height: 99.5px;
}

#capdoiGROUP10 {
    top: 10%;
    right:20%;
    position: absolute;
}

#capdoiSHAPE19 {
    top: 19.5px;
}

#capdoiSHAPE20,#capdoiSHAPE22 {
    left: 37.5px;
    height: 55px;
    width: 55px;
}

#capdoiGROUP11 {
    top: 760.703px;
    left: 52px;
}

#capdoiSHAPE21,#capdoiSHAPE19 {
    top: 19.5px;
    left: 0px;
    height: 100px;
    width: 100px;
}

#capdoiPARAGRAPH59 {
    width: 100%;
    top: 1655.41px;
    left: 18px;
}


#capdoiPARAGRAPH59 div{
    animation-name: fadeInLeft;
    animation-delay: 0s;
    animation-duration: 3s;
    animation-iteration-count: 1;
    font-family: VVZOTWpSGuZyUVEY;
    line-height: 1.6;
    color: rgb(0, 0, 0);
    text-align: left;
    font-size: 18px;
}

#capdoiPARAGRAPH8 div{
    animation-name: fadeInLeft;
    animation-delay: 0s;
    animation-duration: 3s;
    animation-iteration-count: 1;
    font-family: VVZOTWpSGuZyUVEY;
    line-height: 1.6;
    color: rgb(0, 0, 0);
    text-align: left;
    font-size: 18px;
}



#capdoiSECTION3 {
    height: 1255.1px;
}

#capdoiGROUP5,#capdoiGROUP12,#capdoiGROUP14,#capdoiGROUP17,#capdoiGROUP23 {
    width: 421px;
    height: 178px;
}

#capdoiGROUP5,#capdoiIMAGE31 > .ladi-image > .ladi-image-background {
    top: 0px;
    left: 0px;
}

#capdoiGROUP5.ladi-animation > .ladi-group {
    animation-name: fadeInUp;
    animation-delay: 0s;
}

#capdoiSHAPE17,#capdoiSHAPE25,#capdoiSHAPE27,#capdoiSHAPE29,#capdoiSHAPE40,#capdoiSHAPE69 {
    width: 119px;
    height: 158px;
    left: 150.5px;
}

#capdoiGROUP6,#capdoiGROUP13,#capdoiGROUP15,#capdoiGROUP18,#capdoiGROUP24 {
    width: 421px;
    height: 74px;
}

#capdoiGROUP6,#capdoiGROUP13,#capdoiGROUP15,#capdoiGROUP18,#capdoiGROUP24,#capdoiGROUP55 {
    top: 104px;
}

#capdoiHEADLINE17,#capdoiHEADLINE19,#capdoiHEADLINE20,#capdoiHEADLINE22,#capdoiHEADLINE27,#capdoiHEADLINE65 {
    width: 421px;
}

#capdoiHEADLINE17 > .ladi-headline,#capdoiHEADLINE19 > .ladi-headline,#capdoiHEADLINE20 > .ladi-headline,#capdoiHEADLINE22 > .ladi-headline,#capdoiHEADLINE27 > .ladi-headline,#capdoiHEADLINE65 > .ladi-headline {
    font-size: 40px;
}

#capdoiLINE3,#capdoiLINE4,#capdoiLINE5,#capdoiLINE6,#capdoiLINE7,#capdoiLINE15 {
    width: 99px;
}

#capdoiLINE3,#capdoiLINE4,#capdoiLINE5,#capdoiLINE6,#capdoiLINE7 {
    top: 56px;
    left: 160.5px;
}

#capdoiGROUP7,#capdoiBOX4 {
    width: 402px;
    height: 900px;
}

#capdoiGROUP7 {
    top: 187.1px;
    left: 9px;
}

#capdoiPARAGRAPH11 {
    width: 383px;
    top: 12.6px;
    left: 9.5px;
}

#capdoiIMAGE3,#capdoiIMAGE3 > .ladi-image > .ladi-image-background {
    width: 222px;
    height: 333px;
}

#capdoiIMAGE3 {
    top: 495.6px;
    left: 9.5px;
}

#capdoiIMAGE3 > .ladi-image > .ladi-image-background,#capdoiIMAGE9 > .ladi-image > .ladi-image-background {
    background-image: url("https://w.ladicdn.com/s550x650/5c728619c417ab07e5194baa/610915a2-612e-4b4b-8c11-f5f01e4bdb21-20240115124609-u7jnd.jpg");
}

#capdoiIMAGE4 {
    width: 157px;
    height: 106.899px;
    top: 495.6px;
    left: 235.5px;
}

#capdoiIMAGE4 > .ladi-image > .ladi-image-background {
    width: 160.349px;
    height: 106.899px;
}

#capdoiIMAGE4 > .ladi-image > .ladi-image-background,#capdoiIMAGE15 > .ladi-image > .ladi-image-background {
    background-image: url("https://w.ladicdn.com/s500x450/5c728619c417ab07e5194baa/fa9faa6f-9244-4925-845d-d53f9e98198a-20240115124615-x7ch-.jpg");
}

#capdoiIMAGE5,#capdoiIMAGE5 > .ladi-image > .ladi-image-background,#capdoiIMAGE6 {
    width: 157px;
    height: 104.666px;
}

#capdoiIMAGE5 {
    top: 610.333px;
    left: 235.5px;
}

#capdoiIMAGE6 {
    top: 723.934px;
    left: 235.5px;
}


#capdoiSHAPE23 {
    top: 1013.36px;
    left: 170px;
}

#capdoiSECTION4 {
    height: 322.738px;
}

#capdoiSHAPE18 {
    width: 420px;
    height: 24.2942px;
    top: -24.2942px;
    left: 0px;
}

#capdoiBUTTON7,#capdoiBUTTON8,#capdoiBUTTON9 {
    width: 230px;
    height: 40px;
}

#capdoiBUTTON7 {
    top: 41.258px;
    left: 95px;
}

#capdoiBUTTON_SHAPE7 > .ladi-shape,#capdoiBUTTON_SHAPE8 > .ladi-shape,#capdoiBUTTON_SHAPE9 > .ladi-shape {
    width: 30px;
    height: 29px;
}

#capdoiBUTTON_SHAPE7 > .ladi-shape {
    left: 33px;
}

#capdoiBUTTON_TEXT7,#capdoiBUTTON_TEXT8,#capdoiBUTTON_TEXT9 {
    width: 230px;
}

#capdoiBUTTON8 {
    top: 103.258px;
    left: 95px;
}

#capdoiBUTTON_SHAPE8 > .ladi-shape {
    left: 18px;
}

#capdoiBUTTON9 {
    top: 165.258px;
    left: 95px;
}

#capdoiBUTTON_SHAPE9 > .ladi-shape {
    left: 35px;
}

#capdoiSHAPE24 {
    width: 420px;
    height: 88.9789px;
    top: 233.759px;
    left: 0px;
}


#GROUP57{
    display: flex;
    gap: 10px; 
    justify-content: space-between; 
}
.bottom-button{
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative !important;
}

.title-section-group{
    animation-name: fadeInDown;
    animation-delay: 0s;
    animation-name: fadeInDown;
    animation-delay: 0s;
    animation-duration: 2s;
    animation-iteration-count: 1;
}

.title-icon{
    width: 110px;
    height: 115px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -15%);
    
}

.title-icon .ladi-shape{
    transform: rotate(-73deg);
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    
}

.title-text{
    width: 100%;
    height: 79.5px;
    top: 65px;
    left: 50%;
    transform: translate(-50%, 0%);
    position: absolute;

}

.title-text .text1{
    position: absolute;
    width: 100%;
    animation-name: fadeInDown;
    animation-delay: 0s;
    animation-duration: 2s;
    animation-iteration-count: 1;
}

.title-text .text1 h3{
    font-family: VVZOTWpSGuZyUVEY;
    font-size: 40px;
    line-height: 1.4;
    color: rgb(207, 73, 73);
    letter-spacing: 1px;
    text-align: center;
    width: 100%;
    display: inline-block;
    word-break: break-word;
    background-size: cover;
    background-position: center center;
    transition: all 150ms linear 0s;
}

.title-text .line1{
    position: absolute;
    width: 30%;
    top: 61.5px;
    left: 50%;
    transform: translate(-50%, 0%);
}

.title-text .line1 .ladi-line-container{
    border-top: 2px solid rgb(207, 73, 73);
}
.khuyet-tren{
    height: 100px;
}
.khuyet-tren .ladi-element-khuyet{
    height: 100%;
    width: 100%;
    position: relative;
}


.khuyet-duoi{
    height: 50px;
    position: relative;
}

.ladi-group1{
    height: 160px;
}

.flex{
    display: flex;
    height: 50px;
    justify-content: center;
    gap: 10px;
}

.icon-lac{
    position: absolute;
    left: 50%;
    transform: translate(-50%, -125%);
    height: 65px;
}
.icon-lac .ladi-image-background{
    background-image: url("img/happy-wedding-topleft.png");
    width: 100px;
    background-size: contain !important;
}


.icon-lac .ladi-image{
    animation-name: tada;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    overflow: hidden;
    position: relative;
    height: 65px;
    width: 65px;
}

.h-auto{
    height: auto !important;
}

.p10{
    padding: 10px;
}
#BUTTON26 .ladi-button{
    left: 50%;
    transform: translate(-50%, 0%);
}

















#moi_SECTION4 {
    height: 322.738px;
}

#moi_SHAPE18 {
    width: 420px;
    height: 24.2942px;
    top: -24.2942px;
    left: 0px;
}

#moi_BUTTON7,#moi_BUTTON8,#moi_BUTTON9 {
    width: 230px;
    height: 40px;
}

#moi_BUTTON_SHAPE7 > .ladi-shape,#moi_BUTTON_SHAPE8 > .ladi-shape,#moi_BUTTON_SHAPE9 > .ladi-shape {
    width: 30px;
    height: 29px;
}

#moi_BUTTON_SHAPE7 > .ladi-shape {
    left: 33px;
}

#moi_BUTTON_TEXT7,#moi_BUTTON_TEXT8,#moi_BUTTON_TEXT9 {
    width: 230px;
}



#moi_BUTTON_SHAPE8 > .ladi-shape {
    left: 18px;
}


#moi_BUTTON_SHAPE9 > .ladi-shape {
    left: 35px;
}

#moi_SHAPE24 {
    width: 420px;
    height: 88.9789px;
    top: 233.759px;
    left: 0px;
}

#moi_SECTION5 {
    height: 606.3px;
}

#moi_GROUP12 {
    top: 66.162px;
    left: -1px;
}

#moi_GROUP12.ladi-animation > .ladi-group,#moi_GROUP17.ladi-animation > .ladi-group,#moi_GROUP23.ladi-animation > .ladi-group {
    animation-name: fadeInDown;
}

#moi_VIDEO14 {
    width: 400px;
    height: 225px;
    top: 313.02px;
    left: 9.5px;
}

#moi_SHAPE14 {
    top: 90.5px;
    left: 178px;
}

#moi_PARAGRAPH12 {
    top: 249.02px;
    left: 10px;
}

#moi_SECTION6 {
    height: 1542.3px;
}

#moi_SHAPE26 {
    width: 420px;
    height: 56.7069px;
}

#moi_SHAPE26,#moi_HEADLINE61,#moi_GROUP60 {
    left: 0px;
}

#moi_GROUP14 {
    top: 114.862px;
    left: 0px;
}

#moi_SECTION4 {
    height: 322.738px;
}

#moi_SHAPE18 {
    width: 420px;
    height: 24.2942px;
    top: -24.2942px;
    left: 0px;
}

#moi_BUTTON7,#moi_BUTTON8,#moi_BUTTON9 {
    width: 230px;
    height: 40px;
}

#moi_BUTTON7 {
    top: 41.258px;
    left: 50%;
    transform: translate(-50%, 0%);
}

#moi_BUTTON_SHAPE7 > .ladi-shape,#moi_BUTTON_SHAPE8 > .ladi-shape,#moi_BUTTON_SHAPE9 > .ladi-shape {
    width: 30px;
    height: 29px;
}

#moi_BUTTON_SHAPE7 > .ladi-shape {
    left: 33px;
}

#moi_BUTTON_TEXT7,#moi_BUTTON_TEXT8,#moi_BUTTON_TEXT9 {
    width: 230px;
}

#moi_BUTTON8 {
    top: 103.258px;
    left: 50%;
    transform: translate(-50%, 0%);
}

#moi_BUTTON_SHAPE8 > .ladi-shape {
    left: 18px;
}

#moi_BUTTON9 {
    top: 165.258px;
    left: 50%;
    transform: translate(-50%, 0%);
}

#moi_BUTTON_SHAPE9 > .ladi-shape {
    left: 35px;
}

#moi_SHAPE24 {
    width: 420px;
    height: 88.9789px;
    top: 233.759px;
    left: 0px;
}

#moi_SECTION5 {
    height: 606.3px;
}

#moi_GROUP12 {
    top: 66.162px;
    left: -1px;
}



#moi_SHAPE23 svg:last-child,#moi_SHAPE67 svg:last-child,#moi_SHAPE68 svg:last-child {
    fill: rgb(0, 0, 0);
}

#moi_BUTTON7 > .ladi-button > .ladi-button-background,#moi_BUTTON8 > .ladi-button > .ladi-button-background,#moi_BUTTON9 > .ladi-button > .ladi-button-background {
    background-color: rgb(160, 123, 123);
}

#moi_BUTTON7 > .ladi-button,#moi_BUTTON8 > .ladi-button,#moi_BUTTON9 > .ladi-button {
    box-shadow: rgb(0, 0, 0) 10px 15px 20px -15px;
    border-radius: 10px;
}

#moi_BUTTON7 > .ladi-button:hover .ladi-button-background,#moi_BUTTON8 > .ladi-button:hover .ladi-button-background,#moi_BUTTON9 > .ladi-button:hover .ladi-button-background {
    background-image: none !important;
    background-color: rgb(221, 121, 121) !important;
    background-size: initial !important;
    background-origin: initial !important;
    background-position: initial !important;
    background-repeat: initial !important;
    background-attachment: initial !important;
}

#moi_BUTTON7 > .ladi-button:hover .ladi-button-background,#moi_BUTTON8 > .ladi-button:hover .ladi-button-background,#moi_BUTTON9 > .ladi-button:hover .ladi-button-background,#moi_BUTTON10 > .ladi-button:hover .ladi-button-background,#moi_BUTTON11 > .ladi-button:hover .ladi-button-background,#moi_BUTTON12 > .ladi-button:hover .ladi-button-background,#moi_BUTTON13 > .ladi-button:hover .ladi-button-background,#moi_BUTTON14 > .ladi-button:hover .ladi-button-background,#moi_BUTTON15 > .ladi-button:hover .ladi-button-background,#moi_BUTTON16 > .ladi-button:hover .ladi-button-background,#moi_BUTTON17 > .ladi-button:hover .ladi-button-background,#moi_BUTTON20 > .ladi-button:hover .ladi-button-background,#moi_BUTTON21 > .ladi-button:hover .ladi-button-background,#moi_BUTTON18 > .ladi-button:hover .ladi-button-background,#moi_BUTTON19 > .ladi-button:hover .ladi-button-background,#moi_BUTTON23 > .ladi-button:hover .ladi-button-background {
    -webkit-background-clip: initial !important;
}

#moi_BUTTON_TEXT7,#moi_BUTTON_TEXT8,#moi_BUTTON_TEXT9,#moi_BUTTON_TEXT10,#moi_BUTTON_TEXT11,#moi_BUTTON_TEXT12,#moi_BUTTON_TEXT13,#moi_BUTTON_TEXT14,#moi_BUTTON_TEXT15,#moi_BUTTON_TEXT16,#moi_BUTTON_TEXT17,#moi_BUTTON_TEXT20,#moi_BUTTON_TEXT21,#moi_BUTTON_TEXT18,#moi_BUTTON_TEXT19,#moi_BUTTON_TEXT24,#moi_BUTTON_TEXT23 {
    top: 9px;
    left: 0px;
}

#moi_BUTTON_TEXT7 > .ladi-headline,#moi_BUTTON_TEXT8 > .ladi-headline,#moi_BUTTON_TEXT9 > .ladi-headline {
    font-weight: bold;
    line-height: 1.6;
    color: rgb(241, 243, 244);
    text-align: center;
}

#moi_SHAPE24 svg:last-child,#moi_SHAPE26 svg:last-child {
    fill: rgb(255, 248, 248);
}

#moi_SECTION5 > .ladi-section-background {
    background-color: rgb(255, 248, 248);
}

#moi_GROUP12.ladi-animation > .ladi-group,#moi_GROUP17.ladi-animation > .ladi-group,#moi_GROUP19.ladi-animation > .ladi-group,#moi_GROUP23.ladi-animation > .ladi-group {
    animation-delay: 0s;
    animation-duration: 1s;
    animation-iteration-count: 1;
}

#moi_SHAPE25:hover > .ladi-shape,#moi_SHAPE27:hover > .ladi-shape,#moi_SHAPE29:hover > .ladi-shape,#moi_SHAPE40:hover > .ladi-shape,#moi_SHAPE69:hover > .ladi-shape {
    transform: scale(1.03) rotate(0deg);
    opacity: 1;
}

#lichchungminh{
    height: 550px;
}

#lich_SHAPE30{
    width: 56px;
    height: 56px;
    top: 52%;
    position: absolute;
    right: 19%;
}

#lich_SHAPE30.ladi-animation > .ladi-shape{
    animation-name: pulse;
    animation-delay: 1s;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}



@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes bounce {

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

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

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

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

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

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
}

[data-hint]:after {
    content: attr(data-hint);
    text-align: center;
    white-space: nowrap;
    z-index: 9999;
    background: #292929;
    padding: 3px 7px;
    border-radius: 2px;
    color: white;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

[data-hint]:after,
[data-hint]:before {
    display: inline-block;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
}

[data-hint]:hover:after,
[data-hint]:hover:before {
    visibility: visible;
}

[data-hint]:before {
    content: "";
    border: 5px solid transparent;
    z-index: 9998;
}

.hint-persist:before,
.hint-persist:after {
    visibility: visible;
}

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

    [class*="hint-"][class*="-mobile"]:after,
    [class*="hint-"][class*="-mobile"]:before {
        display: none;
    }
}

.hint-d-short:hover:after,
.hint-d-short:hover:before {
    -webkit-transition: visibility 0s 0.3s ease;
    transition: visibility 0s 0.3s ease;
}

[class*="hint-fade"][class*="-d-short"]:hover:before,
[class*="hint-fade"][class*="-d-short"]:hover:after,
[class*="hint-anim"][class*="-d-short"]:hover:before,
[class*="hint-anim"][class*="-d-short"]:hover:after {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

[class*="hint-fade"]:before,
[class*="hint-fade"]:after {
    -webkit-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
    transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
    opacity: 0;
}

[class*="hint-fade"]:hover:before,
[class*="hint-fade"]:hover:after {
    opacity: 1;
}

[class*="hint-"][class*="-s-small"]:after {
    max-width: 200px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    white-space: normal;
}

[class*="hint-top"]:before {
    border-top-color: #292929;
    bottom: 100%;
    margin-bottom: 0px;
}

[class*="hint-top"]:after {
    bottom: 100%;
    margin-bottom: 10px;
}

[class*="hint-anim"][class*="hint-top"]:after,
[class*="hint-anim"][class*="hint-top"]:before {
    bottom: 125%;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, bottom 0.3s ease-out;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out, bottom 0.3s ease-out;
}

[class*="hint-anim"][class*="hint-top"]:hover:after,
[class*="hint-anim"][class*="hint-top"]:hover:before {
    opacity: 1;
    bottom: 100%;
}

[class*="hint-top-middle"]:before {
    right: 50%;
    margin-right: -5px;
}

[class*="hint-top-middle"]:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

[class*="hint-bottom"]:before {
    border-bottom-color: #292929;
    top: 100%;
    margin-top: 0px;
}

[class*="hint-bottom"]:after {
    margin-top: 10px;
    top: 100%;
}

[class*="hint-anim"][class*="hint-bottom"]:after,
[class*="hint-anim"][class*="hint-bottom"]:before {
    top: 125%;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, top 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease, top 0.3s ease;
}

[class*="hint-anim"][class*="hint-bottom"]:hover:after,
[class*="hint-anim"][class*="hint-bottom"]:hover:before {
    top: 100%;
    opacity: 1;
}

[class*="hint-bottom-middle"]:before {
    right: 50%;
    margin-right: -5px;
}

[class*="hint-bottom-middle"]:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@-webkit-keyframes snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@-webkit-keyframes snowflakes-shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px)
    }
}

@keyframes snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@keyframes snowflakes-shake {

    0%,
    100% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(80px)
    }
}

.snowflake {
    color: #fff;
    font-size: 1em;
    font-family: Arial, sans-serif;
    text-shadow: 0 0 5px #000;
    position: fixed;
    top: -10%;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-animation-name: snowflakes-fall, snowflakes-shake;
    -webkit-animation-duration: 10s, 3s;
    -webkit-animation-timing-function: linear, ease-in-out;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-play-state: running, running;
    animation-name: snowflakes-fall, snowflakes-shake;
    animation-duration: 10s, 3s;
    animation-timing-function: linear, ease-in-out;
    animation-iteration-count: infinite, infinite;
    animation-play-state: running, running;
}

.snowflake:nth-of-type(0) {
    left: 1%;
    -webkit-animation-delay: 0s, 0s;
    animation-delay: 0s, 0s
}

.snowflake:nth-of-type(1) {
    left: 10%;
    -webkit-animation-delay: 1s, 1s;
    animation-delay: 1s, 1s
}

.snowflake:nth-of-type(2) {
    left: 20%;
    -webkit-animation-delay: 6s, .5s;
    animation-delay: 6s, .5s
}

.snowflake:nth-of-type(3) {
    left: 30%;
    -webkit-animation-delay: 4s, 2s;
    animation-delay: 4s, 2s
}

.snowflake:nth-of-type(4) {
    left: 40%;
    -webkit-animation-delay: 2s, 2s;
    animation-delay: 2s, 2s
}

.snowflake:nth-of-type(5) {
    left: 50%;
    -webkit-animation-delay: 8s, 3s;
    animation-delay: 8s, 3s
}

.snowflake:nth-of-type(6) {
    left: 60%;
    -webkit-animation-delay: 6s, 2s;
    animation-delay: 6s, 2s
}

.snowflake:nth-of-type(7) {
    left: 70%;
    -webkit-animation-delay: 2.5s, 1s;
    animation-delay: 2.5s, 1s
}

.snowflake:nth-of-type(8) {
    left: 80%;
    -webkit-animation-delay: 1s, 0s;
    animation-delay: 1s, 0s
}

.snowflake:nth-of-type(9) {
    left: 90%;
    -webkit-animation-delay: 3s, 1.5s;
    animation-delay: 3s, 1.5s
}

.snowflake:nth-of-type(10) {
    left: 25%;
    -webkit-animation-delay: 2s, 0s;
    animation-delay: 2s, 0s
}

.snowflake:nth-of-type(11) {
    left: 65%;
    -webkit-animation-delay: 4s, 2.5s;
    animation-delay: 4s, 2.5s
}