@charset "UTF-8";
/*
Template: understrap
Theme Name: mfg
*/

/*page
/*--------------------------------------------------*/
.inviewfadeInUp{-moz-animation-iteration-count:1; -ms-animation-iteration-count:1; -webkit-animation-iteration-count:1; animation-iteration-count:1; 
-ms-filter:"alpha(opacity=0)"; filter: alpha(opacity=0); -moz-opacity:0;opacity:0;transform: translate(0, 20px);-webkit-transform: translate(0, 20px);-ms-transform: translate(0, 20px);-moz-transform: translate(0, 20px); transition: .9s; -webkit-transition: .9s; -ms-transition: .9s; -moz-transition: .9s;
-moz-transition-delay:1.0s;-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s; transition-delay:0.5s; backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.inviewbounceInLeft { -moz-animation-iteration-count:1; -ms-animation-iteration-count:1; -webkit-animation-iteration-count:1; animation-iteration-count:1; 
-ms-filter:"alpha(opacity=0)"; filter: alpha(opacity=0); -moz-opacity:0;opacity:0;transform: translate(-50px, 0);-webkit-transform: translate(-50px, 0);-ms-transform: translate(-50px, 0);-moz-transform: translate(-50px, 0);transition: .7s;-webkit-transition: .7s;-ms-transition: .7s;-moz-transition: .7s;
-moz-transition-delay:0.5s;-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s; transition-delay:0.5s;
backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.inviewbounceInRight { -moz-animation-iteration-count:1; -ms-animation-iteration-count:1; -webkit-animation-iteration-count:1; animation-iteration-count:1; 
-ms-filter:"alpha(opacity=0)"; filter: alpha(opacity=0); -moz-opacity:0;opacity:0;transform: translate(50px, 0);-webkit-transform: translate(50px, 0);-ms-transform: translate(50px, 0);-moz-transform: translate(50px, 0);transition: .7s;-webkit-transition: .7s;-ms-transition: .7s;-moz-transition: .7s;
-moz-transition-delay:0.5s;-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s; transition-delay:0.5s;
backface-visibility:hidden;-webkit-backface-visibility:hidden;}

.fadeInUp,.fadeInLeft,.fadeInRight{-ms-filter:"alpha(opacity=10)"; filter: alpha(opacity=10); -moz-opacity:1.0; opacity: 1.0;
transform: translate(0, 0);-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-moz-transform: translate(0, 0);backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.animated {-moz-animation-duration: 1s; -ms-animation-duration: 1s; -webkit-animation-duration: 1s; animation-duration: 1s; 
-moz-animation-fill-mode: both; -ms-fill-mode: both; -webkit-animation-fill-mode: both; animation-fill-mode: both;
animation-iteration-count: 1; -ms-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.bounceIn {  -webkit-animation-duration: 0.75s; animation-duration: 0.75s;-webkit-animation-name: bounceIn; animation-name: bounceIn;}
@keyframes bounceIn { from, 20%, 40%, 60%, 80%, 100% {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
0% {opacity: 0;-ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}
20% {-ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}
40% {-ms-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);}
60% {opacity: 1; transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03);}
80% {transform: scale3d(.97, .97, .97); -ms-transform: scale3d(.97, .97, .97);}
100%{opacity: 1; -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
}
@-webkit-keyframes bounceIn {from, 20%, 40%, 60%, 80%, 100% {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);}
20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);}
40% {-webkit-transform: scale3d(.9, .9, .9);}
60% {opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03); }
80% {-webkit-transform: scale3d(.97, .97, .97);}
100% {opacity: 1;-webkit-transform: scale3d(1, 1, 1);}
}
.bounce{animation:bounce 2s ease normal 0s none running; -webkit-animation:bounce 2s ease normal 0s none running;-ms-animation:bounce 2s ease normal 0s none running;}
@keyframes bounce {0%, 100%, 20%, 50%, 80% {transform: translateY(0px);}40% { transform: translateY(-10px);}60% {transform: translateY(-5px);}}
@-webkit-keyframes bounce {0%, 100%, 20%, 50%, 80% {-webkit-transform: translateY(0px);}40% {-webkit-transform: translateY(-10px);}60% { -webkit-transform: translateY(-5px);}}

/*opening
/*--------------------------------------------------*/
.opfadeInLeft { webkit-animation: opfadeInLeft 0.5s; animation: opfadeInLeft 0.5s;}
@keyframes opfadeInLeft { from { opacity: 0; transform: translate3d(-40px, 0, 0);} to {opacity: 1; transform: translate3d(0, 0, 0);}}
@-webkit-keyframes opfadeInLeft{ from { opacity: 0; -webkit-transform: translate3d(-40px, 0, 0);} to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);}}
.opfadeInDown {-webkit-animation: opfadeInDown 1.5s;animation: opfadeInDown 1.5s;}
@keyframes fadeInDown { from {opacity: 0; transform: translate3d(0, -100%, 0);} to { opacity: 1; transform: translate3d(0, 0, 0);}}
@-webkit-keyframes opfadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0);} to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);}}