.dnl-anm-screen{background: #fff;;position: relative;overflow: hidden;height:610px;}
.dnl-anm-screen, .dnl-anm-screen * {-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;max-width:none;}
.dnl-anm-wrap{height: 100%;width: 70%;position: absolute;top: 0;left: 0; right: 0; margin: auto;}
.dnl-anm-iwrap{height: 0;width: 100%;padding-right:100%;position: absolute;top: 34%;left: 0;}
.dnl-anm-wrap, .line{ -o-transition: all 500ms linear 250ms; -moz-transition: all 500ms linear 250ms; -webkit-transition: all 500ms linear 250ms; transition: all 500ms linear 250ms;}
.line, .point{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.line {width: 100%;position: relative;left: 100%;height: 4px;background-color: #00baf2;transform-origin: 0;}
.scroll-down.line {width: 520%}
.line-reference, .line1{width: 110.337791896%;}
.line.push-up{ -ms-transform: rotate(50deg); -o-transform: rotate(50deg); -moz-transform: rotate(50deg); -webkit-transform: rotate(50deg); transform: rotate(50deg);}

.line.push-down{ -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}

.line1.push-down1{ -ms-transform: rotate(-25deg); -o-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); transform: rotate(-25deg);}

.point_wrap{ -ms-transform: rotate(-25deg); -o-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); transform: rotate(-25deg);;position:absolute;left: 0;top: 0;height: 4px;width:4px;overflow:visible !important;}
.line1 > .point_wrap{ -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);;}
.point{-webkit-border-radius: 50%; border-radius: 50%;width: 25px;height: 25px;background: #00baf2;margin:auto !important;border: 12.5px solid #00baf2;overflow:hidden;-o-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 1;}
.scroll-down .point { background: none; }
.point, .point > a.lovely-scroll-down, .point > img{position:absolute;top:-999px;bottom:-999px;right:-999px;left:-999px;}
.point > a.lovely-scroll-down, .point > img{width:300px;height:300px;margin:auto;display:none;}
.point > a.lovely-scroll-down {width:100px;height:100px;display:block; background: #00aae2;}
.point > a.lovely-scroll-down > span {opacity:0.7;}
.info{position:absolute;width:640px;height:200px;top:161.4px;right:-999px;left:-999px;margin:auto; max-width:88vw;}
.info *{font-weight:300;color: #0070b7;text-align:center;}
.info h4{font-size:35px;}
.info p{font-size:20px;}


.lovely-scroll-down { display: block; width: 50px; height: 50px; font-size: 0; margin: auto; position: relative; border-radius: 50%; border: 1px solid #fff; box-sizing: border-box; }
.lovely-scroll-down:after { position: absolute; top: 50%; left: 50%; content: ''; width: 16px; height: 16px; margin: -12px 0 0 -8px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); box-sizing: border-box; }
.lovely-scroll-down.x2 { width: 100px; height: 100px; border: 2px solid #fff; }
.lovely-scroll-down.x2:after { width: 32px; height: 32px; margin: -25px 0 0 -16px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; }

.flashing { position: relative; }
.flashing:before { position: absolute; top: -3px; left: -3px; bottom: -3px; right: -3px; content: ''; border-radius: inherit; opacity: 0; -webkit-animation: flashing 3s infinite; animation: flashing 3s infinite; box-sizing: border-box; }


@-o-keyframes push-up-point {0% { -ms-transform: rotate(25deg); -o-transform: rotate(25deg); -moz-transform: rotate(25deg); -webkit-transform: rotate(25deg); transform: rotate(25deg); }  100%{ -ms-transform: rotate(50deg); -o-transform: rotate(50deg); -moz-transform: rotate(50deg); -webkit-transform: rotate(50deg); transform: rotate(50deg); } }
@-moz-keyframes push-up-point {0% { -ms-transform: rotate(25deg); -o-transform: rotate(25deg); -moz-transform: rotate(25deg); -webkit-transform: rotate(25deg); transform: rotate(25deg); }  100%{ -ms-transform: rotate(50deg); -o-transform: rotate(50deg); -moz-transform: rotate(50deg); -webkit-transform: rotate(50deg); transform: rotate(50deg); } }
@-webkit-keyframes push-up-point {0% { -ms-transform: rotate(25deg); -o-transform: rotate(25deg); -moz-transform: rotate(25deg); -webkit-transform: rotate(25deg); transform: rotate(25deg); }  100%{ -ms-transform: rotate(50deg); -o-transform: rotate(50deg); -moz-transform: rotate(50deg); -webkit-transform: rotate(50deg); transform: rotate(50deg); } }
@keyframes push-up-point {0% { -ms-transform: rotate(25deg); -o-transform: rotate(25deg); -moz-transform: rotate(25deg); -webkit-transform: rotate(25deg); transform: rotate(25deg); }  100%{ -ms-transform: rotate(50deg); -o-transform: rotate(50deg); -moz-transform: rotate(50deg); -webkit-transform: rotate(50deg); transform: rotate(50deg); } }
@-o-keyframes push-down-point {0% { -ms-transform: rotate(50deg); -o-transform: rotate(50deg); -moz-transform: rotate(50deg); -webkit-transform: rotate(50deg); transform: rotate(50deg); }  100%{ -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@-moz-keyframes push-down-point {0% { -ms-transform: rotate(50deg); -o-transform: rotate(50deg); -moz-transform: rotate(50deg); -webkit-transform: rotate(50deg); transform: rotate(50deg); }  100%{ -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@-webkit-keyframes push-down-point {0% { -ms-transform: rotate(50deg); -o-transform: rotate(50deg); -moz-transform: rotate(50deg); -webkit-transform: rotate(50deg); transform: rotate(50deg); }  100%{ -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@keyframes push-down-point {0% { -ms-transform: rotate(50deg); -o-transform: rotate(50deg); -moz-transform: rotate(50deg); -webkit-transform: rotate(50deg); transform: rotate(50deg); }  100%{ -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@-webkit-keyframes flashing { 0% { opacity: 0; } 10% { opacity: 1; } 25% { opacity: 1; } 100% { box-shadow: 0 0 70px 34px rgba(232, 232, 232, 0.25), 0 0 0 70px rgba(232, 232, 232, 0.25); opacity: 0; } }
@keyframes flashing { 0% { opacity: 0; } 10% { opacity: 1; } 25% { opacity: 1; } 100% { box-shadow: 0 0 70px 34px rgba(232, 232, 232, 0.25), 0 0 0 70px rgba(232, 232, 232, 0.25); opacity: 0; } }