/* Animation CSS */

.hamburger { padding: 0px; display: inline-block; cursor: pointer; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }
.hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; }
.hamburger-inner { display: block; top: 50%; margin-top: -2px; }
 .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
 width: 40px;
 height: 4px;
 background-color: #fff;
 border-radius: 0px;
 position: absolute;
 transition-property: -webkit-transform;
 transition-property: transform;
 transition-property: transform, -webkit-transform;
 transition-duration: 0.15s;
 transition-timing-function: ease;
}
 .hamburger-inner::before, .hamburger-inner::after {
 content: "";
 display: block;
}
 .hamburger-inner::before {
 top: -10px;
}
 .hamburger-inner::after {
 bottom: -10px;
}
.hamburger--squeeze .hamburger-inner { transition-duration: 0.1s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
 .hamburger--squeeze .hamburger-inner::before {
 transition: top 0.1s 0.14s ease, opacity 0.1s ease;
}
 .hamburger--squeeze .hamburger-inner::after {
 transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
 transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
 transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner { -webkit-transform: rotate(45deg); transform: rotate(45deg); transition-delay: 0.14s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 .hamburger--squeeze.is-active .hamburger-inner::before {
 top: 0;
 opacity: 0;
 transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}
 .hamburger--squeeze.is-active .hamburger-inner::after {
 bottom: 0;
 -webkit-transform: rotate(-90deg);
 transform: rotate(-90deg);
 transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
 transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
 transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/**/

/* Homepage Skew */



.easeAll { transition:all .3s ease-in-out;
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
}
.animate { /*	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;*/ }
.fadeIn { opacity:0; transition: opacity .8s ease-in-out;
 -webkit-transition: opacity .8s ease-in-out;
 -moz-transition: opacity .8s ease-in-out;
 -o-transition: opacity .8s ease-in-out;
}
.fadeInUp { -webkit-transform : translate3d(0, 30px, 0); -webkit-moz : translate3d(0, 30px, 0); transform : translate3d(0, 30px, 0); opacity:0; transition: opacity .8s ease-in-out, transform .8s ease-in-out;
 -webkit-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
 -moz-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
 -o-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
}
.fadeIn.triggeredCSS3 { opacity:1 }
.fadeInUp.triggeredCSS3 { -webkit-transform : translate3d(0, 0, 0); -moz-transform : translate3d(0, 0, 0); transform : translate3d(0, 0, 0); opacity:1 }
.slideLeft { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(-100px, 0px, 0px); -webkit-transform: translate3d(-100px, 0px, 0px); -o-transform: translate(-100px, 0px); -ms-transform: translate(-100px, 0px); transform: translate3d(-100px, 0px, 0px); }
.slideLeft.triggeredCSS3 { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); }
.hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }
.hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; }
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-2px); transform: translateY(-2px);/* move the element up by 5px */ }
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); }
/* Read more Waves */

div.wave { position: relative; text-align: center; margin-left: auto; margin-right: auto; }
div.wave .dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right:2px; background: #fe5000; }
.newsListing ul li .discription .bottomRow .readmore a div.wave { text-align:right; }
.newsListing ul li .discription .bottomRow .readmore a div.wave .dot { vertical-align:top; margin-top:8px; transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
}
.newsListing ul li .discription .bottomRow .readmore a:hover div.wave .dot { background-color:#0c2340; }
.videoloader div.wave .dot { animation: wave 1.3s linear infinite; width:10px; height:10px; }
.videoloader div.wave .dot:nth-child(2) {
 animation-delay: -1.1s;
}
.videoloader div.wave .dot:nth-child(3) {
 animation-delay: -0.9s;
}
 @keyframes wave { 0%, 60%, 100% {
 transform: initial;
}
 30% {
 transform: translateY(-10px);
}
}
/* Read more waves End */  


/* Video Loader */
.videoloader { position: absolute; left: 0; right: 0; text-align: center; height: 80px; margin: auto; top: 0; bottom: 0; }
.videoloader .loading { color:#fe5000; margin-bottom:5px; font-size:18px; }
.teamList ul li:hover .hvrbox-layer_slidedown, .teamList ul li.active .hvrbox-layer_slidedown, .teamList ul li.selectedItem .hvrbox-layer_slidedown { opacity:1; }



/* Animation CSS */


