/* 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="slideUp"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:slideInUp;animation-name:slideInUp;}
[data-hide="slideUp"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}

[data-show="slideRight"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:slideInRight;animation-name:slideInRight;}
[data-hide="slideRight"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:slideOutRight;animation-name:slideOutRight;}

[data-show="slideDown"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:slideInDown;animation-name:slideInDown;}
[data-hide="slideDown"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:slideOutDown;animation-name:slideOutDown;}

[data-show="slideLeft"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}
[data-hide="slideLeft"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}

[data-show="slideUpHalf"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:slideInUpHalf;animation-name:slideInUpHalf;}
[data-hide="slideUpHalf"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:slideOutUpHalf;animation-name:slideOutUpHalf;}

[data-show="slideRightHalf"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:slideInRightHalf;animation-name:slideInRightHalf;}
[data-hide="slideRightHalf"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:slideOutRightHalf;animation-name:slideOutRightHalf;}

[data-show="slideDownHalf"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:slideInDownHalf;animation-name:slideInDownHalf;}
[data-hide="slideDownHalf"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:slideOutDownHalf;animation-name:slideOutDownHalf;}

[data-show="slideLeftHalf"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:slideInLeftHalf;animation-name:slideInLeftHalf;}
[data-hide="slideLeftHalf"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:slideOutLeftHalf;animation-name:slideOutLeftHalf;}

@-webkit-keyframes slideInDown {
  from {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes slideInDown {
  from {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}


@-webkit-keyframes slideInLeft {
  from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes slideInLeft {
  from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}


@-webkit-keyframes slideInRight {
  from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes slideInRight {
  from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}


@-webkit-keyframes slideInUp {
  from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes slideInUp {
  from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}


@-webkit-keyframes slideOutDown {
  from {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
}
@keyframes slideOutDown {
  from {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
}

@-webkit-keyframes slideOutLeft {
  from {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
}
@keyframes slideOutLeft {
  from {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}

}


@-webkit-keyframes slideOutRight {
  from {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
}
@keyframes slideOutRight {
  from {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
}


@-webkit-keyframes slideOutUp {
  from {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
}
@keyframes slideOutUp {
  from {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
}





@-webkit-keyframes slideInDownHalf {
  from {opacity: 0;-webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes slideInDownHalf {
  from {opacity: 0;-webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}


@-webkit-keyframes slideInLeftHalf {
  from {opacity: 0;-webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes slideInLeftHalf {
  from {opacity: 0;-webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}


@-webkit-keyframes slideInRightHalf {
  from {opacity: 0;-webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes slideInRightHalf {
  from {opacity: 0;-webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}


@-webkit-keyframes slideInUpHalf {
  from {opacity: 0;-webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes slideInUpHalf {
  from {opacity: 0;-webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}


@-webkit-keyframes slideOutDownHalf {
  from {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0);}
}
@keyframes slideOutDownHalf {
  from {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0);}
}

@-webkit-keyframes slideOutLeftHalf {
  from {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0);}
}
@keyframes slideOutLeftHalf {
  from {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0);}

}


@-webkit-keyframes slideOutRightHalf {
  from {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0);}
}
@keyframes slideOutRightHalf {
  from {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0);}
}


@-webkit-keyframes slideOutUpHalf {
  from {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0);}
}
@keyframes slideOutUpHalf {
  from {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0);}
}