@charset "UTF-8";
/* CSS Document */
.effect_in { }
/**/
.effect_out { transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
/**/
.la-anim-9 { border: 0 solid rgba(0, 0, 0, 0.1); background:url(../images/logo_transit.png) center center no-repeat rgba(0,32,62,1.00); height:100vh; pointer-events: none; position: fixed; width:100%; z-index:20000; top:0; left:0;}
.la-anim-9 div { background: rgba(0,20,39,1.00); position: fixed; }
.la-anim-9 div:first-child, .la-anim-9 div:nth-child(3) { height:25px; width: 0; }
.la-anim-9 div:nth-child(2), .la-anim-9 div:nth-child(4) { height: 0; width:25px; }
.la-anim-9 div:first-child { left: 0; top: 0; }
.la-anim-9 div:nth-child(2) { right: 0; top: 0; }
.la-anim-9 div:nth-child(3) { bottom: 0; right: 0; }
.la-anim-9 div:nth-child(4) { bottom: 0; left: 0; }
/**/
.effect_in .la-anim-9 div:first-child { transition: width 0.5s linear 0.3s; width: 100%; }
.effect_in .la-anim-9 div:nth-child(2) { height: 100%; transition: height 0.5s linear 0.8s; }
.effect_in .la-anim-9 div:nth-child(3) { transition: width 0.5s linear 1.3s; width: 100%; }
.effect_in .la-anim-9 div:nth-child(4) { height: 100%; transition: height 0.5s linear 1.8s; }
/**/
.effect_in .la-anim-9 { border: 25px solid rgba(0, 0, 0, 0.1); opacity: 0; transition: border 0.3s ease 0s, opacity 0.75s ease 2.3s;}