a, a *{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
a:hover, a:hover *{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.btn-custom{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.btn-custom:hover{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}

.blue-bg::before{background:#004f75;}
.grey-bg::before{background:#202020;}
.green-bg::before{background:#3c7200;}
.revealed::before {z-index:35;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0% 0% 0px;
            transform-origin: 0% 0% 0px;
    will-change: transform;
    -webkit-animation: reveal 1s 0s ease-in-out forwards;
            animation: reveal 1s 0s ease-in-out forwards;
}


.dropDown .navbar-collapse{
    -webkit-animation-name: dropDown;
    animation-name: dropDown;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.dropUp .navbar-collapse{
    -webkit-animation-name: dropUp;
    animation-name: dropUp;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes dropDown {
    0% {-webkit-transform:translateY(-100%);transform:translateY(-100%);display:none !important;opacity:0;visibility:hidden;}
    100% {-webkit-transform:translateY(0);transform:translateY(0);display:block !important;opacity:1;visibility:visible;}
}
@-moz-keyframes dropDown {
	0% {-moz-transform:translateY(-100%);transform:translateY(-100%);display:none !important;opacity:0;visibility:hidden;}
	100% {-moz-transform:translateY(0);transform:translateY(0);display:block !important;opacity:1;visibility:visible;}
}
@keyframes dropDown {
    0% {-webkit-transform:translateY(-100%);transform:translateY(-100%);display:none !important;opacity:0;visibility:hidden;}
	100% {-webkit-transform:translateY(0);transform:translateY(0);display:block !important;opacity:1;visibility:visible;}
}

@-webkit-keyframes dropUp {
    0% {-webkit-transform:translateY(0);transform:translateY(0);display:block !important;opacity:1;visibility:visible;}
    100% {-webkit-transform:translateY(-100%);transform:translateY(-100%);display:none !important;opacity:0;visibility:hidden;}
}
@-moz-keyframes dropUp {
	0% {-moz-transform:translateY(0);transform:translateY(0);display:block !important;opacity:1;visibility:visible;}
	100% {-moz-transform:translateY(-100%);transform:translateY(-100%);display:none !important;opacity:0;visibility:hidden;}
}
@keyframes dropUp {
    0% {-webkit-transform:translateY(0);transform:translateY(0);display:block !important;opacity:1;visibility:visible;}
	100% {-webkit-transform:translateY(-100%);transform:translateY(-100%);display:none !important;opacity:0;visibility:hidden;}
}

@-webkit-keyframes reveal {
    0% {-webkit-transform: scaleX(0);transform: scaleX(0);}
    50% {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 0% 0% 0px;transform-origin: 0% 0% 0px;}
    51% {-webkit-transform-origin: 100% 50% 0px;transform-origin: 100% 50% 0px;}
    100% {-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 100% 50% 0px;transform-origin: 100% 50% 0px;}
}
@-moz-keyframes reveal{
    0% {-moz-transform: scaleX(0);transform: scaleX(0);}
    50% {-moz-transform: scaleX(1);transform: scaleX(1);-moz-transform-origin: 0% 0% 0px;transform-origin: 0% 0% 0px;}
    51% {-moz-transform-origin: 100% 50% 0px;transform-origin: 100% 50% 0px;}
    100% {-moz-transform: scaleX(0);transform: scaleX(0);-moz-transform-origin: 100% 50% 0px;transform-origin: 100% 50% 0px;}
}
@keyframes reveal {
    0% {-webkit-transform: scaleX(0);transform: scaleX(0);}
    50% {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 0% 0% 0px;transform-origin: 0% 0% 0px;}
    51% {-webkit-transform-origin: 100% 50% 0px;transform-origin: 100% 50% 0px;}
    100% {-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 100% 50% 0px;transform-origin: 100% 50% 0px;}
}