/* Stylesheet animation CSS file for MegaNavbar BS4 (bootstrap 4).
** MegaNavbar BS4 v1.0.0 (http://www.navbar4.com/) Copyright 2018 www.Navbar4.com. All Rights Reserved.
** Licensed under Regular License (http://codecanyon.net/licenses/regular) or Extended License (http://codecanyon.net/licenses/extended)
** We will take legal action against those who copy our HTML content, CSS style sheets and JavaScript functions without a license.*/


.no-animation .dropdown-menu{-moz-animation-name: none!important;-o-animation-name: none!important;animation-name: none!important;-webkit-animation-name: none!important}
[data-show] .dropdown-toggle:not(.collapsed)+.dropdown-menu.collapsing, [data-hide] .dropdown-toggle.collapsed+.dropdown-menu.collapsing {-webkit-animation-duration: 650ms; animation-duration: 650ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; height: initial!important;}

[data-show="elasticUp"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:elasticInX;animation-name:elasticInX;  -webkit-transform-origin:50% 0;transform-origin:50% 0; }
[data-hide="elasticUp"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:elasticOutX;animation-name:elasticOutX;  -webkit-transform-origin:50% 0;transform-origin:50% 0; }
[data-show="elasticDown"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:elasticInX;animation-name:elasticInX;  -webkit-transform-origin:50% 100%;transform-origin:50% 100%; }
[data-hide="elasticDown"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:elasticOutX;animation-name:elasticOutX;  -webkit-transform-origin:50% 100%;transform-origin:50% 100%; }
[data-show="elasticLeft"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:elasticInY;animation-name:elasticInY;  -webkit-transform-origin:0% 50%;transform-origin:0% 50%; }
[data-hide="elasticLeft"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:elasticOutY;animation-name:elasticOutY;  -webkit-transform-origin:0% 50%;transform-origin:0% 50%; }
[data-show="elasticRight"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:elasticInY;animation-name:elasticInY;  -webkit-transform-origin:100% 50%;transform-origin:100% 50%; }
[data-hide="elasticRight"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:elasticOutY;animation-name:elasticOutY;  -webkit-transform-origin:100% 50%;transform-origin:100% 50%; }


@-webkit-keyframes elasticInX{
   0%{-webkit-transform: rotateX(90deg); transform: rotateX(90deg);}
  40%{-webkit-transform: rotateX(-20deg); transform: rotateX(-20deg);}
  60%{-webkit-transform: rotateX(10deg); transform: rotateX(10deg);}
  80%{-webkit-transform: rotateX(-5deg); transform: rotateX(-5deg);}
}
@keyframes elasticInX{
   0%{-webkit-transform: rotateX(90deg);transform: rotateX(90deg);}
  40%{-webkit-transform: rotateX(-20deg);transform: rotateX(-20deg);}
  60%{-webkit-transform: rotateX(10deg);transform: rotateX(10deg);}
  80%{-webkit-transform: rotateX(-5deg);transform: rotateX(-5deg);}
}

@-webkit-keyframes elasticOutX{
  100%{-webkit-transform: rotateX(90deg); transform: rotateX(90deg);}
  60%{-webkit-transform: rotateX(-20deg); transform: rotateX(-20deg);}
  40%{-webkit-transform: rotateX(10deg); transform: rotateX(10deg);}
  20%{-webkit-transform: rotateX(-5deg); transform: rotateX(-5deg);}
}
@keyframes elasticOutX{
  100%{-webkit-transform: rotateX(90deg); transform: rotateX(90deg);}
  60%{-webkit-transform: rotateX(-20deg); transform: rotateX(-20deg);}
  40%{-webkit-transform: rotateX(10deg); transform: rotateX(10deg);}
  20%{-webkit-transform: rotateX(-5deg); transform: rotateX(-5deg);}
}

@-webkit-keyframes elasticInY{
   0%{-webkit-transform: rotateY(90deg); transform: rotateY(90deg);}
  40%{-webkit-transform: rotateY(-20deg); transform: rotateY(-20deg);}
  60%{-webkit-transform: rotateY(10deg); transform: rotateY(10deg);}
  80%{-webkit-transform: rotateY(-5deg); transform: rotateY(-5deg);}

}
@keyframes elasticInY{
   0%{-webkit-transform: rotateY(90deg);transform: rotateY(90deg);}
  40%{-webkit-transform: rotateY(-20deg);transform: rotateY(-20deg);}
  60%{-webkit-transform: rotateY(10deg);transform: rotateY(10deg);}
  80%{-webkit-transform: rotateY(-5deg);transform: rotateY(-5deg);}
}

@-webkit-keyframes elasticOutY{
  100%{-webkit-transform: rotateY(90deg); transform: rotateY(90deg);}
  60%{-webkit-transform: rotateY(-20deg); transform: rotateY(-20deg);}
  40%{-webkit-transform: rotateY(10deg); transform: rotateY(10deg);}
  20%{-webkit-transform: rotateY(-5deg); transform: rotateY(-5deg);}
}
@keyframes elasticOutY{
  100%{-webkit-transform: rotateY(90deg); transform: rotateY(90deg);}
  60%{-webkit-transform: rotateY(-20deg); transform: rotateY(-20deg);}
  40%{-webkit-transform: rotateY(10deg); transform: rotateY(10deg);}
  20%{-webkit-transform: rotateY(-5deg); transform: rotateY(-5deg);}
}