@charset "utf-8";
html,body{height:100%;margin:0;padding:0;font-size:16px;}
body{
	font-family:'S-Coredream','Noto Sans KR','맑은 고딕','맑은고딕','Malgun Gothic',dotum,gulim,sans-serif;
	overflow-x:hidden;overflow-y:auto;
	 -webkit-font-smoothing: antialiased;
}
* {box-sizing:border-box;}
::before,::after{box-sizing:border-box;}
header,nav,article,footer,section{display:block;position:relative;}

/* LAYOUT */
.gnb_wrap{border:1px solid #ddd;border-width: 0 0 0 0;flex:1;}
.content_wrap{min-height:600px;}
.max_content{width:100%;max-width:1920px;margin:0 auto;padding:0 75px;}

.content_wrap .max_content{width:100%;max-width:1700px;margin:0 auto;padding:0 15px;}

footer{background-color:#333333;color:#fff;}

#top_menu{
	position:relative;
	display: flex;
    align-items: center;
    justify-content: space-between;
	padding:0 var(--screen-padding);
	height:var(--gnb-height);
	max-width:1920px;
	margin:0 auto;
}
#bottom_menu{position:relative;border:1px solid #717171; border-width:1px 0;background-color:#333333;padding:1rem 0;color:#ffffff;}
.bottom_link > a {display:inline-block;vertical-align:middle;padding:0 0.6rem;color:#ffffff;}

/* TOP */
.top_logo_box{text-align:left;padding: 0;}
.top_logo{display:inline-block;width:100%;}
.top_em{display:inline-block;width:100%;margin-left:1em;}

.GS_font{font-family:'yg-jalnan','S-CoreDream','Noto Sans KR','맑은 고딕','맑은고딕','Malgun Gothic',dotum,gulim,sans-serif;}

/* GNB */
.gnb{display:none;/*visibility:hidden;*/}
.menu-onoff-wrap{display:none;}
.mobile-menu-wrap{position:relative;flex:1;display: flex; flex-direction: row-reverse;}
.mobile-menu-bg{display:none;}
header.desktop{}
header.desktop.head-fixed{position:fixed;top:0;left:0;z-index:5;width:100%;background-color:rgba(255,255,255,1);border-bottom:1px solid #ededed;}
header.desktop nav{position:relative;z-index:5;}
header.desktop nav ul{list-style:none;margin:0;padding:0;}
header.desktop .gnb::before,header.desktop .gnb::after{content:'';display:table;clear:both;}
header.desktop .gnb{position:relative;}
header.desktop .gnb > li {float:left;width:auto;position:relative;}
header.desktop .gnb.ea7 > li {width:calc(99% / 7);}
header.desktop .gnb.ea4 > li {width:calc(99% / 4);}
header.desktop .gnb > li > a {display:flex;flex-direction:column;height:var(--gnb-height);text-align:center;color:#373737;font-size: 1.5rem;padding:1rem 0;position:relative;letter-spacing:-0.1em;font-family:'S-CoreDream','Noto Sans KR','맑은 고딕','맑은고딕','Malgun Gothic',dotum,gulim,sans-serif;font-weight: 600;align-items:center;justify-content:center;}
header.desktop .gnb > li > a.on{color:#4265d7;}
header.desktop .gnb > li > a.on::before{content:'';position:absolute;width:20px;height:20px;background-color:#ffffff;border:4px solid #4265d7;bottom:10px;border-radius:50%;left: 50%;transform: translateX(-50%);z-index:11;}
/* header.desktop .gnb > li > a.on::after{content:'';width:100%;height:6px;bottom:4px;left:0;background:url(/_img/v1/common/gnb_point.png) no-repeat center bottom;position:absolute;display:block;} */
header.desktop .gnb > li > a.active{color:#4265d7;}

/* header.desktop .gnb > li > a.active::before{content:'';position:absolute;width: 50%;height:4px;background-color:#008bce;bottom:0;left: 50%;transform: translateX(-50%);}*/

/* header.desktop .gnb > li > a.active::after{content:'';width:100%;height:6px;bottom:4px;left:0;background:url(/_img/v1/common/gnb_point.png) no-repeat center bottom;position:absolute;display:block;} */

/* SNB */
header.desktop .gnb > li:hover .snb{display:block;}

header.desktop .snb{position:absolute;width:100%;display:none;z-index:10;padding:35px 10px;border-radius:12px;background-color:#4265d7; top:calc( var(--gnb-height) - 25px);}

header.desktop .snb > li {position:relative;}
/*
header.desktop .snb:before{
	content:'';
	display:block;
	width:20px;
	height:20px;
	border:4px solid #4265d7;
	border-radius:50%;
	position:absolute;
	z-index:1;
}
*/
header.desktop .snb > li > a{display:block;text-align:center;padding:0.4rem 0.1rem;font-size: 1.05rem;letter-spacing:-0.05em;font-weight: 500;color:#ffffff;}
header.desktop .snb > li > a:hover{color:#ffff66;}
header.desktop .snb > li > a.active{color:#ffff66;}
header.desktop .snb.on{display:block;}
header.desktop .snb_bg{
	position:absolute;
	z-index:3;
	width:100%;
	padding:0;
	display:block;
	top:var(--gnb-height);
	left:0;
	background-color: rgba(255, 255, 255,1);
}
header.desktop .snb_bg.dropshadow{box-shadow:3px 3px 5px rgba(0,0,0,0.4);}

header.desktop .gnb_wrap{transition:all 0.2s;}
header.desktop .gnb_top_fixed{position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:99;transition:all 0.2s;}
header.desktop .gnb_top_fixed + .snb_bg{position:fixed !important;top:56px;left:0;width:100%;background-color:#fff;z-index:50;transition:all 0.2s;}
.page-submenu-bar-wrap{transition:all 0.2s;}
.page-submenu-bar-wrap.sub_top_fixed{position:fixed;top:0px;left:0;width:100%;background-color:#fff;z-index:30;transition:all 0.2s;margin:0;box-shadow:0 2px 10px rgba(0,0,0,0.2)}


/* 로그인 */
#login_wrap { position:relative; font-weight:400; box-sizing:border-box; overflow:hidden; }
#login_alone > h2 {display:block;padding:0.4rem 1rem;background-color:#1748a4;color:#fff;}
#login_alone > h2 > span{margin-right:1rem;}
#login_alone {width:99%;max-width:700px; margin:2rem auto;}
#login_alone .login_cnt_area { position:relative; height:200px; background:#fff; border:1px solid #ddd; box-sizing:border-box;}
#login_alone .login_cnt_area ul {position:absolute;left: 5%;top:50%;width:63%;transform: translateY(-40%);}
#login_alone .login_cnt_area ul > li { margin-bottom:10px; }
#login_alone .login_cnt_area ul > li:nth-last-child(1) { margin-bottom:0; }
#login_alone .login_cnt_area ul > li > input { width:100%; height:42px; font-size:15px; text-indent:10px; }
#login_alone .login_cnt_area ul > li > label { position:absolute; left:-9999px; top:-9999px; font-size:0; }
#login_alone .login_cnt_area .btn_login {position:absolute;right: 15%;top:50%;width:94px;height:94px;background:#0049a4;border-radius:3px;box-sizing:border-box;transform: translateY(-40%);}
#login_alone .login_cnt_area .btn_login > em { position:absolute; left:50%; top:50%; font-size:15px; color:#fff; text-align:center; transform:translate(-50%, -50%); }
#login_wrap .login_kinds {padding:1rem;}





#main_slide_box{position:relative;border-radius:0;margin:0 auto 10rem auto;width:100%;aspect-ratio:1920 / 810; padding-left:var(--screen-padding);font-size:1rem;}
#main_slide_box > .box{border-radius:0 0 0 150px;overflow:hidden;}
#main_slide_box .bx-wrapper {margin-bottom:0;}
#main_slide_box .bx-wrapper .bx-pager.bx-default-pager a {width:13px;height:13px; border-radius:7px; vertical-align:middle;}
#main_slide_box .bx-wrapper .bx-pager {text-align: left;font-size: .1em;font-family: Arial;color: #666;padding-top: 0px; padding-left:var(--screen-padding);}
#main_slide_box .bx-wrapper .bx-pager, #main_slide_box .bx-wrapper .bx-controls-auto {bottom:130px;}
#main_slide_box .bx-wrapper .bx-pager.bx-default-pager a:hover, 
#main_slide_box .bx-wrapper .bx-pager.bx-default-pager a.active, 
#main_slide_box .bx-wrapper .bx-pager.bx-default-pager a:focus {background-color:transparent;border:2px solid #ffffff;width:16px;height:16px;}
#main_slide_box .bx-wrapper .bx-pager.bx-default-pager a{background-color:rgba(255,255,255,0.5);}

#slider_main{margin:0;padding:0;}
#slider_main li {background-repeat:no-repeat;background-position:center center; background-size:cover;}
#slider_main li > div {position:relative;width:100%;aspect-ratio:1920 / 810;margin:0 auto;}
#slider_main .slide_item_box{font-size:1em;position:absolute;z-index:1;width:95%;max-width:700px;box-sizing:border-box;padding:0 1.5rem;}
#slider_main .slide_item_box h2{font-family:'yg-jalnan','S-CoreDream','Noto Sans KR','맑은 고딕','맑은고딕','Malgun Gothic',dotum,gulim,sans-serif;font-weight:700;font-size:3.75em;}
#slider_main .slide_item_box h3{font-size:1.2em;}
#slider_main .slide_item_box h2{text-shadow:0.15em 0 0 #ffffff;line-height:1.2;}
#slider_main .slide_item_box.sib_white h2{text-shadow:0.15em 0 0 #ffffff50;}

#slider_main .slide_item_box h3{font-family:'S-CoreDream','Noto Sans KR','맑은 고딕','맑은고딕','Malgun Gothic',dotum,gulim,sans-serif;font-weight:500;font-size:1.3em;}
#slider_main .slide_item_box .phone_box{background-color:rgba(20,57,138,0.45);color:#fff;border-radius:8px;max-width:395px;margin:1rem auto;box-sizing:border-box;padding:0.2em 30px;text-align:center;}
#slider_main .slide_item_box .phone_box{font-family:'S-CoreDream','Noto Sans KR','맑은 고딕','맑은고딕','Malgun Gothic',dotum,gulim,sans-serif;font-weight:700;font-size:1.6em;margin-top:20px;}
#slider_main .slide_item_box.po_CM{top:50%;left:50%;transform:translate(-50%,-50%);}
#slider_main .slide_item_box.po_LM{top:50%;left:10%;transform:translateY(-50%);}
#slider_main .slide_item_box.po_CT{top:15%;left:50%;transform:translateX(-50%);}

#slider_main .slide_item_box.sib_white{color:#fff;}
#slider_main .slide_item_box h2{margin:0 0 20px 0;}
#slider_main .slide_item_box h3{margin:0 0 12px 0;}
#slider_main .slide_item_box.sib_center h2,#slider_main.slide_item_box .sib_center h3,#slider_main .slide_item_box.sib_center * {text-align:center;}
#slider_main .slide_item_box.sib_white h2,#slider_main .slide_item_box.sib_white h3,h2,#slider_main .slide_item_box.sib_white p {/*text-shadow:2px 2px 3px rgba(0,0,0,0.25);*/}

.main-quick-box{
	position:absolute;
	height:180px;
	background-color:#ffffff;
	width:calc(100% - ( var(--screen-padding) * 2 + 48px ));
	border-radius:70px 70px 10px 10px;
	z-index:1;
	bottom:-80px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.2);
	left: 50%;
    transform: translateX(calc(-1 * (50% - 32px)));
	background-image:url('/_img/v1/main/quick_bg.png');
	background-repeat:no-repeat;
	background-position:right bottom;
	overflow:hidden;
	padding:0 55px;
	column-gap:65px;
}
.main-quick-box{
	display:flex;
	align-items:center;
	max-width:1920px;
	margin:0 auto;
}
.main-quick-box > div{
	display:flex;
	align-items:center;
	column-gap:30px;
}
.main-quick-box > div > div > strong{
	display:block;
	font-family:'yg-jalnan';
	font-size:1.875em;
	color:#8b8b8b;
}
.main-quick-box > div > div > strong > span{
	color:#000;
}
.main-quick-box > div > div > p{
	font-size:1.0625em;
	line-height:1.3;
}
.main-quick-box > ul{
	flex:1;
	max-width:840px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	column-gap:40px;
}
.main-quick-box > ul > li > a {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	row-gap:8px;
}
.main-quick-box > ul > li > a > .q-icon-box {
	background-color:#ecf5e9;
	display:flex;
	justify-content:center;
	align-items:center;
	width:104px;
	aspect-ratio:1/1;
	border-radius:30px;
	overflow:hidden;
}
.main-quick-box > ul > li > a *{
	transition:all 0.5s;
}
.main-quick-box > ul > li > a > .q-icon-box > img {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:60%;
}
.main-quick-box > ul > li > a:hover > .q-icon-box{
	background-color:#d0e5c9;
}
.main-quick-box > ul > li > a:hover > .q-icon-box > img{
	transform:rotateY(180deg);
}
.main-quick-box > ul > li > a > .q-icon-text{
	color:#000000;
	font-weight:500;
}

.top_login_box{
	position:relative;
	display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.top_login_box .zoom_btn_box{
	display: flex;
    align-items: center;
}

/*메인 최신글 */
.notice_wrap{
	display:flex;
	justify-content:space-between;
	margin-top:4.3rem;
	margin-bottom:4.3rem;
	align-items: stretch;
}
.notice_wrap .notice_tit_box{
	flex:1;
	max-width:472px;
	margin-top:-15px;
}
.notice_wrap .notice_tit_box .notice_tit h2{
	display: inline-flex;
    align-items: center;
    margin-right: 30px;
    font-size: 2.125rem;
    font-family: 'yg-jalnan';
	background-color:#028597;
	color:#ffffff;
	height:77px;
	padding:0 40px;
	border-radius:20px 20px 38px 20px;
	margin-left:130px;
	margin-top:65px;
}
.notice_wrap .notice_tit_box .notice_tit{
	display:flex;
	align-items:center;
	position:relative;
}
.notice_wrap .notice_tit_box .notice_tit .notice_icon{
	display:flex;
	align-items:center;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.notice_wrap .notice_tit_box .notice_info{
	background-color:#3dbecc;
	padding:35px;
	padding-top:55px;
	border-radius:20px 60px 60px 20px;
	height:330px;
	margin-top:-45px;
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;	
	row-gap:15px;
}
.notice_wrap .notice_content{
	flex:0 0 auto;
	min-width:0;
	width:calc(100% - (472px + 75px));
}
.tel_number{
	padding:0 23px;
	text-align:center;
}
.tel_number p{font-size:2.9rem;
	font-family:'yg-jalnan'; 
	color:#ffe47e;
	text-shadow:
        /* 외곽선 효과 (사방에 검은색) */
        -2px -2px 0 #078b9d,  
         2px -2px 0 #078b9d,  
        -2px  2px 0 #078b9d,  
         2px  2px 0 #078b9d,

        /* 그림자 효과 */
        -1.21px 1.56px 10px rgba(0, 0, 0, 0.5); /* 126도 방향 */
}
.notice_wrap .addr_info {
	display:flex;
	flex-direction:column;
	row-gap:8px;
	padding:0 23px 10px 23px;
	margin-top:-10px;
	font-size: 1.2rem;
}
.notice_wrap .addr_info p{
	display:flex;align-items:center;gap:8px;
	color:#ffffff;
}
.notice_wrap .addr_info img{width:24px;aspect-ratio:1/1;}

.notice_wrap .work_info{
	background-color:#2fa0ac;
	padding:16px 26px;
	border-radius:13px;
}
.notice_wrap .work_info p{
	color:#ffffff;
}


.tab_wrap{position:relative;height: 100%;}
.tab_wrap::before,.tab_wrap::after{content:'';clear:both;display:table;}
.tab_wrap > h2 {
    display:inline-flex;
    align-items:center;
    margin-right:30px;
    font-size: 2.125rem;
    font-family: 'yg-jalnan';
    height: 55px;
}
.tab_wrap > h2 > a {color:#ababab;}
.notice_wrap .tab_wrap > h2 > a:hover{color:#000;}
.notice_wrap .tab_wrap > h2 > a.on{color:#000;}

.tab_wrap .tab_content{position:absolute;top:50px;width:100%;padding-top:1rem;height: calc(100% - 55px);}
.tab_wrap .tab_content > a {position:absolute;top:-50px;right:0px;height:50px;width:50px;background-color:#ffffff;border-radius:50%;border:1px solid #222;color:#222;}
.tab_wrap .tab_content > a::before{content:'\f2c7';font-family:'Ionicons',sans-serif;font-size:1.25rem;line-height:50px;text-align:center;display:block;}
.tab_wrap .tab_content > a:hover,.tab_wrap .tab_content > a:focus{background-color:#222;color:#ffffff;}

.hangsa_wrap{margin:1rem auto;}
.hangsa_box {display:block;text-align:center;width:100%;border:1px solid #ddd;}
.hangsa_box:hover,.hangsa_box:focus{border-color:#0066ff;box-shadow:0px 0px 3px rgba(0,0,0,0.5);color:#000;font-weight:500;}
.hangsa_box .hangsa_img {max-height:177px;overflow:hidden;}
.hangsa_box .hangsa_img > img{display:block;width:100%;}
.hangsa_box .hangsa_title{display:block;width:100%;padding:0.8rem;text-align:center;}
.lt_tit_box{position:relative;height:40px;line-height:40px;}
.lt_tit_box > h2{font-size:2.1875rem;font-weight:700;font-family:'S-CoreDream','Noto Sans KR','맑은 고딕','맑은고딕','Malgun Gothic',dotum,gulim,sans-serif;text-align:center;}
.lt_tit_box .lt_more{position:absolute;top:50%;right:0;width:40px;transform:translateY(-50%);}
.lt_tit_box .lt_more::before{content:'\f2c7';font-family:'Ionicons',sans-serif;font-size:1.25rem;line-height:50px;text-align:center;display:block;}

.qic_box{background-position:right bottom; background-repeat:no-repeat;height:258px;margin:1rem 0;position:relative;padding:1rem;border:1px solid #ddd;}
.qic_box.qic_info1{background-image:url(/_img/v1/main/bg_info1.jpg);background-color:#eaeaea;}
.qic_box.qic_info2{background-image:url(/_img/v1/main/bg_info2.jpg);background-color:#d5e7ff;}
.qic_imgbox{position:absolute;width:160px;height:200px;right:8px;bottom:25px;overflow:hidden;z-index:1;}
.qic_imgbox > img{display:block;width:100%;height:100%;position:absolute;transition:all 0.5s;}
.qic_imgbox:hover,.qic_imgbox:focus{opacity:0.1;}
.qic_box .bg_text{position:absolute;width:160px;height:200px;right:8px;bottom:25px;overflow:hidden;z-index:0;padding:10px;}
.qic_box .bg_text > span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:0.85rem;width:90%;text-align:center;background-color:#869ed4;color:#fff;padding:10px;}
.qic_box > a {display:block;position:absolute;bottom:20px;color:#fff;padding:5px 15px;border-radius:4px;}
.qic_box h2,.qic_box h3,.qic_box p {position:relative;z-index:1;}
.qic_box.qic_info1 a {background-color:#a6a7a8;border:1px solid #a6a7a8;left:50%;transform:translateX(-50%);}
.qic_box.qic_info2 a {background-color:#869ed4;border:1px solid #869ed4;}
.qic_box.qic_info1 a:hover,.qic_box.qic_info1 a:focus{border:1px solid #a6a7a8;background-color:#fff;color:#a6a7a8}
.qic_box.qic_info2 a:hover,.qic_box.qic_info2 a:focus{border:1px solid #869ed4;background-color:#fff;color:#869ed4}
.qic_box h2{font-size:1.13rem;color:#444;}
.qic_box h2::after{content:'';width:38px;height:2px;display:block;margin:1rem 0;}
.qic_box.qic_info1 h2::after{background-color:#ffd553;}
.qic_box.qic_info2 h2::after{background-color:#4f87d4;}
.qic_box p {text-align:center;font-size:1.1rem;margin:0;padding:0;}

/* 구인 구직 */
.guin-wrap{
	position:relative;
	background-color:#d9e9ff;
	margin-top:1.5rem;
	margin-bottom:2.5rem;
	padding:40px;
	border-radius:50px;
}
.guin-wrap h2 {display:block;font-size:2.125rem;font-family:'yg-jalnan';}
.guin-wrap h2 > a{display:block;padding: 0 20px;border-radius:10px;width:100%;box-sizing:border-box;text-align:left;font-family:'yg-jalnan','Noto Sans KR','맑은 고딕','맑은고딕','Malgun Gothic',dotum,gulim,sans-serif;font-weight:700;line-height: 45px;height: 45px;}

.guin-content{
	position:relative;
	padding:20px 20px 0 20px;
	overflow: hidden;
}
.guin_item{
	display:block;
	position:relative;
	padding: 20px;
	background-color:#fff;
	border-radius:20px;
	border:5px solid transparent;
	transition:all 0.5s;
}
.guin_item:hover{
	border-color:#1458ab;
	transition:all 0.5s;
}
.guin-content .owl-dots{display:none;}
.guin-content .guin_date{font-size:1.05rem;}
.guin-content .guin_title{font-size:1.2rem;overflow:hidden;white-space:nowrap;margin-top:10px;}

.guin_item:hover .guin_title i{color:#1458ab}
.guin-content .guin_title i{color:#b2b2b2;}

.guin-content .guin_text{font-size:1.05rem;overflow:hidden;white-space:nowrap;padding:15px 0; border-bottom:1px solid #ddd; line-height: 1.6;font-weight:400;}
.guin-content .guin_text::before,.guin-content .guin_text::after{content:'';display:table;}
.guin-content .guin_text span:first-child{}
.guin-content .guin_text span:last-child{}
.guin_stat_ing{display:inline-block;padding:0px 20px;font-size:1rem;border-radius:20px;height:40px;line-height:40px;background-color:#2881ee;color:#fff;}
.guin_stat_ing.end{background-color:#a7a7a7;color:#fff;}
.guin_item{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:5px 0;min-height: 130px;}
.guin-content .owl-stage-outer{}

.guin_item .guin_link{
	padding: 5px 0 0 0;
    text-align: right;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    align-items: center;
}
.guin_item .guin_link > i{
	font-weight:bold;
	font-size:24px;
	color:#2881ee;
}
.guin_item:hover .guin_link{
	font-weight:600;
}

.guintab_more{position:absolute;right:20px;top: -5px;}
.guintab_more > a {position:relative;display:block;width:25px;height:25px;text-align: center;}
.guintab_more > a::before{content:'\f2c7';font-family:'Ionicons',sans-serif;font-size:1.5rem;}


.guin-slide.owl-theme .owl-nav{
	display:flex;
	align-items:center;
}
.guin-slide.owl-theme .owl-nav [class*=owl-]{
	padding: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid transparent;
    vertical-align: middle;
    line-height: 0;
    color: #222;
}
.guin-slide.owl-theme .owl-nav [class*=owl-]:hover{
	background-color:#1458ab;
}

.hangsa_wrap{
	background-color:transparent;
	background-image:url('/_img/v1/main/activity-bg.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	height:610px;
    display: flex;
    overflow: hidden;	
	transition:all 0.35s;
    justify-content: space-between;
    align-items: center;	
}
.hangsa_wrap .hangsa_left{
	display:flex;
	flex-direction:column;
	flex:0 0 auto;
	width:380px;
	padding:60px 0;
	row-gap:15px;
	align-items:center;
}
.hangsa_wrap .hangsa_tit_box{
	display:flex;
	flex-direction:column;
	flex:0 0 auto;
	width:100%;
	padding:0 60px 0 78px;
	row-gap:15px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:bottom center;
}
.hangsa_wrap .hangsa_tit_box h2{
	display: block;
    font-size: 2.125rem;
    font-family: 'yg-jalnan';
}
.hangsa_wrap .hangsa_slide_box{
	flex:0 0 auto;
	width:calc(100% - 440px);
	min-width: 0;	
}
.hangsa_slide_box .owl-carousel {
    width: 100% !important;
}

.hangsa_slide_box .owl-stage-outer {
    width: 100% !important;
    overflow: hidden; /* 레이아웃 문제 방지 */
}

.hangsa_wrap .hangsa-control{
	display:flex;
	align-items:center;
	gap:10px;
}
.hangsa_wrap .hangsa-control [class*=hangsa-btn]{
	padding: 0 !important;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border-radius:50%;
	background-color:#ffffff;
	border:1px solid #222;
	vertical-align: middle;
	line-height:0;
	color:#222;
}
.hangsa_wrap .hangsa-control [class*=hangsa-btn]:hover{
	background-color:#222;
	color:#ffffff;
}
.hangsa-btn-more i{font-size:2.5em;}

.hangsa-alt-img{
	max-width:305px;
	aspect-ratio:305 / 266;
}

@media (max-width:1919px){
	.hangsa_wrap .hangsa_slide_box{

	}
}
@media (max-width:1600px){
	.hangsa_wrap .hangsa_slide_box{

	}
}
@media (max-width:1500px){
	.hangsa_wrap .hangsa_slide_box{

	}
}
@media (max-width:1400px){
	.hangsa_wrap .hangsa_slide_box{

	}
}


/* 하단 슬라이드 배너 */
.fixed_banner_wrap{clear:both;border-top:1px solid #ccc;}
.owl_bn_wrap::before,.owl_bn_wrap::after{content:'';display:table;clear:both;}
.owl_bn_wrap {
	box-sizing:border-box;padding:20px 0;
	display: flex;
    align-items: center;
}
.owl_bn_control_box{
	width:250px;
	float:left;
    display: flex;
    align-items: center;
    gap: 15px;	
}

.owl_bn_content {width: calc(100% - 255px);float:left;}

.owl_bn_control_box > div{height:50px;line-height:50px;font-size:0;box-sizing:border-box;padding-top:3px;display: flex; align-items: center;}
.owl_bn_control_box > div button {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	font-size:20px;
	height: 40px;
	cursor:pointer;
	width: 40px;
	border:1px solid transparent;
	margin-right:2px;
	vertical-align: top;
	border-radius:8px;
	padding: 0;
	color:#000000;
	background-color:#eaedf0;
}
.owl_bn_control_box > div button:hover ,.owl_bn_control_box > div button:focus{background-color:#000000;color:#ffffff;}
.owl_bn_item {box-sizing:border-box;}
.owl_bn_item > a {display:block;/* border:1px solid #ddd; */}
.owl_bn_item > a > img{display:block;}
.owl_bn_wrap .owl-dots, .index_map_wrap .owl-dots, .latest_popupzone_wrap .owl-dots{font-size:0px;display:none;}

#BNR .owl_bn_item a { position: relative; display: block; text-align: center; text-decoration: none; width: 100%; height: 100%; overflow: hidden; font-size: 11px; box-sizing: border-box; }
#BNR .owl_bn_item a img { display: block; text-align: center; position: relative; }
#BNR .owl_bn_item a span { display: block; text-align: center; position: absolute; width: 100%; height: 0px; z-index: 1; top: 0px; left: 0px; line-height: 52px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; color: #fff; overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
#BNR .owl_bn_item a:hover span { background-color: rgba(0,0,0,.8); background-color: #000000\9; color: #fff; display: block; height: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-indent: 0; }



.ft-address-wrap{padding:1.5rem 1rem;}
.ft-address-wrap [class^="ft_"]{line-height:1.4em;padding:0.2rem 0;word-break:keep-all;color:#fff;}
.ft-address-wrap [class="ft_addr"]{font-size:1rem;}
.ft-address-wrap [class="ft_tel"] {font-size:0.95rem;}
.ft-address-wrap [class="ft_biz"] {font-size:0.9rem; color:#fff;}
.ft-address-wrap [class="ft_copy"]{font-size:0.85rem;color:#cacaca;}

.visited_box {font-size:0.85rem;font-family:tahoma,verdana,helvetica,arial,sans-serif;/*text-transform:uppercase;*/;font-weight:normal;}
.visited_box span {font-size:0.9em;color:#ffffff;position:relative;}
.visited_box span::before{content:'\f1fd';font-family:'Ionicons',sans-serif;color:#ffffff;}
.visited_box span strong {color:#ffffff;}

/* PC 사이드 바 */
.pc_side_wrap::before,.pc_side_wrap::after{content:'';clear:both;display:table;}
.sidebar_area{float:left;width:var(--sidebar-width);margin-top:-220px;position:relative;z-index:1;background-color:#ffffff;border-radius:11px 11px 0 0;}
.sidebar_area .sidebar_top{height:var(--sidebar-height);background-color:var(--sidetop-bg);color:#fff;background-image:url(/_img/v1/sub/side_top_bg.png);background-repeat:no-repeat;background-position:right bottom;position:relative;border-radius:10px 10px 50px 10px;overflow:hidden;}
.sidebar_area .sidebar_top > h3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.05rem;font-family:'yg-jalnan';}
.sidebar_area ul.sidebar_ul {margin:10px 0 0 0;padding:15px 36px;border-radius:10px 50px 10px 10px;overflow:hidden; border:1px solid #e8e8e8;}
.sidebar_area ul.sidebar_ul > li > a {color:#222;display:block;position:relative;line-height:54px;border:1px solid #ddd;border-width:0 0 1px 0;box-sizing:border-box;padding:0 1rem;font-size: 1.1175rem;font-weight:400;}
.sidebar_area ul.sidebar_ul > li > a::after{content:'';display:inline-block;background-color:transparent;width:7px;height:7px;border-radius:50%;margin-top: 0; top: 10px; margin-left: 8px; position: absolute;}
.sidebar_area ul.sidebar_ul > li > a::after{transition:all 0.5s;}
.sidebar_area ul.sidebar_ul > li > a.active{color:#000;font-weight:500;}
.sidebar_area ul.sidebar_ul > li > a.active::after{content:'';display:inline-block;background-color:#ed1872;width:7px;height:7px;border-radius:50%;margin-top: 0; top: 10px; margin-left: 8px; position: absolute;}

.sidebar_area ul.sidebar_ul > li:last-child > a {border-bottom-width:0;}

.sidebar_area ul.sidebar_ul ul{margin:0;padding:0;}
.sidebar_area ul.sidebar_ul ul li{margin:0;padding:0;}
.sidebar_area ul.sidebar_ul ul li > a {display:block;position:relative;line-height:38px;box-sizing:border-box;padding:0 1rem;font-size: 1rem;}
.sidebar_area ul.sidebar_ul ul li > a:hover{border-color:#cadef4;}
.sidebar_area ul.sidebar_ul ul li > a.active{color:#000;}
.sidebar_area ul.sidebar_ul ul li > a.active::after{content:'\f125';font-family:'Ionicons',sans-serif;position:absolute;right:0.5rem;color:#1748a4;}
.sidebar_area ul.sidebar_ul ul li > a:hover::after{content:'\f125';font-family:'Ionicons',sans-serif;position:absolute;right:0.5rem;color:#94a4d3;}

/* 콘텐츠 영역 */
.page_content_area{float:right;width:calc(100% - var(--sidebar-area-box));}
.page-title-wrap{margin-bottom:2rem;position:relative;border-bottom:1px solid #e8e8e8;padding:15px 0;}
.page-title-wrap > h2 {font-size:1.875rem;position:relative;color:#333333;font-weight:700;text-align:left;font-family:'yg-jalnan';}
/* .page-title-wrap::after{content:'';display:block;height:5rem;}*/



.mq_wrap {position:relative;box-sizing:border-box;height: 350px;}
.mq_icon_linkbox{position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.mq_icon_linkbox a{display:block;font-family:'S-CoreDream','Noto Sans KR','맑은 고딕','맑은고딕','Malgun Gothic',dotum,gulim,sans-serif;text-align:center;margin: 0 0 20px 0;box-sizing: border-box;padding: 10px 0;transition:all 0.5s;}
.mq_icon_linkbox a:hover,.mq_icon_linkbox a:focus{color:#1748a4;font-weight:500;background-color:#eff1f3;border-radius:22px;}
.mq_icon_linkbox a span{display:block;text-align:center;padding:10px 0 3px 0;letter-spacing:-0.1em;}
.qick_info {
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: block;
	width: 100%;
}
.qick_info::before,.qick_info::after{content:'';clear:both;display:table;}
.qick_info .qi_teltext {vertical-align:top;}
.qick_info .qi_teltext {font-size:1.875rem;font-family:'S-CoreDream','Noto Sans KR','맑은 고딕','맑은고딕','Malgun Gothic',dotum,gulim,sans-serif;}
.qick_info .qi_teltext span{display:block;}
.qick_info .qi_telnum {vertical-align:top;margin-top: 10px;}
.qick_info .qi_telnum h2{font-size: 3.0rem;color:#ff8107;font-weight: 700;letter-spacing:-0.05em;/* text-shadow:2px 2px 2px #ccc; */margin: 0 0 10px 0;padding:0;line-height:1;}
.qick_info .qi_telnum > div {margin-top: 20px;}
.qick_info .qi_telnum > div > span {display:block;}
.qick_info .qi_telnum > div > span strong {}

.qick_info .office_tel_box{margin: 0.5rem 0 1rem 0;}
.qick_info .office_tel_box dt{}
.qick_info .office_tel_box dd{}
.qick_info .office_info_box{font-size:1rem;background: #628bb5 url(/_img/v1/main/icon_time.png);background-repeat: no-repeat;background-position: 90% 52%;color:#fff;border-radius:0.5rem;box-sizing:border-box;padding:0.5rem 1rem;}
.qick_info_wrap{height:350px;position:relative;}


#slider_main .slide_item_box[class*=po_C]  h2,#slider_main .slide_item_box[class*=po_C]  h3{
	text-align:center;
}
#slider_main .slide_item_box[class*=po_C] {max-width:80%;}


/* 모바일 메뉴버튼 */
.ani_menu_bar_btn{border:0;background-color:transparent;}

.ani_fold_btn {font-size: 20px;position: relative;width: 100%;text-align: left;color: #000;outline:0;}
.ani_fold_btn {border:0;font-weight:300;font-size:16px;background-color:transparent;line-height:1;padding:0;margin:0;cursor:pointer;}
.ani_fold_btn:before, .ani_fold_btn:after {position: absolute;top: 9px;right: 0;display: block;width: 16px;height: 2px;content: '';-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease; -o-transition: all .2s ease;background-color: #000;}
.ani_fold_btn:before {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.ani_fold_btn.active {color: #2e008b;}
.ani_fold_btn.active:before {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); background-color: #2e008b;}
.ani_fold_btn.active:after {background-color: #2e008b;}

.gototop{position:fixed;background-color:#3897f6;color:#fff;text-align:center;right:5px;bottom:-100px;opacity:0;z-index:1;transition:all 0.5s;border-radius:50%;}
.gototop .box{width:50px;height:50px;}
.gototop .box .txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:0.75rem;color:#fff;}

.screen_out{font-size:0px;position:absolute;}

[class*='main-section-']{
	position:relative;
}
[class*='main-section-']:before{
	content:'';
	background-repeat:no-repeat;
	display:block;
	z-index:-1;
	position:absolute;
}
.main-section-up:before{
	width:800px;
	height:800px;
	left:-350px;
	top:350px;
	background-image:url('/_img/v1/main/section-bg-up.png');
}
.main-section-down{
	padding-top:50px;
	padding-bottom:50px;
}
.main-section-down:before{
	width:500px;
	height:500px;
	top:-200px;
	right:-200px;
	background-image:url('/_img/v1/main/section-bg-down.png');
    background-position: left bottom;	
	background-size:500px;
}

/* sub common */
.subtop-img-box{
	height: 300px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	margin-top: 0;
	border-radius: 0 0 100px 0;
	overflow:hidden;
	transition:all 0.5s;
	position:relative;
	margin-bottom:20px;
}

.subtop-img-box::before{
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	height:100%;
	width:100%;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right bottom;	
	background-image:url(/_img/v1/sub/sub_slide_bg_cloud.png);	
}

.subtop-img-box .max_content{
	display:flex;
	align-items:flex-end;
	justify-content: flex-end;
	height:100%;
}
.subtop-cntbox{
	position:relative;
	height:100%;
	width: calc(100% - var(--sidebar-area-box));
	max-width:1400px;
	display:flex;
	align-items: center;
    justify-content: space-between;
	padding:0 calc(var(--screen-padding) * 2) 0 0;
}
.subtop-img-box .subtop_txt {
	color:#fff;
	display:flex;
	flex-direction:column;
	position:relative;
	z-index:1;
}
.subtop-img-box .sub-top-picture{
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}
.subtop-img-box .subtop_txt > h2{position:relative;font-size:2.75rem;color:#333333; font-family:'yg-jalnan';}

.subtop-img-box  .location-flex{
	color:#000;
	margin-top:15px;
	display:flex;
	align-items:center;
	gap:6px;
}
.subtop-img-box  .location-flex .home-icon{font-size:20px;}

.subtop-img-box.subtop_img1 {background-image:url(/_img/v1/sub/sub_slide_bg.jpg);}
.subtop-img-box.subtop_img2 {background-image:url(/_img/v1/sub/sub_slide_bg.jpg);}
.subtop-img-box.subtop_img3 {background-image:url(/_img/v1/sub/sub_slide_bg.jpg);}
.subtop-img-box.subtop_img4 {background-image:url(/_img/v1/sub/sub_slide_bg.jpg);}
.subtop-img-box.subtop_img5 {background-image:url(/_img/v1/sub/sub_slide_bg.jpg);}
.subtop-img-box.subtop_img6 {background-image:url(/_img/v1/sub/sub_slide_bg.jpg);}
.subtop-img-box.subtop_img7 {background-image:url(/_img/v1/sub/sub_slide_bg.jpg);}
.subtop-img-box.subtop_img8 {background-image:url(/_img/v1/sub/sub_slide_bg.jpg);}
.subtop-img-box.subtop_img9 {background-image:url(/_img/v1/sub/sub_slide_bg.jpg);}
.subtop-img-box.subtop_img10{background-image:url(/_img/v1/sub/sub_slide_bg.jpg);}
.subtop-img-box.subtop_img11{background-image:url(/_img/v1/sub/sub_slide_bg.jpg);}
.subtop-img-box.subtop_img12{background-image:url(/_img/v1/sub/sub_slide_bg.jpg);}

.org_tab{
	display:flex;
	margin:0 0 30px 0;
}
.org_tab > div{
	flex:1;
}

.org_tab > div > button{
	background-color:#ffffff;
	width:100%;
	padding:15px 15px;
	border-color:#ccc;
	border-width:1px;
	border-style:solid;
	font-size:1.25rem;
}
.org_tab > div:first-child > button{
	border-radius:30px 0 0 30px;
}
.org_tab > div:last-child > button{
	border-radius:0 30px 30px 0;
}
.org_tab > div > button.on{
	background-color:var(--sidetop-bg);
	color:#ffffff;
	border-color:var(--sidetop-bg);
}

.org_target{
	display:none;
}
.org_target.on{
	display:block;
}

.mobile-only{
    display:none !important;
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) 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 {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(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: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-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: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}