@charset "utf-8";

/* animation */
/* :root {--animate-duration:1s; --animate-delay:1s; --animate-repeat:1;} */
.animate {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both;}

@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@keyframes pulse{0%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}

@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-100px,0);transform:scale3d(.1,.1,.1) translate3d(0,-100px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-100px,0);transform:scale3d(.1,.1,.1) translate3d(0,-100px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}

@-webkit-keyframes zoomInUp {
	0% {opacity: 0; -webkit-transform: scale(.1) translateY(800px); transform: scale(.1) translateY(800px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
	40% {opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@keyframes zoomInUp {
	0% {opacity: 0; -webkit-transform: scale(.1) translateY(800px); -ms-transform: scale(.1) translateY(800px); transform: scale(.1) translateY(800px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
	40% {opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}
}
	
@-webkit-keyframes slideInUp {0% {opacity: 0; -webkit-transform: translateY(80px); transform: translateY(80px);}100% {opacity:1; -webkit-transform: translateY(0); transform: translateY(0);}}
@keyframes slideInUp {0% {opacity: 0; -webkit-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px);} 100% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}}

@-webkit-keyframes slideDown {
	0% {opacity: 0; -webkit-transform: translateY(-80px); transform: translateY(-80px);}100% {opacity:1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes slideDown {
0% {opacity: 0; -webkit-transform: translateY(-80px); -ms-transform: translateY(-80px); transform: translateY(-80px);}100% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
}
					
@-webkit-keyframes bounce { 0% {transform:translate(0, 0);} 45% {transform:translate(0, -3px);} 70% {transform:translate(0, 5px);} 100% {transform:translate(0, 0);}}
@keyframes bounce { 0% {transform:translate(0, 0);} 45% {transform:translate(0, -3px);} 70% {transform:translate(0, 5px);} 100% {transform:translate(0, 0);}}
@-webkit-keyframes bounce2 { 0% {transform:translate(0, 0);} 45% {transform:translate(0, 15%);} 100% {transform:translate(0, 0);}}
@keyframes bounce2 { 0% {transform:translate(0, 0);} 45% {transform:translate(0, 15%);} 100% {transform:translate(0, 0);}}
@keyframes Rotation { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
@keyframes Twinkle { 0% {opacity:.3;} 30% {opacity:1;} 60% {opacity:.2;} 90% {opacity:1;}}
@keyframes Twinkles { 0%, 60%, 100% {opacity:.8;} 78% {opacity:1;}}

@-webkit-keyframes fadeIn{0%{opacity: 0}to{opacity: 1;}}@keyframes fadeIn{0%{opacity: 0}to{opacity: 1;}}
@-webkit-keyframes fadeOut{0%{opacity: 1}to{opacity: 0;}}@keyframes fadeOut{0%{opacity: 1}to{opacity: 0;}}

@-webkit-keyframes fInUp{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0)}to{opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0);}}@keyframes fInUp{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0)}to{opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0);}}
@-webkit-keyframes fInDownBig{0%{opacity: 0; -webkit-transform: translate3d(0, -900px, 0); transform: translate3d(0, -900px, 0)}to{opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0);}}
@keyframes fInDownBig{0%{opacity: 0; -webkit-transform: translate3d(0, -900px, 0); transform: translate3d(0, -900px, 0)}to{opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0);}}

@-webkit-keyframes fInLeft{0%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0)}to{opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0);}}@keyframes fInLeft{0%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0)}to{opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0);}}
@-webkit-keyframes fInRight{0%{opacity: 0; -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0)}to{opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0);}}@keyframes fInRight{0%{opacity: 0; -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0)}to{opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0);}}

@-webkit-keyframes InRight{0%{-webkit-transform: translate3d(200%, 0, 0) skewX(-20deg); transform: translate3d(200%, 0, 0) skewX(-20deg); opacity: 0}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg)}to{-webkit-transform: translateZ(0); transform: translateZ(0);}}@keyframes InRight{0%{-webkit-transform: translate3d(200%, 0, 0) skewX(-30deg); transform: translate3d(200%, 0, 0) skewX(-30deg); opacity: 0}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg)}to{-webkit-transform: translateZ(0); transform: translateZ(0);}}
@-webkit-keyframes lInLeft{0%{-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0}60%{-webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1}80%{-webkit-transform: skewX(5deg); transform: skewX(5deg)}to{-webkit-transform: translateZ(0); transform: translateZ(0);}}@keyframes lInLeft{0%{-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0}60%{-webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1}80%{-webkit-transform: skewX(5deg); transform: skewX(5deg)}to{-webkit-transform: translateZ(0); transform: translateZ(0);}}

@-webkit-keyframes flipInX {0% {-webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;} 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1;} 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg);} to { -webkit-transform: perspective(400px); transform: perspective(400px);}}@keyframes flipInX{0%{-webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0}40%{-webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in}60%{-webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1}80%{-webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg)}to{-webkit-transform: perspective(400px); transform: perspective(400px);}}
@-webkit-keyframes flipInY { 0% {-webkit-transform: perspective(400px) rotateY(360deg); transform: perspective(400px) rotateY(360deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; /* opacity: 0; */} 40% {-webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 60% {-webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1;} 80% {-webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg);} to {-webkit-transform: perspective(400px); transform: perspective(400px);}} @keyframes flipInY { 0% {-webkit-transform: perspective(400px) rotateY(360deg); transform: perspective(400px) rotateY(360deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; /* opacity: 0; */} 40% {-webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 60% {-webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1;} 80% {-webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg);} to {-webkit-transform: perspective(400px); transform: perspective(400px);}}

@-webkit-keyframes stroke {
	0%   {stroke-dashoffset: 25%; stroke-dasharray: 0 50%; fill: rgba(72,138,204,0); stroke: rgba(255,255,255,1); stroke-width: 2;}
	70%  {fill: rgba(72,138,204,0); stroke: rgba(255,255,255,1);}	80%  {fill: rgba(72,138,204,0); stroke: rgba(255,255,255,1);}
	100% {stroke-dashoffset: -25%; stroke-dasharray: 50% 0; fill: rgba(255,255,255,1); stroke: rgba(54,95,160,0); stroke-width: 1;}
}
@keyframes stroke {
	0%   {stroke-dashoffset: 25%; stroke-dasharray: 0 50%; fill: rgba(72,138,204,0); stroke: rgba(255,255,255,1); stroke-width: 2;}
	70%  {fill: rgba(72,138,204,0); stroke: rgba(255,255,255,1);}	80%  {fill: rgba(72,138,204,0); stroke: rgba(255,255,255,1);}
	100% {stroke-dashoffset: -25%; stroke-dasharray: 50% 0; fill: rgba(255,255,255,1); stroke: rgba(54,95,160,0); stroke-width: 1;}
}
@-webkit-keyframes strokeBlack {
	0%   {stroke-dashoffset: 25%; stroke-dasharray: 0 50%; fill: rgba(72,138,204,0); stroke: rgba(35,32,32,1); stroke-width: 2;}
	70%  {fill: rgba(72,138,204,0); stroke: rgba(35,32,32,1);}	80%  {fill: rgba(72,138,204,0); stroke: rgba(35,32,32,1);}
	100% {stroke-dashoffset: -25%; stroke-dasharray: 50% 0; fill: rgba(35,32,32,1); stroke: rgba(54,95,160,0); stroke-width: 1;}
}
@keyframes strokeBlack {
	0%   {stroke-dashoffset: 25%; stroke-dasharray: 0 50%; fill: rgba(72,138,204,0); stroke: rgba(35,32,32,1); stroke-width: 2;}
	70%  {fill: rgba(72,138,204,0); stroke: rgba(35,32,32,1);}	80%  {fill: rgba(72,138,204,0); stroke: rgba(35,32,32,1);}
	100% {stroke-dashoffset: -25%; stroke-dasharray: 50% 0; fill: rgba(35,32,32,1); stroke: rgba(54,95,160,0); stroke-width: 1;}
}

@-webkit-keyframes ecoh {  0% {  transform: scale(1);opacity: 1;transform-origin:50% 50%; } 100% {  transform: scale(1.5); opacity: 0;transform-origin:50% 50%;}}
@keyframes ecoh {  0% {  transform: scale(1);opacity: 1;transform-origin:50% 50%; } 100% {  transform: scale(1.5); opacity: 0;transform-origin:50% 50%;}}

@-webkit-keyframes slideDown50 {0% {opacity:1; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);transform-origin:50% 0;}100% {opacity:0; -webkit-transform: translate(-50%, 100px); transform: translate(-50%, 100px);transform-origin:50% 0;}}
@keyframes slideDown50 {0% {opacity:1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0);transform-origin:50% 0;}100% {opacity:0; -webkit-transform: translate(-50%, 100px); -ms-transform: translate(-50%, 100px); transform: translate(-50%, 100px);transform-origin:50% 0;}}
@-webkit-keyframes slideDown0 {0% {opacity:1; -webkit-transform: translate(0, 0); transform: translate(0, 0);transform-origin:50% 0;}100% {opacity:0; -webkit-transform: translate(0, 400px); transform: translate(0, 400px);transform-origin:50% 0;}}
@keyframes slideDown0 {0% {opacity:1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);transform-origin:50% 0;}100% {opacity:0; -webkit-transform: translate(0, 400px); -ms-transform: translate(0, 400px); transform: translate(0, 400px);transform-origin:50% 0;}}