[genuitec-file-id="wc1-5"], [genuitec-lp-path="/ibanking/src/main/webapp/css/style.css"],
	[genuitec-lp-enabled=false] {
	/* for codelive */
	
}

/*Stylesheet  for Indian Overseas Bank
*/

/*animate CSS*/
@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}40%,43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0)}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0)}90%{-webkit-transform: translate3d(0, -4px, 0);transform: translate3d(0, -4px, 0)}}@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}40%,43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0)}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0)}90%{-webkit-transform: translate3d(0, -4px, 0);transform: translate3d(0, -4px, 0)}}.bounce{-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;transform-origin: center bottom}@-webkit-keyframes flash{from,50%,to{opacity: 1}25%,75%{opacity: 0}}@keyframes flash{from,50%,to{opacity: 1}25%,75%{opacity: 0}}.flash{-webkit-animation-name: flash;animation-name: flash}@-webkit-keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05)}to{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}}@keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05)}to{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}}.pulse{-webkit-animation-name: pulse;animation-name: pulse}@-webkit-keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}30%{-webkit-transform: scale3d(1.25, 0.75, 1);transform: scale3d(1.25, 0.75, 1)}40%{-webkit-transform: scale3d(0.75, 1.25, 1);transform: scale3d(0.75, 1.25, 1)}50%{-webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1)}65%{-webkit-transform: scale3d(0.95, 1.05, 1);transform: scale3d(0.95, 1.05, 1)}75%{-webkit-transform: scale3d(1.05, 0.95, 1);transform: scale3d(1.05, 0.95, 1)}to{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}}@keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}30%{-webkit-transform: scale3d(1.25, 0.75, 1);transform: scale3d(1.25, 0.75, 1)}40%{-webkit-transform: scale3d(0.75, 1.25, 1);transform: scale3d(0.75, 1.25, 1)}50%{-webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1)}65%{-webkit-transform: scale3d(0.95, 1.05, 1);transform: scale3d(0.95, 1.05, 1)}75%{-webkit-transform: scale3d(1.05, 0.95, 1);transform: scale3d(1.05, 0.95, 1)}to{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}}.rubberBand{-webkit-animation-name: rubberBand;animation-name: rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}10%,30%,50%,70%,90%{-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0)}}@keyframes shake{from,to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}10%,30%,50%,70%,90%{-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0)}}.shake{-webkit-animation-name: shake;animation-name: shake}@-webkit-keyframes headShake{0%{-webkit-transform: translateX(0);transform: translateX(0)}6.5%{-webkit-transform: translateX(-6px) rotateY(-9deg);transform: translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform: translateX(5px) rotateY(7deg);transform: translateX(5px) rotateY(7deg)}31.5%{-webkit-transform: translateX(-3px) rotateY(-5deg);transform: translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform: translateX(2px) rotateY(3deg);transform: translateX(2px) rotateY(3deg)}50%{-webkit-transform: translateX(0);transform: translateX(0)}}@keyframes headShake{0%{-webkit-transform: translateX(0);transform: translateX(0)}6.5%{-webkit-transform: translateX(-6px) rotateY(-9deg);transform: translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform: translateX(5px) rotateY(7deg);transform: translateX(5px) rotateY(7deg)}31.5%{-webkit-transform: translateX(-3px) rotateY(-5deg);transform: translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform: translateX(2px) rotateY(3deg);transform: translateX(2px) rotateY(3deg)}50%{-webkit-transform: translateX(0);transform: translateX(0)}}.headShake{-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-name: headShake;animation-name: headShake}@-webkit-keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg)}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg)}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg)}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg)}to{-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg)}}@keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg)}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg)}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg)}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg)}to{-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg)}}.swing{-webkit-transform-origin: top center;transform-origin: top center;-webkit-animation-name: swing;animation-name: swing}@-webkit-keyframes tada{from{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}10%,20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%,50%,70%,90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%,60%,80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}to{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}}@keyframes tada{from{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}10%,20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%,50%,70%,90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%,60%,80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}to{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}}.tada{-webkit-animation-name: tada;animation-name: tada}@-webkit-keyframes wobble{from{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)}30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)}45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)}60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)}75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}@keyframes wobble{from{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)}30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)}45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)}60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)}75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}.wobble{-webkit-animation-name: wobble;animation-name: wobble}@-webkit-keyframes jello{from,11.1%,to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);transform: skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg);transform: skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);transform: skewX(-0.1953125deg) skewY(-0.1953125deg)}}@keyframes jello{from,11.1%,to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);transform: skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg);transform: skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);transform: skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello{-webkit-animation-name: jello;animation-name: jello;-webkit-transform-origin: center;transform-origin: center}@-webkit-keyframes heartBeat{0%{-webkit-transform: scale(1);transform: scale(1)}14%{-webkit-transform: scale(1.3);transform: scale(1.3)}28%{-webkit-transform: scale(1);transform: scale(1)}42%{-webkit-transform: scale(1.3);transform: scale(1.3)}70%{-webkit-transform: scale(1);transform: scale(1)}}@keyframes heartBeat{0%{-webkit-transform: scale(1);transform: scale(1)}14%{-webkit-transform: scale(1.3);transform: scale(1.3)}28%{-webkit-transform: scale(1);transform: scale(1)}42%{-webkit-transform: scale(1.3);transform: scale(1.3)}70%{-webkit-transform: scale(1);transform: scale(1)}}.heartBeat{-webkit-animation-name: heartBeat;animation-name: heartBeat;-webkit-animation-duration: 1.3s;animation-duration: 1.3s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out}@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.9)}60%{opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97);transform: scale3d(0.97, 0.97, 0.97)}to{opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}}@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.9)}60%{opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97);transform: scale3d(0.97, 0.97, 0.97)}to{opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}}.bounceIn{-webkit-animation-duration: 0.75s;animation-duration: 0.75s;-webkit-animation-name: bounceIn;animation-name: bounceIn}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity: 0;-webkit-transform: translate3d(0, -3000px, 0);transform: translate3d(0, -3000px, 0)}60%{opacity: 1;-webkit-transform: translate3d(0, 25px, 0);transform: translate3d(0, 25px, 0)}75%{-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0)}90%{-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0)}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity: 0;-webkit-transform: translate3d(0, -3000px, 0);transform: translate3d(0, -3000px, 0)}60%{opacity: 1;-webkit-transform: translate3d(0, 25px, 0);transform: translate3d(0, 25px, 0)}75%{-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0)}90%{-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0)}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}.bounceInDown{-webkit-animation-name: bounceInDown;animation-name: bounceInDown}@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0);transform: translate3d(-3000px, 0, 0)}60%{opacity: 1;-webkit-transform: translate3d(25px, 0, 0);transform: translate3d(25px, 0, 0)}75%{-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0)}90%{-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0)}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0);transform: translate3d(-3000px, 0, 0)}60%{opacity: 1;-webkit-transform: translate3d(25px, 0, 0);transform: translate3d(25px, 0, 0)}75%{-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0)}90%{-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0)}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}.bounceInLeft{-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft}@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity: 0;-webkit-transform: translate3d(3000px, 0, 0);transform: translate3d(3000px, 0, 0)}60%{opacity: 1;-webkit-transform: translate3d(-25px, 0, 0);transform: translate3d(-25px, 0, 0)}75%{-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0)}90%{-webkit-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0)}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity: 0;-webkit-transform: translate3d(3000px, 0, 0);transform: translate3d(3000px, 0, 0)}60%{opacity: 1;-webkit-transform: translate3d(-25px, 0, 0);transform: translate3d(-25px, 0, 0)}75%{-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0)}90%{-webkit-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0)}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}.bounceInRight{-webkit-animation-name: bounceInRight;animation-name: bounceInRight}@-webkit-keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity: 0;-webkit-transform: translate3d(0, 3000px, 0);transform: translate3d(0, 3000px, 0)}60%{opacity: 1;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0)}75%{-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0)}90%{-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0)}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity: 0;-webkit-transform: translate3d(0, 3000px, 0);transform: translate3d(0, 3000px, 0)}60%{opacity: 1;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0)}75%{-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0)}90%{-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0)}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}.bounceInUp{-webkit-animation-name: bounceInUp;animation-name: bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.9)}50%,55%{opacity: 1;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1)}to{opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3)}}@keyframes bounceOut{20%{-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.9)}50%,55%{opacity: 1;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1)}to{opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3)}}.bounceOut{-webkit-animation-duration: 0.75s;animation-duration: 0.75s;-webkit-animation-name: bounceOut;animation-name: bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0)}40%,45%{opacity: 1;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0)}to{opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0)}}@keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0)}40%,45%{opacity: 1;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0)}to{opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0)}}.bounceOutDown{-webkit-animation-name: bounceOutDown;animation-name: bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity: 1;-webkit-transform: translate3d(20px, 0, 0);transform: translate3d(20px, 0, 0)}to{opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0)}}@keyframes bounceOutLeft{20%{opacity: 1;-webkit-transform: translate3d(20px, 0, 0);transform: translate3d(20px, 0, 0)}to{opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0)}}.bounceOutLeft{-webkit-animation-name: bounceOutLeft;animation-name: bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity: 1;-webkit-transform: translate3d(-20px, 0, 0);transform: translate3d(-20px, 0, 0)}to{opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0)}}@keyframes bounceOutRight{20%{opacity: 1;-webkit-transform: translate3d(-20px, 0, 0);transform: translate3d(-20px, 0, 0)}to{opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0)}}.bounceOutRight{-webkit-animation-name: bounceOutRight;animation-name: bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0)}40%,45%{opacity: 1;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0)}to{opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0)}}@keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0)}40%,45%{opacity: 1;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0)}to{opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0)}}.bounceOutUp{-webkit-animation-name: bounceOutUp;animation-name: bounceOutUp}@-webkit-keyframes fadeIn{from{opacity: 0}to{opacity: 1}}@keyframes fadeIn{from{opacity: 0}to{opacity: 1}}.fadeIn{-webkit-animation-name: fadeIn;animation-name: fadeIn}@-webkit-keyframes fadeInDown{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 fadeInDown{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)}}.fadeInDown{-webkit-animation-name: fadeInDown;animation-name: fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0)}to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}@keyframes fadeInDownBig{from{opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0)}to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}.fadeInDownBig{-webkit-animation-name: fadeInDownBig;animation-name: fadeInDownBig}@-webkit-keyframes fadeInLeft{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 fadeInLeft{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)}}.fadeInLeft{-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0)}to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}@keyframes fadeInLeftBig{from{opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0)}to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}.fadeInLeftBig{-webkit-animation-name: fadeInLeftBig;animation-name: fadeInLeftBig}@-webkit-keyframes fadeInRight{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 fadeInRight{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)}}.fadeInRight{-webkit-animation-name: fadeInRight;animation-name: fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0)}to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}@keyframes fadeInRightBig{from{opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0)}to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}.fadeInRightBig{-webkit-animation-name: fadeInRightBig;animation-name: fadeInRightBig}@-webkit-keyframes fadeInUp{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 fadeInUp{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)}}.fadeInUp{-webkit-animation-name: fadeInUp;animation-name: fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0)}to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}@keyframes fadeInUpBig{from{opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0)}to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}.fadeInUpBig{-webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity: 1}to{opacity: 0}}@keyframes fadeOut{from{opacity: 1}to{opacity: 0}}.fadeOut{-webkit-animation-name: fadeOut;animation-name: fadeOut}@-webkit-keyframes fadeOutDown{from{opacity: 1}to{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}}@keyframes fadeOutDown{from{opacity: 1}to{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}}.fadeOutDown{-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity: 1}to{opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0)}}@keyframes fadeOutDownBig{from{opacity: 1}to{opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0)}}.fadeOutDownBig{-webkit-animation-name: fadeOutDownBig;animation-name: fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity: 1}to{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}}@keyframes fadeOutLeft{from{opacity: 1}to{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}}.fadeOutLeft{-webkit-animation-name: fadeOutLeft;animation-name: fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity: 1}to{opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0)}}@keyframes fadeOutLeftBig{from{opacity: 1}to{opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0)}}.fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig;animation-name: fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity: 1}to{opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0)}}@keyframes fadeOutRight{from{opacity: 1}to{opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0)}}.fadeOutRight{-webkit-animation-name: fadeOutRight;animation-name: fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity: 1}to{opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0)}}@keyframes fadeOutRightBig{from{opacity: 1}to{opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0)}}.fadeOutRightBig{-webkit-animation-name: fadeOutRightBig;animation-name: fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity: 1}to{opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0)}}@keyframes fadeOutUp{from{opacity: 1}to{opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0)}}.fadeOutUp{-webkit-animation-name: fadeOutUp;animation-name: fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity: 1}to{opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0)}}@keyframes fadeOutUpBig{from{opacity: 1}to{opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0)}}.fadeOutUpBig{-webkit-animation-name: fadeOutUpBig;animation-name: fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)rotate3d(0, 1, 0, -360deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out}40%{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -190deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out}50%{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -170deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}80%{-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}to{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}}@keyframes flip{from{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)rotate3d(0, 1, 0, -360deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out}40%{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -190deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out}50%{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -170deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}80%{-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}to{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}}.animated.flip{-webkit-backface-visibility: visible;backface-visibility: visible;-webkit-animation-name: flip;animation-name: flip}@-webkit-keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg)}to{-webkit-transform: perspective(400px);transform: perspective(400px)}}@keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg)}to{-webkit-transform: perspective(400px);transform: perspective(400px)}}.flipInX{-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInX;animation-name: flipInX}@-webkit-keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg)}to{-webkit-transform: perspective(400px);transform: perspective(400px)}}@keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg)}to{-webkit-transform: perspective(400px);transform: perspective(400px)}}.flipInY{-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInY;animation-name: flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform: perspective(400px);transform: perspective(400px)}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);opacity: 1}to{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);opacity: 0}}@keyframes flipOutX{from{-webkit-transform: perspective(400px);transform: perspective(400px)}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);opacity: 1}to{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);opacity: 0}}.flipOutX{-webkit-animation-duration: 0.75s;animation-duration: 0.75s;-webkit-animation-name: flipOutX;animation-name: flipOutX;-webkit-backface-visibility: visible !important;backface-visibility: visible !important}@-webkit-keyframes flipOutY{from{-webkit-transform: perspective(400px);transform: perspective(400px)}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);transform: perspective(400px) rotate3d(0, 1, 0, -15deg);opacity: 1}to{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);opacity: 0}}@keyframes flipOutY{from{-webkit-transform: perspective(400px);transform: perspective(400px)}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);transform: perspective(400px) rotate3d(0, 1, 0, -15deg);opacity: 1}to{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);opacity: 0}}.flipOutY{-webkit-animation-duration: 0.75s;animation-duration: 0.75s;-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipOutY;animation-name: flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);transform: translate3d(100%, 0, 0) skewX(-30deg);opacity: 0}60%{-webkit-transform: skewX(20deg);transform: skewX(20deg);opacity: 1}80%{-webkit-transform: skewX(-5deg);transform: skewX(-5deg)}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}@keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);transform: translate3d(100%, 0, 0) skewX(-30deg);opacity: 0}60%{-webkit-transform: skewX(20deg);transform: skewX(20deg);opacity: 1}80%{-webkit-transform: skewX(-5deg);transform: skewX(-5deg)}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}.lightSpeedIn{-webkit-animation-name: lightSpeedIn;animation-name: lightSpeedIn;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out}@-webkit-keyframes lightSpeedOut{from{opacity: 1}to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);transform: translate3d(100%, 0, 0) skewX(30deg);opacity: 0}}@keyframes lightSpeedOut{from{opacity: 1}to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);transform: translate3d(100%, 0, 0) skewX(30deg);opacity: 0}}.lightSpeedOut{-webkit-animation-name: lightSpeedOut;animation-name: lightSpeedOut;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, -200deg);transform: rotate3d(0, 0, 1, -200deg);opacity: 0}to{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1}}@keyframes rotateIn{from{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, -200deg);transform: rotate3d(0, 0, 1, -200deg);opacity: 0}to{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1}}.rotateIn{-webkit-animation-name: rotateIn;animation-name: rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0}to{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0}to{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1}}.rotateInDownLeft{-webkit-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0}to{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1}}@keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0}to{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1}}.rotateInDownRight{-webkit-animation-name: rotateInDownRight;animation-name: rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0}to{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0}to{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1}}.rotateInUpLeft{-webkit-animation-name: rotateInUpLeft;animation-name: rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -90deg);transform: rotate3d(0, 0, 1, -90deg);opacity: 0}to{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1}}@keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -90deg);transform: rotate3d(0, 0, 1, -90deg);opacity: 0}to{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1}}.rotateInUpRight{-webkit-animation-name: rotateInUpRight;animation-name: rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin: center;transform-origin: center;opacity: 1}to{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, 200deg);transform: rotate3d(0, 0, 1, 200deg);opacity: 0}}@keyframes rotateOut{from{-webkit-transform-origin: center;transform-origin: center;opacity: 1}to{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, 200deg);transform: rotate3d(0, 0, 1, 200deg);opacity: 0}}.rotateOut{-webkit-animation-name: rotateOut;animation-name: rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1}to{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1}to{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0}}.rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft;animation-name: rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1}to{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1}to{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0}}.rotateOutDownRight{-webkit-animation-name: rotateOutDownRight;animation-name: rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1}to{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1}to{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0}}.rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft;animation-name: rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1}to{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 90deg);transform: rotate3d(0, 0, 1, 90deg);opacity: 0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1}to{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 90deg);transform: rotate3d(0, 0, 1, 90deg);opacity: 0}}.rotateOutUpRight{-webkit-animation-name: rotateOutUpRight;animation-name: rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out}20%,60%{-webkit-transform: rotate3d(0, 0, 1, 80deg);transform: rotate3d(0, 0, 1, 80deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out}40%,80%{-webkit-transform: rotate3d(0, 0, 1, 60deg);transform: rotate3d(0, 0, 1, 60deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;opacity: 1}to{-webkit-transform: translate3d(0, 700px, 0);transform: translate3d(0, 700px, 0);opacity: 0}}@keyframes hinge{0%{-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out}20%,60%{-webkit-transform: rotate3d(0, 0, 1, 80deg);transform: rotate3d(0, 0, 1, 80deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out}40%,80%{-webkit-transform: rotate3d(0, 0, 1, 60deg);transform: rotate3d(0, 0, 1, 60deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;opacity: 1}to{-webkit-transform: translate3d(0, 700px, 0);transform: translate3d(0, 700px, 0);opacity: 0}}.hinge{-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-name: hinge;animation-name: hinge}@-webkit-keyframes jackInTheBox{from{opacity: 0;-webkit-transform: scale(0.1) rotate(30deg);transform: scale(0.1) rotate(30deg);-webkit-transform-origin: center bottom;transform-origin: center bottom}50%{-webkit-transform: rotate(-10deg);transform: rotate(-10deg)}70%{-webkit-transform: rotate(3deg);transform: rotate(3deg)}to{opacity: 1;-webkit-transform: scale(1);transform: scale(1)}}@keyframes jackInTheBox{from{opacity: 0;-webkit-transform: scale(0.1) rotate(30deg);transform: scale(0.1) rotate(30deg);-webkit-transform-origin: center bottom;transform-origin: center bottom}50%{-webkit-transform: rotate(-10deg);transform: rotate(-10deg)}70%{-webkit-transform: rotate(3deg);transform: rotate(3deg)}to{opacity: 1;-webkit-transform: scale(1);transform: scale(1)}}.jackInTheBox{-webkit-animation-name: jackInTheBox;animation-name: jackInTheBox}@-webkit-keyframes rollIn{from{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}@keyframes rollIn{from{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}.rollIn{-webkit-animation-name: rollIn;animation-name: rollIn}@-webkit-keyframes rollOut{from{opacity: 1}to{opacity: 0;-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}}@keyframes rollOut{from{opacity: 1}to{opacity: 0;-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}}.rollOut{-webkit-animation-name: rollOut;animation-name: rollOut}@-webkit-keyframes zoomIn{from{opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3)}50%{opacity: 1}}@keyframes zoomIn{from{opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3)}50%{opacity: 1}}.zoomIn{-webkit-animation-name: zoomIn;animation-name: zoomIn}@-webkit-keyframes zoomInDown{from{opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomInDown{from{opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInDown{-webkit-animation-name: zoomInDown;animation-name: zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomInLeft{from{opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInLeft{-webkit-animation-name: zoomInLeft;animation-name: zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomInRight{from{opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInRight{-webkit-animation-name: zoomInRight;animation-name: zoomInRight}@-webkit-keyframes zoomInUp{from{opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomInUp{from{opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInUp{-webkit-animation-name: zoomInUp;animation-name: zoomInUp}@-webkit-keyframes zoomOut{from{opacity: 1}50%{opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3)}to{opacity: 0}}@keyframes zoomOut{from{opacity: 1}50%{opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3)}to{opacity: 0}}.zoomOut{-webkit-animation-name: zoomOut;animation-name: zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomOutDown{40%{opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomOutDown{-webkit-animation-name: zoomOutDown;animation-name: zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity: 0;-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);transform: scale(0.1) translate3d(-2000px, 0, 0);-webkit-transform-origin: left center;transform-origin: left center}}@keyframes zoomOutLeft{40%{opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity: 0;-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);transform: scale(0.1) translate3d(-2000px, 0, 0);-webkit-transform-origin: left center;transform-origin: left center}}.zoomOutLeft{-webkit-animation-name: zoomOutLeft;animation-name: zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity: 0;-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);transform: scale(0.1) translate3d(2000px, 0, 0);-webkit-transform-origin: right center;transform-origin: right center}}@keyframes zoomOutRight{40%{opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity: 0;-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);transform: scale(0.1) translate3d(2000px, 0, 0);-webkit-transform-origin: right center;transform-origin: right center}}.zoomOutRight{-webkit-animation-name: zoomOutRight;animation-name: zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomOutUp{40%{opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomOutUp{-webkit-animation-name: zoomOutUp;animation-name: zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);visibility: visible}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}@keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);visibility: visible}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}.slideInDown{-webkit-animation-name: slideInDown;animation-name: slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}@keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}.slideInLeft{-webkit-animation-name: slideInLeft;animation-name: slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);visibility: visible}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}@keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);visibility: visible}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}.slideInRight{-webkit-animation-name: slideInRight;animation-name: slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);visibility: visible}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}@keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);visibility: visible}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}.slideInUp{-webkit-animation-name: slideInUp;animation-name: slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}to{visibility: hidden;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}}@keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}to{visibility: hidden;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}}.slideOutDown{-webkit-animation-name: slideOutDown;animation-name: slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}to{visibility: hidden;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}}@keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}to{visibility: hidden;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}}.slideOutLeft{-webkit-animation-name: slideOutLeft;animation-name: slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}to{visibility: hidden;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0)}}@keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}to{visibility: hidden;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0)}}.slideOutRight{-webkit-animation-name: slideOutRight;animation-name: slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}to{visibility: hidden;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0)}}@keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}to{visibility: hidden;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0)}}.slideOutUp{-webkit-animation-name: slideOutUp;animation-name: slideOutUp}.animated{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both}.animated.infinite{-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite}.animated.delay-1s{-webkit-animation-delay: 1s;animation-delay: 1s}.animated.delay-2s{-webkit-animation-delay: 2s;animation-delay: 2s}.animated.delay-3s{-webkit-animation-delay: 3s;animation-delay: 3s}.animated.delay-4s{-webkit-animation-delay: 4s;animation-delay: 4s}.animated.delay-5s{-webkit-animation-delay: 5s;animation-delay: 5s}.animated.fast{-webkit-animation-duration: 800ms;animation-duration: 800ms}.animated.faster{-webkit-animation-duration: 500ms;animation-duration: 500ms}.animated.slow{-webkit-animation-duration: 2s;animation-duration: 2s}.animated.slower{-webkit-animation-duration: 3s;animation-duration: 3s}@media (print), (prefers-reduced-motion){.animated{-webkit-animation: unset !important;animation: unset !important;-webkit-transition: none !important;transition: none !important}}

@keyframes spin {
  0% { transform: scale(1,1); }
  50% { transform: scale(1.2,1.2); }
  100% { transform: scale(1,1); }
}

#top{
	min-height: 100%;
    position: relative;
}

@media (min-width: 1920px){
	html {
		font-size: 22px;
		min-height: 100%;
	}
	.container {
	    max-width: 1450px;
	}
	.special-menu li {
		background: url('../images/spl-menu-bg.png') no-repeat center left;
	}
	
	.nav_top .navbar-nav>li span {
	    font-size: 1em!important;
	}
	/*.section-main {
		height: 80px!important;
	}
	#captchaimg{
		width:200px;
	} */
	h4.alert-heading{
		color:inherit;
		font-size:1.2em;
		font-weight:bold;
	}
	h3{font-size:1.25em!important;}
	.content-secondary-section table tr th, .content-secondary-section table tr td
	{
		font-size: 0.9em!important;
	}
	.form-control{
		max-width:287px!important;
	}
	.type-wrap{
		/* font-size: 14px!important; */
	}
	.datepicker-iob {
		width: 287px!important;
		/* margin: 0 -18px 20px 20px; */
		/* margin-left: 62px; */
		/* border: 1px solid #ced4da; */
	}
	.datepicker table{
		font-size: 1.35em!important;
	}	
	#logo .d-md-block.d-none{
		height:100px!important; 
	}
}

#process{width:300px;}

#process img{
  /* -webkit-animation: spin 1s infinite;
  animation: spin 1s infinite; */
  width:100px;
}

/* Reset Code */
@font-face {
	font-family: "Font Awesome 5 Brands";
	font-style: normal;
	font-weight: normal;
	src: url(../webfonts/fa-brands-400.eot);
	src: url(../webfonts/fa-brands-400.eot?#iefix)
		format("embedded-opentype"), url(../webfonts/fa-brands-400.woff2)
		format("woff2"), url(../webfonts/fa-brands-400.woff) format("woff"),
		url(../webfonts/fa-brands-400.ttf) format("truetype"),
		url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")
}

.fab {
	font-family: "Font Awesome 5 Brands"
}

@font-face {
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 400;
	src: url(../webfonts/fa-regular-400.eot);
	src: url(../webfonts/fa-regular-400.eot?#iefix)
		format("embedded-opentype"), url(../webfonts/fa-regular-400.woff2)
		format("woff2"), url(../webfonts/fa-regular-400.woff) format("woff"),
		url(../webfonts/fa-regular-400.ttf) format("truetype"),
		url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")
}

.far {
	font-weight: 400
}

@font-face {
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
	src: url(../webfonts/fa-solid-900.eot);
	src: url(../webfonts/fa-solid-900.eot?#iefix)
		format("embedded-opentype"), url(../webfonts/fa-solid-900.woff2)
		format("woff2"), url(../webfonts/fa-solid-900.woff) format("woff"),
		url(../webfonts/fa-solid-900.ttf) format("truetype"),
		url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")
}

body {
    font: 75%/150% "Lato", Arial, Helvetica, sans-serif;
    background-color: #fff;
    color: #838383;
    overflow-x: hidden;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0px;
    overflow-y: scroll;
    margin: 0;
    height: 100%;
    width: 100%;
}

body a, body button, input[type="button"], input[type="submit"], input[type="reset"]
	{
	/* transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all; */
	text-decoration: none;
}

a {
	color: #2b6496;
}

body a:hover, body button:hover {
	text-decoration: none;
	/* transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all; */
}

html {
	scroll-behavior: smooth;
}

body a:focus, a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: 75%/ 150% "Lato", Arial, Helvetica, sans-serif;
}

p {
	font-size: 1.15em;
	line-height: 1.6666;
	margin-bottom: 15px;
	color: #000;
	font-family: 75%/ 150% "Lato", Arial, Helvetica, sans-serif;
}

ul, ol {
	margin: 0;
	padding: 0;
}

.pad-0 {
	padding: 0;
}

.pad-5 {
	padding: 5px;
}

.mt-15 {
	margin-top: -15px;
}

.ml-16 {
	margin-left: 13px !important;
}

a:focus, a:hover {
	text-decoration: none;
	outline: none
}

.header-name-password p {
	color: #337ab7;
	font-size:14px;
}

.header-name-password a {
	color: #337ab7;
	font-size: 14px;
	border-bottom: 1px solid #1b588e;
}

.header-name-password span {
	font-weight: bold;
}

.header-name-password h4 {
	font-size: 1rem;
}

/*header nav bar*/
.navbar {
	text-align: center;
}

.nav-link {
	text-align: center;
	display: block;
	padding: .5rem 0;
}

.nav-link h2 {
	width: 100%;
	text-align: center;
	word-break: break-all;
}

.nav_top .nav-link span {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
	    line-height: 1.2;
		padding: 4px;
		word-break: break-all;
		    width: 100%;
			    color: #fff;
    font-size: 1.10em;
    font-weight: bold;
    margin: 0;
    text-align: left;
}


.navbar-nav>.nav-item.active>a, .navbar-nav>li.active>a:focus,
	.navbar-nav>li.active>a:hover {
	background: #e53935;
	border-radius: 0;
	border: none;
}

.nav-width-section {
	display: block
}

.nav-width-section .navbar-nav>li {
	min-width: 0;
	height: auto;
	margin: 0;
	padding: 0;
}

.nav-width-section .navbar-nav>li a:hover {
	background: #1b588e;
}

.nav-width-section .navbar-nav>li span {
	color: #fff;
	font-size: 0.65em;
}

.nav-width-section .nav>li>a:focus, .nav-width-section .nav>li>a:hover {
	border: none;
	border-radius: 0;
}

.header-section-top .main-header {
	border-bottom: 0 !important;
}

.nav-width-section .navbar-nav {
	border-bottom: 0;
}

.nav-width-section ul li button {
	background: transparent;
	height: auto;
}

.nav-width-section .navbar-nav>li>a {
	margin-right: 0;
	margin-bottom: -1px;
	text-align: center;
}

.nav-logout-section .navbar-nav>li>a:hover {
	background: #e53935;
	border: none;
	border-radius: 0;
}

.nav-logout-section .navbar-nav>li>a:active {
	background: #e53935;
	border: none;
	border-radius: 0;
}

.sidemenu-icon {
	/* margin: 0 20px 0 0; */
	float: right;
	/* padding: 0px 30px 5px 2px; */
}

.nav-logout-section .navbar {
	padding: 0px;
}

.nav-logout-section {
	background: #1b588e;
	border-bottom: 10px solid #e53935;
}
/*.nav-logout{margin-top:26px;}*/
.nav-logout a:hover {
	background: #e53935 !important;
	color: #fff;
}

.nav-logout img {
	margin-bottom: 4px;
}

.fa-dashboard {
	font-size: 2em;
	color: #eee;
	width:100%;
}

.nav-logout {
	min-width: 12em;
    margin-top: 1em;
}

.nav-logout a {
	background: #e53935;
	color: #fff;
	padding: 10px 15px 10px 15px;
	font-size: 1.1em;
	position: relative;
	left: 30px;
}

.fa-bars {
	color: #FFF;
}

/*end header navbar*/
.last-login-danger {
	font-size: 18px;
	color: #e53935;
	margin-left: 24px;
	margin-top: 10px;
}

.account-statement-section p {
	color: #1b588e;
	font-size: 13px;
}

.lastlogin-section p {
	color: #b91616;
	font-size: 0.8em;
	margin: 5px 0;
}
/*start vertical tab*/
/*.accordian .vertical-tab-width{width: 20%;}
.accordian ul li.accounts-heading{background: #1b588e;padding:0px;}
.accordian ul li.profile-heading {background: #1b588e;padding:0px;}
.accordian ul li.accounts-heading:hover {background: #1b588e;}
.accordian ul li.profile-heading:hover{
	background: #1b588e;	
}*/
h2.primaryvertablinks {
	background: #1b588e;
	padding: 6px;
	color: #fff;
	text-align: center;
	line-height: 1.75em;
	font-size: 1.25em;
	margin-bottom: -3px;
}

#nav ul li h3 {
	color: #fff;
	text-align: center;
	line-height: 18px;
	font-size: 1.05rem;
	margin: 5px 5px;
}

#nav ul li a {
	display: block;
	width: 100%;
	padding: 7px 15px!important;
	font-weight:400;
	
}

#nav ul li a :hover {
	color: #fff;
}

#nav ul li {
	background: #f9f9f9;
	border-bottom: 1px solid #bfd2de;
	font-size: 1.0em;
	line-height: 1.25em;
}

#nav ul li:hover {
	background-color: #1ba1e2;
	color:#FFF;
}

#nav ul ul li {
	position: relative;
	background: #1ba1e2;
	color: #fff;
	width:100%;
}

.flex-column>li>a {
	font-size: 13px;
	text-align: left;
}

#nav ul .show li:hover a.nav-link {
	/* color: #eee; */
	transition: none;
	-webkit-transition: none;
}

li.nav-item.inner-li a.nav-link {
    background: #FFF;
    color: #1b588e;
}

/*start vertical tab*/
/*.accordian .vertical-tab-width{width: 20%;}*/
.accordian ul li.accounts-heading{background: #1b588e;padding:0px;}
.accordian ul li.profile-heading {background: #1b588e;padding:0px;}
.accordian ul li.accounts-heading:hover {background: #1b588e;}
.accordian ul li.profile-heading:hover{
	background: #1b588e;	
}
.accordian ul li h3 {
    color: #fff;
    text-align: center;
    line-height: 18px;
    font-size: 1.05rem;
	margin: 5px 5px;
}
.accordian ul li a {
    color: #1b588e;
	padding: 10px 15px;
	
}
.accordian ul li a :hover{
    color: #fff;
}
.accordian ul li {
    background: #f9f9f9;
    border-bottom: 1px solid #bfd2de;
    font-size: 14px;
	line-height: 8px;
}
.accordian ul li:hover {
	background-color: #1ba1e2;
	
}
.accordian ul ul li {
    position: relative;
    background: #1ba1e2;
	color:#fff;
}
.flex-column > li > a {
	font-size: 1em;
}

.accordian ul li:hover a{
	color:#eee;
	transition: none; 
    -webkit-transition: none;
}

.flex-column>li>a:hover {
	/*background-color: red;*/
	color: #fff;
}

#nav li li a {
	color: #0e0e0e;
	background: #fff;
	width:100%;
	line-height:normal;
	padding:7px 15px 7px 30px!important;
	font-weight:600;
}

#nav li li a:before {
    content: '- ';
}

.nav-scroll {
	width: 100%;
	max-height:290px;
	height: auto;
	overflow-y: auto;
	margin-bottom:10px;
	/* background: #1b588e; */
}
::-webkit-scrollbar {
    width: 15px;
    background:lightgray;
}
.in-hamb{
	margin-top:-30px;
}
/* end vertical tab */
.important-notice-section {
	/* margin-bottom: 100px; */
	/* padding: 0px 15px; */
}

.important-notice-bg {
	background: #e53935;
	padding: 18px;
}

.important-danger {
	font-size: 18px;
	color: #eee;
	margin-top: 10px;
	margin-right: 5px;
}

.important-notice-section h4, .important-notice-section img {
	margin-top: 10px;
	color: #fff;
	font-size: 1.15em;
}

.important-notice-section p {
	color: #fff;
	font-size: 1.05em;
}

.flt-l {
	float: left;
}

.flt-r {
	float: right;
}

/*footer*/
.gray-area {
	background: #1b5997;
}

#header .logo a, #footer .logo a, .chaser .logo a {
	display: block;
}
#footer{
	position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
}
#footer .bottom .logo {
	margin: 6px 0px 0px 0px;
}

#footer .logo li {
	list-style: none;
	display: inline;
	padding-left: 10px;
	float: left;
	color: #FFF;
}

#footer .bottom .copyright {
	font-size: 1.0833em;
	color: #FFF;
}

.copyright p {
	font-size: 1.0833em;
	margin: 4px 0 0 0;
	color: #FFF;
}

.gray-area ul li a {
	font-size: 1.05em;
	margin: 0px 0 0 0;
	color: #FFF;
}

#footer .copyright p {
	font-size: 0.75em;
}

.pull-left {
	float: left !important;
}
/*end footer*/
/*start my account section*/
.secondarytabs li.current a {
	color: #ffffff;
	background: #e53935;
}

.content .secondary-fullwidth-container {
	width: 100%;
}

.myaccount-table {
	overflow-x: auto;
	overflow-y:hidden;
}

.content .accounts-tab-table {
	background: #edf9ff;
}

.table-striped>tbody>tr td, .table-striped>tbody>tr {
	background: #edf9ff;
}

.table-striped>tbody>tr:nth-of-type(odd) td, .table-striped>tbody>tr:nth-of-type(odd)
	{
	background: #fff;
}

.content .table-striped>tbody>tr:nth-of-type(odd) {
	background: #fff;
}

.content table tr th {
	width: 13%;
}

.content table tr th, .content table tr td {
	color: #1b588e;
	font-size: 13px;
	text-align: center;
	border: none;
}

.content .accounts-tab-table tr td a {
	text-decoration: underline;
	color: #000;
}

a:hover, a:focus {
	color: #01b7f2;
	text-decoration: none;
}

button, input[type="button"], input[type="submit"], input[type="reset"]
	{
	background: #27ae60;
	/* height: 34px; */
	/* line-height: 34px; */
	margin-bottom: 8px;
	border: none;
	color: #fff;
	cursor: pointer;
	padding: 5px 19px;
}

button:hover {
	background: #1b588e;
}

.secondary-tab-content {
	display: none;
}

ul.secondarytabs {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.secondarytabs li {
	color: #fff;
	display: inline-block;
	padding: 0px;
	cursor: pointer;
	font-size: 14px;
	margin-right: -1px;
}

ul.secondarytabs li.current {
	color: #fff;
	font-size: 14px;
}

.secondary-tab-content {
	display: none;
	background: #fff;
	padding: 15px;
	border: 1px solid #f6f6f6;
}

.secondary-tab-content.current {
	display: inherit;
}

.content #balanceenquiry h3 {
	color: #1b588e;
	font-weight: 600;
	border-bottom: 1px solid #1b588e;
	line-height: 2em;
	background: #fff;
	padding: 0;
	margin: 0;
	font-size: 18px;
}

.content table tr th, .content table tr td {
	color: #1b588e;
	font-size: 0.7rem;
	text-align: left;
	border: none;
	line-height: 1.5;
}

.content .secondary-fullwidth-container {
	width: 100%;
}

.content .table-striped>tbody>tr:nth-of-type(odd) {
	background: #fff;
}

.content .accounts-tab-table {
	background: #edf9ff;
	border: 1px solid #eee;
}

.accounts-tab-table input[type="radio"]{
	vertical-align:middle;
}

.accounts-tab-table input[type="radio"] + label {
    margin-left: 5px;
    margin-bottom: 0;
    vertical-align:text-top;
}

.content table tr th {
	width: 13%;
}

.content table tr td:nth-child(2) {
	width: 10%;
}

.content .accounts-tab-table tr td a {
	text-decoration: underline;
}

.content .accounts-tab-table tr td a:hover {
	color: #01b7f2;;
}

.secondarytabs a {
	text-decoration: none;
	color: #fff;
	background: #1b588e;
	position: relative;
	display: inline-block;
	padding: 5px 19px;
	text-shadow: 0 1px 0 rgba(0, 2, 0, 0.4);
	border-radius: 15px 15px 0 0;
	-ms-border-radius:15px 15px 0 0;
	-webkit-border-radius:15px 15px 0 0;
	-o-border-radius:15px 15px 0 0;
}

#nav ul li a.active-sidenav {
	background-color: #1ba1e2!important;
	color: #fff!important;
	transition: none;
}

.text-red {
	color: #dc3545 !important;
}

.text-green {
	color: #28a745 !important;
}

td:contains ("Debit "){
	color: #dc3545 !important;
}

td:contains ("Credit "){
	color: #28a745 !important;
}

.pagebanner {
	color: #1b588e;
	font-weight: 600;
	font-size: 1.05em;
	padding: 5px 0;
}
.pagebanner i {
    margin: 0 5px;
}
.datepicker-iob {
	width: 213px;
	/* margin: 0 -18px 20px 20px; */
	/* margin-left: 62px; */
	/* border: 1px solid #ced4da; */
}

.datepicker-iob>span:hover {
	cursor: pointer;
}

.datepicker-iob .form-control, .datepicker-iob span {
	background: #fff;
}

.input-group-addon {
	padding: 5px 12px;
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
	-ms-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	height: calc(1.5rem + 2px);
}

.table td, .table th {
	vertical-align: inherit;
}

/*--- Submit & Reset Buttons----*/
.action-btn {
	position: relative;
	display: block;
	margin-top: 0px;
	padding: 0;
	overflow: hidden;
	border-width: 0;
	outline: none;
	border-radius: 2px;
	-ms-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
	background-color: #2ecc71;
	color: #ecf0f1;
	transition: background-color .3s;
	line-height: 1.1;
	font-size: 1.25em;
	margin-right: 10px;
}

.action-btn:hover, .action-btn:focus {
	background-color: #27ae60;
}

.action-btn>* {
	position: relative;
}

.action-btn span {
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem;
	-ms-border-radius:.2rem;
	-webkit-border-radius:.2rem;
	-o-border-radius:.2rem;
	border: 1px solid transparent;
	display: inline-block;
	font-weight: 400;
	color: #ffffffbd;
	text-align: center;
	vertical-align: middle;
}

.action-btn:focus {
	outline: none;
}

.action-btn:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 0;
	padding-top: 0;
	border-radius: 100%;
	-ms-border-radius:100%;
	-webkit-border-radius:100%;
	-o-border-radius:100%;
	background-color: rgba(236, 240, 241, .3);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.action-btn:active:before {
	width: 120%;
	padding-top: 120%;
	transition: width .2s ease-out, padding-top .2s ease-out;
}

/* Styles, not important */
*, *:before, *:after {
	box-sizing: border-box;
}

.action-btn.orange {
	background-color: #e67e22;
}

.action-btn.orange:hover, .action-btn.orange:focus {
	background-color: #d35400;
}

.action-btn.red {
	background-color: #e74c3c;
}

.action-btn.red:hover, .action-btn.red:focus {
	background-color: #c0392b;
}

.small-device-pdd-0 {
	padding: 0px;
}/* 
.secondary-fullwidth-container {
    min-height: 410px;
} */
#Accounts {
	/* padding:0px; */
	
}

.w-25 {
	width: 25%;
}

select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/down-arrow.png) #FFF no-repeat center right 5px !important;
    background-size: 15px !important;
    padding-right:20px !important;
}

select::-ms-expand{
    display: none;
}

input[type=text], select, input[type=tel], input[type=number] {
	/*width: 213px;*/
	/* padding: 12px 20px; */
	margin: 0px;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	-ms-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	box-sizing: border-box;
}

/*----Radio Button-----*/
.md-radio {
	margin: 3px 0;
}

.md-radio.md-radio-inline {
	display: inline-block;
}

.md-radio input[type="radio"] {
	display: none;
}

.md-radio input[type="radio"]:checked+label:before {
	border-color: #337ab7;
	animation: ripple 0.2s linear forwards;
}

.md-radio input[type="radio"]:checked+label:after {
	transform: scale(1);
}

.md-radio label {
	display: inline-block;
	height: 20px;
	position: relative;
	padding: 0 10px 0 25px;
	margin-bottom: 0;
	cursor: pointer;
	vertical-align: bottom;
}

.md-radio label:before, .md-radio label:after {
	position: absolute;
	content: '';
	border-radius: 50%;
	-ms-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	transition: all .3s ease;
	transition-property: transform, border-color;
}

.md-radio label:before {
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border: 2px solid rgba(0, 0, 0, 0.54);
}

.md-radio label:after {
	top: 5px;
	left: 5px;
	width: 10px;
	height: 10px;
	transform: scale(0);
	background: #337ab7;
}

.underline-text {
	color: #1b588e !important;
	font-size: 14px;
	font-weight: 600;
}

.mr-underline {
	margin-right: -72px;
}

.instrct-icon {
	margin-right: 10px;
	margin-top: 9px;
}

.fund-instruct li {
	font-weight: 400;
	/* font-size: 1.05em; */
	color: #1b588e;
	line-height: 2;
	display: flex;
}

table .fund-instruct li {
	display: table-row-group!important;
}

.mar-5 {
	margin-right: 5px;
}

.fund-instruct .note-txt {
	font-weight: 600;
	color: #dc3545;
}

.submit-center {
	margin-right: -50px;
}

.mrg-t-20 {
	margin-top: 20px;
}
/*06/02/19*/
.bg-white {
	border: 1px solid #1b588e;
}

.bg-white .navbar-toggler {
	color: rgba(255, 255, 255, .5) !important;
	border-color: 1px solid #1b588e !important;
	background: #1b588e;
	padding: 10px 13px;
	position: relative;
	left: 1px;
}

.bg-white .navbar-brand {
	color: #1b588e;
	font-size: 16px;
	width: 82%;
	margin-right: 15px;
	flex: 9;
}

.flex-1 {
	flex: 1;
}

.nav__list li {
	list-style-type: none;
}

.bg-white a, .bg-white label {
	display: block;
	padding: .85rem;
	background-color: #fff;
	-webkit-transition: all .25s ease-in;
	transition: all .25s ease-in;
	color: #1b588e;
	margin-bottom: 0;
}

.bg-white a:hover, .bg-white label:hover {
	background: #1ba1e2;
	color: #eee;
}

/* .bg-white a:focus, .bg-white a:hover, .bg-white label:focus, .bg-white label:hover { */
/* color: #000; */
/* } */
.bg-white label {
	cursor: pointer;
}

.group-list a, .group-list label {
	padding-left: 2rem;
	/* background: #252525; */
	/* box-shadow: inset 0 -1px #373737; */
}

.group-list {
	height: 100%;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height .5s ease-in-out;
	transition: max-height .5s ease-in-out;
}

.group-list li a {
	background: #1ba1e2;
	color: #fff;
}

.nav__list input[type=checkbox]:checked+label+ul {
	/* reset the height when checkbox is checked */
	max-height: 1000px;
}

label>span {
	/* float: right; */
	-webkit-transition: -webkit-transform .65s ease;
	transition: transform .65s ease;
}

.nav__list input[type=checkbox]:checked+label>span {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.navbar-toggler {
	border-radius: 0;
    border: none !important;
    background: #1b588e;
}
/*06/02/19*/

/*-------------Check box----------------*/
.pure-material-checkbox {
	z-index: 0;
	position: relative;
	display: inline-block;
	color: rgba(var(- -pure-material-onsurface-rgb, 0, 0, 0), 0.87);
	font-family: var(- -pure-material-font, "Roboto", "Segoe UI",
		BlinkMacSystemFont, system-ui, -apple-system);
	font-size: 16px;
	line-height: 1.5;
}

/* Input */
.pure-material-checkbox>input {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	z-index: -1;
	position: absolute;
	left: -10px;
	top: -8px;
	display: block;
	margin: 0;
	border-radius: 50%;
	-ms-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	width: 40px;
	height: 40px;
	background-color: rgba(var(- -pure-material-onsurface-rgb, 0, 0, 0), 0.6);
	box-shadow: none;
	outline: none;
	opacity: 0;
	transform: scale(1);
	pointer-events: none;
	transition: opacity 0.3s, transform 0.2s;
}

/* Span */
.pure-material-checkbox>span {
	display: inline-block;
	width: 100%;
	cursor: pointer;
}

/* Box */
.pure-material-checkbox>span::before {
	content: "";
	display: inline-block;
	box-sizing: border-box;
	margin: 3px 11px 3px 1px;
	border: solid 2px; /* Safari */
	border-color: rgba(var(- -pure-material-onsurface-rgb, 0, 0, 0), 0.6);
	border-radius: 2px;
	-ms-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	width: 18px;
	height: 18px;
	vertical-align: top;
	transition: border-color 0.2s, background-color 0.2s;
}

/* Checkmark */
.pure-material-checkbox>span::after {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 2px;
	width: 10px;
	height: 5px;
	border: solid 2px transparent;
	border-right: none;
	border-top: none;
	transform: translate(3px, 4px) rotate(-45deg);
}

/* Checked, Indeterminate */
.pure-material-checkbox>input:checked, .pure-material-checkbox>input:indeterminate
	{
	background-color: rgb( var( - -pure-material-primary-rgb,33, 150, 243));
}

.pure-material-checkbox>input:checked+span::before,
	.pure-material-checkbox>input:indeterminate+span::before {
	border-color: rgb( var( - -pure-material-primary-rgb,33, 150, 243));
	background-color: rgb( var( - -pure-material-primary-rgb,33, 150, 243));
}

.pure-material-checkbox>input:checked+span::after,
	.pure-material-checkbox>input:indeterminate+span::after {
	border-color: rgb( var( - -pure-material-onprimary-rgb,255, 255, 255));
}

.pure-material-checkbox>input:indeterminate+span::after {
	border-left: none;
	transform: translate(4px, 3px);
}

/* Hover, Focus */
.pure-material-checkbox:hover>input {
	opacity: 0.04;
}

.pure-material-checkbox>input:focus {
	opacity: 0.12;
}

.pure-material-checkbox:hover>input:focus {
	opacity: 0.16;
}

/* Active */
.pure-material-checkbox>input:active {
	opacity: 1;
	transform: scale(0);
	transition: transform 0s, opacity 0s;
}

.pure-material-checkbox>input:active+span::before {
	border-color: rgb( var( - -pure-material-primary-rgb,33, 150, 243));
}

.pure-material-checkbox>input:checked:active+span::before {
	border-color: transparent;
	background-color: rgba(var(- -pure-material-onsurface-rgb, 0, 0, 0), 0.6);
}

/* Disabled */
.pure-material-checkbox>input:disabled {
	opacity: 0;
}

.pure-material-checkbox>input:disabled+span {
	color: rgba(var(- -pure-material-onsurface-rgb, 0, 0, 0), 0.38);
	cursor: initial;
}

.pure-material-checkbox>input:disabled+span::before {
	border-color: currentColor;
}

.pure-material-checkbox>input:checked:disabled+span::before,
	.pure-material-checkbox>input:indeterminate:disabled+span::before {
	border-color: transparent;
	background-color: currentColor;
}

/* 2.2.2. Alert message */
.alert {
	padding: 7px;
}

.alert:before {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f05a";
    display: inline-block;
    font-size: 1.3em;
    width: 30px;
    height: 17px;
    line-height: 15px;
    text-align: center;
    top: 0;
    left: 0;
    vertical-align: middle;
}

.alert-danger:before {
	content: "\f06a";
}

.alert.alert-notice {
	background: #f5cf77;
}

.alert.alert-notice:before {
	content: "\f071"
}

.alert.alert-error {
	font-family: "Font Awesome 5 Free";
	background: #f6bcc3;
}

.alert.alert-error:before {
	content: "\f05e";
}
/* .alert.alert-success { */
/* background: #bae675; } */
.alert.alert-success:before {
	content: "\f058";
}

.alert.alert-help {
	background: #91e3fd;
}

.alert.alert-help:before {
	content: "\f0a4";
}

/* .alert.alert-info {
	background: #bfc9f9;
} */
.alert.alert-info:before {
	content: "\f0eb";
}
.ui-dialog button{
	font-size: 1.1rem!important;
	}
.alert .close, .info-box .close, .ui-dialog button{
	filter: alpha(opacity = 100)!important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
	-moz-opacity: 1!important;
	-khtml-opacity: 1!important;
	opacity: 1!important;
	font-weight: normal;
	color: #fff!important;
	font-size: 0.75rem;
	cursor: pointer;
	text-shadow: none;
	float: none;
	position: absolute;
	top: 8px;
	right: 8px;
	border-radius:50%;
	-ms-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
}

.alert .close:before, .info-box .close:before {
	content: "X";
    font-family: "Arial";
    color: #fff;
    background: #e53935;
    border-radius: 10px;
	-ms-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
    padding: 2px 3px 1px 4px;
    font-weight: bold;
}

.alert .close:hover:before, .info-box .close:hover:before {
    content: "X";
    font-family: "Arial";
    color: #fff;
    border-radius: 10px;
	-ms-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
    padding: 2px 3px 1px 4px;
    font-weight: bold;
    background: #1b588e;
}

.error-field {
	border: 1px solid #f00;
}

.update-button {
	float: left;
	margin-top: -3px;
}

.update-txt {
	color: #1b588e;
	font-size: 14px;
	font-weight: 600;
}

.agree-txt {
	color: #1b588e;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
}

.mr-70 {
	margin-right: -70px;
}

.modal {
	/* top: 20%; */
	
}

.modal-header, .ui-widget-header {
	background: #1b588e;
	color: #eee;
	padding: 5px;
}

.modal-title {
	font-size: 16px;
}

.modal-footer {
	/* background: #1b588e; */
	color:#1b588e;
	justify-content: center;
	padding: 5px;
}

.modal-footer p {
	color: #eee;
	margin-bottom: 0;
}

.modal-header .close, .ui-widget-header .close {
	padding: 0px;
	margin: 0px;
}

.modal-content {
	border: 0;
}

.modal-button-pad {
	padding: 0px 8px;
}

#nav ul li:last-child {
	border-bottom: none !important;
}

.button-right {
	float: right;
	margin-right: -10px;
}

.pagination-block {
	display: flex;
}

.pagination-block ul {
	margin: auto;
}

.page-link {
	color: #1b588e;
}

.txt-r {
	text-align: right;
}

.mt-20 {
	margin-top: -20px;
}

.button-m-0 {
	margin-bottom: 0;
	margin-top: 0;
}

.form-control {
	display: block;
	max-width: 213px;
	height: calc(1.5rem + 2px);
	padding: .25rem .75rem;
	font-size: 0.7rem;
	font-weight: 400;
	line-height: 1.5;
	color: #000;
	background-color: #fff;
	background-clip: padding-box;
	/* border: 1px solid #ced4da; */
	border-radius: .25rem;
	-ms-border-radius:.25rem;
	-webkit-border-radius:.25rem;
	-o-border-radius:.25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.table td, .table th {
	padding: 9px;
}

.m-t-10 {
	margin-top: 10px;
}

.bg-white .nav__list .accounts-heading {
	padding: 2px;
}

.mandatory {
	margin-bottom: 0;
	font-size: 14px;
	color: #e53935;
	text-align:left !important;
}

.to-right {
	float: right;
	position: relative;
	right: 44px;
}
.custom-control.custom-checkbox{padding-left:0;}
.custom-control-label::before {
	top: 0;
}

.custom-control-label::after {
	top: 1px;
}

.fund-neft ol li {
	margin-bottom: 10px;
}

/*20022018*/
.fund-instruct li a {
	text-decoration: underline !important;
	color: #000;
}

.batch {
	margin-top: 20px;
	text-align: center;
}

.batch a {
	color: #FFF!important;
}

.bulk ul li {
	list-style: none;
}

.view-batch p {
	text-align: center;
	margin: 10px;
}

.more {
	float: right;
	position: relative;
	bottom: 23px;
}

.rs-width {
	width: 38% !important;
}
/*my account section	*/
.hidden {
	display: none;
}

.no-display {
	display: none;
}

table {
	border-collapse: collapse;
	width: 100%;
	background: #edf9ff;
	border: 1px solid #eee;
}

th, td {
	text-align: left;
	/*   padding: 8px; */
}

#sidebar {
	display: inline-block;
	position: relative;
	float: left !important;
}

#content {
	/* float: right ; */
	display: block;
	position: relative;
	text-align: left;
	padding: 5em 0 0 2em;
}

.nav-width-section .navbar-nav>li>a {
	margin-right: 0;
	margin-bottom: -1px;
	text-align: center;
	height: 4.8rem;
	padding: 1em;
}

#dialog {
	background: #ffffff;
	opacity: 1.0;
}

.content-secondary-section table tr th, .content-secondary-section table tr td
	{
	color: #1b588e;
	text-align: left;
	border: none;
	line-height: 1.5;
}

/* .col-md-9.content-secondary-section {
	flex: 0 0 100%;
    max-width: 100%;
} */
.content-secondary-section table {
	display: table;
}

.content-secondary-section thead, tbody {
	display: table-row-group;
	width: 100%;
}

.content-secondary-section tr {
	display: table-row;
	width: 100%;
}

.content-secondary-section th, .content-secondary-section td {
	display: table-cell;
}

.content-secondary-section h3 {
	text-align: left;
}

#content .row {
	display: block;
	/* margin:5px 0; */
}

#content .bulkview{
	display: block;
}
.row .m-t-10 {
	text-align: center;
}

.row .m-t-10 .action-btn {
	float: none;
	display: inline;
}

.content-secondary-section thead tr td, .content-secondary-section thead tr th
	{
	background-color: #1b588e;
	color: #ffffff;
}

h3 {
	color: #1b588e;
	font-weight: 600;
	border-bottom: 1px solid #1b588e;
	line-height: 2em;
	background: #fff;
	padding: 0;
	margin: 0;
	font-size: 1.45em;
}


.w5 {
	width: 5%;
}
.w10 {
	width: 10%;
}
.w11 {
	width: 11%;
}
.w13 {
	width: 13%;
}

.w15 {
	width: 15%;
}

.w20 {
	width: 20%;
}

.w30 {
	width: 30%;
}

.w40 {
	width: 40%;
}

.w50 {
	width: 50%;
}

.w60 {
	width: 60%;
}

.w70 {
	width: 70%;
}

.w80 {
	width: 80%;
}

.w90 {
	width: 90%;
}

.w100 {
	width: 100%;
}

.w55 {
	width: 55%;
}

.w25 {
	width: 25%;
}

.side-heading {
	color: #1b588e;
	font-weight: 600;
	line-height: 2em;
	background: #fff;
	padding: 0;
	margin: 0;
	font-size: 18px;
}

.helpdiv>li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0a4 ";
	margin-right: 1em;
	background: #1b588e;
	color: #ffffff;
	padding: 10px;
	margin-left: -45px;
	width: 35px;
}

.helpdiv li {
	font-weight: bold;
	font-size: 1.05em;
	color: #1b588e;
	line-height: 1.5em;
	display: inherit;
	border: 3px double #1b588e;
	margin: 8px 0;
	padding: 10px;
	vertical-align: middle;
	align-items: center;
	width: 80%;
    margin-left: 35px;
    overflow-wrap: break-word;
}

.ui-dialog {
	position: fixed !important;
    left: 0;
    width: auto;
    min-width:230px;
    padding: .2em;
    outline: 0;
    border-radius: 0.4rem;
	-ms-border-radius:.4rem;
	-webkit-border-radius:.4rem;
	-o-border-radius:.4rem;
    margin: auto;
}

.ui-widget-overlay {
	background: #000000;
	z-index: 900;
	opacity: 0.6;
}

.ui-dialog button {
	text-indent: 0;
    float: right;
    background: none;
    outline: 0;
    font-size: 1em !important;
    line-height: 1.75;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    width: 70px !important;
    font-weight: normal !important;
}

.ui-dialog-content {
	background: #fff;
	opacity: 1.0;
}

.ui-dialog-content table tr td {
	color: #1b588e;
	font-size: 0.7rem;
	text-align: left;
	border: none;
	line-height: 1.5;
}

.ui-dialog-content font[color="red"] b {
	font-size: 1.1rem;
	font-weight: 600;
}

.ui-dialog-content tr td, .ui-dialog-content tr {
	background: #edf9ff;
	height: 2.5em;
}

.ui-dialog-content tr:nth-of-type(odd) td, .ui-dialog-content tr:nth-of-type(odd)
	{
	background: #fff;
}

.ui-dialog-content tr:nth-of-type(odd) {
	background: #fff;
}

/* RESPONSIVE */
@media ( min-width : 1000px) {
	.nav-width-section .navbar-nav>li h2 {
		color: #fff;
		text-align: center;
		font-size: 0.85em;
		font-weight: bold;
		margin: 0;
	}
	.nav_top .navbar-nav>li span {
		color: #fff;
		text-align: center;
		font-size: 0.95em;
		font-weight: bold;
		margin: 0;
	}

	#content {
		/* float: right ; */
		display: block;
		position: relative;
		text-align: left;
		padding: 1em;
	}
}

@media ( max-width : 1000px) {
	.nav-width-section .navbar-nav>li h2 {
		color: #fff;
		font-size: 1.10em;
		font-weight: bold;
		margin: 0;
		text-align:left;
	}
	.nav_top .navbar-nav>li span {
		color: #fff;
		font-size: 1.10em;
		font-weight: bold;
		margin: 0;
		text-align:left;
	}

	#content {
		padding: 2em;
	}
	.nav-link i {
		display: none;
	}
	
	.nav-link i.fa-angle-down {
		display: block;
	}
	a.nav-link{
		height: auto;
	}
	.nav-width-section .navbar-nav>li>a {
		height: 5rem;
	}
	.nav-logout {
		float: left;
		margin-left: 20%;
	}
	.ticker-wrapper {
	    height: auto;
	    /* min-height: 80px; */
	}
}

@media ( max-width : 425px){
	.ticker-wrapper {
	    height: auto;
	    min-height: 120px;
	}
}

@media ( max-width : 375px){
	.ticker-wrapper {
	    height: auto;
	    min-height: 150px;
	}
}

@media ( max-width : 320px){
	.ticker-wrapper {
	    height: auto;
	    min-height: 180px;
	}
}

/*start latest news*/
.ticker-wrapper {
	/* position: relative;
	left: 0; */
	background-color: #f8f0db;
	height: 4.5em;
}

.ticker-title {
	padding: 10px;
	color: #FFF;
	font-size: 0.95em;
	font-weight: 500;
	background-color: #e53935;
	text-transform: uppercase;
	/* max-width: 50px; */
	text-align:center;
}

.ticker-align{
	display: flex;
	align-items: center;
	justify-content: center;
}

.section-main {
	color: white;
	width: 100%;
	margin: auto;
}

.type-wrap {
	color: #1b5997;
	font-size: 1.05em;
	font-weight: bold;
	border-radius: 3px;
	-ms-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	padding: 3px 15px;
	/* line-height: 40px; */
	height: 0;
	/* position: relative; */
	/* top: -38px;
	left: 50px; */
	width: 80%;
}

@media ( max-width : 320px) {
	.type-wrap {
		width: 82%;
	}
	#content {
	    padding: 0 1em;
	}
}

.typed-cursor {
	display: none;
}

.box-shadow  .triangle li i {
	color: #cac7c7;
}

.btn-danger i {
	margin: 0px 10px;
}
/*end latest news*/

/*Scroll bar*/
/* width */
/*
::-webkit-scrollbar {
	width: 10px;
}

/* Track */
/*
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #CCC;
	border-radius: 10px;
	-ms-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
}

/* Handle */

::-webkit-scrollbar-thumb {
	background: #888;
}

/* Handle on hover */
/*
::-webkit-scrollbar-thumb:hover {
	background: #888;
}
*/

.page-title-bg {
	background-color: #1b588e;
	color: #FFF;
	padding: 10px;
	border-bottom: 5px solid #E23B39;
}
tr.hidden {display:none;}
a.change{background:none!important; padding:0; font-size:0.55em; color:#FFF;}
a.change:hover{text-decoration:underline!important;background:none!important;}

/*alert popup*/
#modalContainer {
	background-color:rgba(0, 0, 0, 0.3);
	position:absolute;
  top:0;
	width:100%;
	height:100%;
	left:0px;
	z-index:10000;
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	width:33%;
	min-height:100px;
  	max-height :400px;
	margin-top:50px;
	border:1px solid #fff;
	background-color:#fff;
	background-repeat:no-repeat;
  top:35%;
}

#modalContainer > #alertBox {
	position:absolute;
}

#alertBox h1 {
	margin:0;
	font-size:1em;
	background-color:#1b588e;
	color:#FFF;
	border-bottom:1px solid #f97352;
	padding:10px 0 10px 5px;
}

#alertBox p {
	/* height:50px; */
	padding-left:5px;
  padding-top:30px;
  text-align:center;
  vertical-align:middle;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:10px auto 10px auto;
	padding:7px;
	border:0 none;
	width:70px;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#e53935;
	border-radius: 0px;
	text-decoration:none;
  outline:0!important;
}

/* unrelated styles */

#mContainer {
	position:relative;
	width:600px;
	margin:auto;
	padding:5px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}

h1,h2 {
	margin:0;
	padding:4px;
}

code {
	font-size:1.2em;
	color:#069;
}

#credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:0.7em verdana;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
	padding-top:4px;
}

#credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}

.important {
	background-color:#F5FCC8;
	padding:2px;

}

.accounts-tab-table a {
    text-decoration: underline;
}

.queryth b{
	font-size: inherit;
    /* font-weight: 700; */
}

.btn-success.focus, .btn-success:focus{
	color:#FFF;
}
/*Sudhan Ram Chockalingom*/
div#page-bgbtm {
    min-height: 750px;
}
a.underline{
	text-decoration:underline;
}

@media (max-width: 600px) 
{
  #alertBox {
	position:relative;
	width:90%;
	top:30%;
  }
/*
  .ui-dialog {
	    top: 15% !important;
	    width:100% !important;
	 }
*/
}
@media (min-width: 120px) and (max-width:767px){
	#footer .logo li {
		list-style: none!important;
		display: inline-block!important;
		color: #FFF!important;
		padding-left: 0px!important;
		float: none!important;
	 }
}
@media (max-width: 767px) {

  .text-xs-center {
    text-align: center!important;
  } 
  
  

  .type-wrap{width:90%;}
  
  .form-control{width:150px;}
  .datepicker-iob {
    	width: 150px;
	}
  .asba-content .form-control{width:118px;}
  .label-control.ww200{width:200px;display: block!important;}
  .label-control.ww180{width:180px;display: block!important;}
  .label-control.ww150{width:150px;display: block!important;}
  .label-control.ww120{width:120px;display: block!important;}
  .label-control.ww100{width:100px;display: block!important;}
  .label-control.ww80{width:80px;display: block!important;}
  .label-control.ww50{width:50px;display: block!important;}

  .label-control.large-width{ width:362px; display: block!important;}
  .ui-dialog {overflow:auto;left:0px;}
/*
  .ui-dialog {
	    top: 15% !important;
	    width:100% !important;
	 }
*/

	 a.nav-link, .nav-width-section .navbar-nav>li>a{
         height: auto !important;
	    padding: 1em 2em!important;
	    font-size: inherit !important;
	    text-align:left;
    }
}

#captcha{
  /* padding:0 10px; */
}

td.captcha-align > i.fas,div.captcha-align > i.fas{
	color:#72dc1f;cursor:pointer;font-size:2.0em;vertical-align:middle;padding-left:5px;
}

#captchaimg{
  border-radius:10px;
	-ms-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
}

.exportlinks a,.exportlinksnew input[type="submit"] {
    background-color: #007bff;
    padding: 3px 3px;
    color: #FFF;
    border-radius: 0px;
    margin-right:-2px;
    
}

.exportlinks,.exportlinksnew {
    color: #1b5997;
    font-weight: bold;
}

.exportlinks a > .csv, .exportlinksnew > input[type="submit"].csv {
    background-color: #27ae60;
    padding: 3px 10px;
    color: #FFF;
    border-radius: 0px;
    margin-left: -2px;
    margin-right: -2px;
}
.exportlinks a > .pdf, .exportlinksnew > input[type="submit"].pdf {
    background-color: #e67e22;
    padding: 3px 10px;
    color: #FFF;
    border-radius: 0px;
    margin-left: -2px;
    margin-right: -3px;
}
.pagebanner > strong{
	color: #e95d56;
    font-size: 1em;
}
a.links1 {
    padding: 3px;
}
select:focus > option{width:100px;}

@media screen and (max-width: 320px){
	#footer .bottom .logo{padding: 5px 0;margin:6px 0;}
	#footer .logo li{padding-left:4px;}
/*
	.ui-dialog {
	    top: 15% !important;
	    width:100% !important;
	 }
*/
}
@media screen and (max-width: 375px){
	/* #footer .bottom .logo{padding: 5px 0;margin:6px 0;text-align-center} */
	#footer .logo li{padding-left:4px;}
/*
	.ui-dialog {
	    top: 15% !important;
	    width:100% !important;
	 }
*/
}
@media (max-width: 768px) {
/*
	.ui-dialog {
	    top: 15% !important;
	    width:100% !important;
	 }
*/
	 .nav-logout{margin-right:0 !important;margin-left:0 !important;}
	 a.nav-link, .nav-width-section .navbar-nav>li>a{
	     /* height: 4.8rem; */
    	padding: 18px 3px;
    	font-size: 0.9em;
    }
    
	
}

@media (max-width: 767px){
	.nav-logout-section .navbar {
		margin-top: 3px;
	}
	.section-main {
		height: 8.75em;
	}
	/* .content-secondary-section th, .content-secondary-section td {
		display: block;
	} */
}
.nopad {padding-left:0 !important;padding-right:0 !important;}
.form-control[readonly]{background-color:#fff;}
.form-control:disabled{background-color:#dedede!important;}
input.button {
    margin-top: 3px;
}


.para-background{
	background-color:#e2e3e5;
	
}

.inputfile-box {
  position: relative;
  width:300px;
  border: 1px solid #1b588e;
}
.inputfile-box label{
	margin-bottom:0!important;
}
.inputfile-box input[type="file"]{opacity:0;width:100%;position:absolute;z-index:1;}

.file-box {
  display: inline-block;
  width: 100%;
  padding: 7px;
  box-sizing: border-box;
  /* height: calc(2rem - 2px); */
}

.file-button {
  	background: #1b588e;
    padding: 6px 10px;
    position: absolute;
    border: 1px solid;
    top: 0px;
    color: #FFF;
    right: 0px;
}

.alert-danger:before {
	content: url("../images/cross-circle.png") !important;
}

.accordion-section-content p{
	margin-bottom: 0!important;
}

#footer .footerlogo li, #footer .copyright p {
    color: #FFF;
}
#footer .copyright p {
    font-size: .9em;
    margin: 6px 0 6px 0;
}

.mar-top{
	margin-top: -30px;
}
.top-profile-img{
	width: 55px;
	height: 55px;
    background: #CCC;
    border-radius: 50%;
}
.view_slno label {
    padding-left: 35px;
}
td.dep_acc label {
    width: 72%;
    float: left;
    padding-left:22px;
}
td.dep_acc input[type=radio] {
    width: 20%;
    float: left;
}
.w1rem{width:1rem;height:1rem;background-color: #fff;
    border: #adb5bd solid 1px;}