.icon1_img{
    position: fixed;
    width: 60px;
    height: 60px;
    left: 50%;
    top:50%;
    transform: translate(-30px,-30px);
    opacity: 0.2;
    -webkit-filter: brightness(10);
    filter: brightness(10);
    cursor: pointer;
}
.icon1_anim_1{animation: scl01 0.5s ease 0s infinite alternate;}
@keyframes scl01 {
    from{transform: translate(-30px,-30px) scale3d(1,1,1); opacity: 0.1;}
    to{transform: translate(-30px,-30px) scale3d(1.3,1.3,1.3); opacity: 0.3;}
}

.icon1_anim_2{animation: scl02 0.5s ease 0s infinite alternate;}
@keyframes scl02 {
    from{transform: translate(-30px,-30px) scale3d(0.5,0.5,5); opacity: 0.2;}
    to{transform: translate(-30px,-30px) scale3d(0.4,0.4,0.4); opacity: 0.5;}
}

.czsm_p1_div{
    position: fixed;
    top: 18%;
    right: 50%;
    width:300px;
    height:150px;
    background-color: #11346e;
    opacity: 0.85;
    border-radius: 4px;
    transform: translate(150px,-50px);
}

.czsm_p1_div_Anim{animation: TopTrans 1.5s ease-out 0s 1 normal;}
@keyframes TopTrans{
    from {translate(150px,-250px); opacity: 0; }
    to { translate(150px,-50px); opacity: 0.85; }
}

.offset_p1{transform: translate3d(150px,-50px,0px);}


.pageimg_1_anim{animation: trans 0.5s ease-out 0s 1 normal;}
@keyframes trans {
    from{transform: translate(0,0); opacity: 0;}
    to{transform: translate(-260,-60); opacity: 0.9;}
}

.anim_Opacity01{animation: opacity01 1s ease 0s 1 normal;}
@keyframes opacity01 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.anim_Opacity10{animation: opacity10 1.5s ease 0s 1 forwards;}
@keyframes opacity10 {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.div_js {
    position: fixed;
    width:100%;
    left: 0;
    bottom:0;
    opacity: 0;
    transform: translateY(121px);
    background-color: #ffffff;
    z-index: 5000;
    border-top-right-radius: 18px;
    border-top-left-radius: 18px;
}
.div_js H4{padding:0px 30px;margin: 6px 0px; display: inline-block}
.div_js p {padding:0px 30px;font-size: 14px; color: #57647a;margin: 4px; margin-bottom: 30px}
#video_js{
    position: fixed;
    right: 16px;
    bottom: 4px;
    font-size: 14px;
    color: #ffffff;
    background-color: #375287;
    border-radius: 16px;
    padding: 2px 10px;
    font-weight: lighter;
    cursor: pointer;
    text-align: center;
}
.anim_divjs_1{animation: transY1 1s ease 0s 1 forwards;}
@keyframes transY1 {
    from {
        transform: translateY(121px);
        opacity: 0;
    }
    to {
        transform: translateY(0px);
        opacity: 1;
    }
}
.anim_divjs_0{animation: transY0 0.5s ease 0s 1 forwards;}
@keyframes transY0 {
    from {
        transform: translateY(0px);
        opacity: 1;
    }
    to {
        transform: translateY(121px);
        opacity: 0;
    }
}


.opacityFlash{animation: opaFlash 0.5s ease 0s infinite alternate;}
@keyframes opaFlash {
    from{opacity: 0.5;}
    to{opacity: 1;}
}

.anim_Rotate{
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 1s linear infinite;
    -moz-animation: rotate 1s linear infinite;
    -o-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(359deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{
    from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}

.anim_btnMove{
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 0s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 0s;
    -webkit-animation: btnMove 0.5s ease 1 forwards;
    -moz-animation: btnMove 0.5s ease 1 forwards;
    -o-animation: btnMove 0.5s ease 1 forwards;
    animation: btnMove 0.5s ease 1 forwards;
}
@-webkit-keyframes btnMove{
    from{-webkit-transform: translateY(-50px);filter: blur(10px);opacity: 0;}
    to{-webkit-transform: translateY(0px);filter: blur(0px);opacity: 0.8;}
}
@-moz-keyframes btnMove{
    from{-moz-transform: translateY(-50px);filter: blur(10px);opacity: 0;}
    to{-moz-transform: translateY(0px);filter: blur(0px);opacity: 0.8;}
}
@-o-keyframes btnMove{
    from{-o-transform: translateY(-50px);filter: blur(10px);opacity: 0;}
    to{-o-transform: translateY(0px);filter: blur(0px);opacity: 0.8;}
}
@keyframes btnMove{
    from{transform: translateY(-50px);filter: blur(10px);opacity: 0;}
    to{transform: translateY(0px);filter: blur(0px);opacity: 0.8;}
}

.anim_btnSclToBig{animation: btnSclToBig 0.4s ease 0s 1 forwards;}
@keyframes btnSclToBig {
    from{transform: scale(0.2,0.2); opacity: 1; filter: blur(10px);}
    to{transform: scale(1,1); opacity: 1;filter: blur(0px);}
}

.anim_imgName1{
    animation: imgName1 3.6s ease 1 forwards;
}
@keyframes imgName1{
    0%{transform: translate(-50px,0px);filter: blur(10px);opacity: 0;}
    30%{transform: translate(0px,0px);filter: blur(0px);opacity: 1;}
    80%{transform: translate(0px,0px);filter: blur(0px);opacity: 1;}
    100%{transform: translate(30px,0px);filter: blur(10px);opacity: 0;}
}