body, html {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 19px;
	word-wrap: break-word;
	word-break: keep-all;
}
h1, h2 {
	margin: 0;
	padding: 0;
}
ul, ol {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 0;
	padding-right: 0;
}

.m_slide {
    width: 95%;
    margin: 0 auto;
    height: 85%;
   overflow: hidden;
    border-radius: 30px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.34901960784313724);
}

.m_mid_top {
    padding: 5% 0;
}
 @media (max-height: 799px) {
	.m_mid_top {
		padding: 0;
	}
}


 @media (max-width: 768px) {
body {
	background-color: #fff;
}
.m_slide {
	width: 100%;
	float: left;
	/* margin-top: 70px; */
	margin-bottom: 2%;
}
}
/*#section1 {
background: url(../../../img/main/communi_bg.png) ;
	background-position: center;
	background-size: cover;
}*/

#section1 {
    background: url(../../../img/main/sec01/section_bg01.jpg);
    /* background: #fefddf; */
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
}
#section2 {
    background-image: url(../../../img/main/sec02/section_bg02.jpg);
    /* background-color: #5d9ab9; */
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}
/*
#section2 {
	background-image: url(../../../img/main/business_bg.png) ;
    background-color: #5d9ab9;
	background-position: center;
	background-size: cover;
}
*/

#section3 {
    background-image: url(../../../img/main/sec03/section_bg03.jpg);
	background-position: top;
	background-size: auto;
	background-repeat: no-repeat;
}
#section4 {
    background-image: url(../../../img/main/sec04/section_bg04.jpg);
	background-position: center;
	background-size: cover;
}
#section5 {
  background-color: #EAF9FF
}
/*.main_icon {
	margin-bottom: 14px
}*/
.m01_txt {
	font-size: 18px;
	width: 100%;
	text-align: center;
	padding-top: 17px;
	float: left;
	margin-top: 1.5%;
}
/*섹션*/



/*******section_title******/
.titleline .right::before {
    content: "더보기";
    font-size: 17px;
    font-family: 'GoyangIlsan', sans-serif;
    top: -8px;
    position: relative;
    left: -6px;
}
.titleline .right:hover {
    color: #fab205;
}
.titleline .right {
    float: right;
    font-size: 38px;
    /* font-weight: 500; */
    font-family: "S-Core Dream 2";
    padding-right: 0.5%;
    color: #241709;
    transition: 0.5s;
}
.top_title {
	text-align: center;
	font-size: 45px;
	color: #000;
	padding-bottom: 44px;
}
.m01_title {
	font-family: "GG_Title_Light";
	letter-spacing: 0;
}
.m01_title strong {
	color: #5CBC58;
	font-weight: 800;
}
#section1 .m01_title span {
	padding-bottom: 1%;
}
#section2 .m01_title span {
    padding-bottom: 1%;
    color: #009688;
}
#section3 .m01_title span {
    padding-bottom: 1%;
    color: #4CAF50;
}
#section4 .m01_title span {
	padding-bottom: 1%;
}
#section5 .m01_title span {
    padding-bottom: 1%;
    color: #4CAF50;
}
.top_title_line {
	margin: 0 auto;
	width: 10%;
	border-bottom: 2px solid #fab205;
	margin-top: 5px;
}
.line_white {
	border-bottom: 2px solid #fff;
	width: 21%;
}
.line_black {
	border-bottom: 2px solid #000;
	width: 54%;
}
.line_blue {
	border-bottom: 2px solid #417cb6;
	width: 17%;
}
.m04_title, .m04_title strong {
    color: #fff;
}



/* 뉴스룸 시작 */

.top_icon-item {
	width: 25%
}
.title {
    float: left;
    font-size: 30px;
    font-weight: 600;
    cursor: pointer;
    line-height: 80%;
	font-family: "GG_Title_Light";
}
.title strong {
	font-family: "S-Core Dream 6";
}
.titlecolorline {
    text-align: right;
    padding-bottom: 0;
    border-bottom: 10px solid #C1E3C2	;
}
.titlecolorline_white {
	float: left;
	color: #fff;
	text-align: center;
	width: 100%;
	margin-top: 12px;
	font-size: 23px;
	font-family: "S-Core Dream 5";
}
.more_right {
	float: right;
	font-size: 40px;
	font-weight: 200;
	margin-top: -2%;
}
.more_right :hover {
	color: rgba(232, 171, 39, 1);
}
.more_right a {
	color: #999;
}
.top_board {
	padding: 0 1% 0 0;
}
.top_board2 {
	padding: 0 0 0 1%;
}
.titleline {
	height: 50px;
	padding-bottom: 10px;/*border-bottom: 2px solid #d2d2d2;*/
}
.title_tab {
	width: 100%;
	float: left;
	background: #e2e2e2;
	border: 1px solid #ddd;
}
.title_tabs {
	width: 23%;
	background-color: #e2e2e2;
	color: #000;
	text-align: center;
	font-size: 19px !important;
	margin: 1.5% 0;
	border-right: 1px solid #bbb;
}




 @media (max-width: 768px) {
.title_tabs {
	width: 50%;
}
	 .title {
    font-size: 26px;

}
}



.title_tabs.mtlt_sel {
	background-color: #3f3f3f;
	color: #fff;
	padding: 1.5% 0;
	margin: 0;
}
.mtl_contentBox {
	border: 1px solid #ddd;
	float: left;
	overflow: hidden;
	width: 100%;
}
.title_tabs_bt {
	width: 4%;
	background-color: #e2e2e2;
	color: #000;
	text-align: center;
	font-size: 15px !important;
	font-weight: 800;
	margin: 1.5% 0 0 0;
	border-right: 1px solid #bbb;/* position: absolute; */
}
.title_tabs_bt.no_border {
	border: 0;
}
/* 공지사항 시작*/
.view_news {
	background-color: #fff;
  border-top-left-radius: 30px;
	    border-bottom-right-radius: 30px;
	border: 1px solid #ccc;
	padding:1rem
}

@media (max-width: 991px) {
	.view_news {
	    padding-bottom: 5%;
	}
}
@media (min-width: 992px) {
	.view_box {
		padding-left: 1%;
	}
}
@media (min-width: 769px) {
	.view_zine {
		padding-left: 1%;
	}
}
@media (min-width: 1200px) {
	.view_news {
	    width: 37%;
	      padding: 3% 3% 2% 3%;
	    border: 1px solid #ccc;
	    border-top-left-radius: 30px;
	    border-bottom-right-radius: 30px;
		height: 497px;
	}
	.view_box {
		width: 35%;
		padding: 3% 0 2% 2.5%;
	}
	.view_zine {
    width: 28%;
    padding: 3% 0% 0 2%;
}
}
/* 공지사항 끝*/


.more {
    font-size: 40px;
    position: relative;
    top: -7px;
}

.bt1 span, .bt2 span, .bt3 span, .bt4 span {
    color: #696969;
    display: block;
    position: absolute;
    bottom: 20%;
    width: calc(100% - 10px);
}
.bt1, .bt3 {
    padding: 10px 10px 10px 0;
}
.bt2, .bt4 {
    padding: 10px 0 10px 10px;
}
.bt1 .box, .bt2 .box, .bt3 .box, .bt4 .box {
    text-align: center;
    font-size: 23px;
	font-weight: 600;
    background-position: center 30%;
    background-repeat: no-repeat;
    border: 1px solid #cdcdcd;
    border-radius: 25px;
    transition: 0.3s;
    height: 185px;
}
.bt1 .box {
	background-image: url(../../../img/main/sec01/edu_ov01.png);
	background-color: #98C95C;
}
.bt1 .box  span{
color: #fff;
}
.bt2 .box {
	background-image: url(../../../img/main/sec01/edu_02.png);
}
.bt3 .box {
	background-image: url(../../../img/main/sec01/edu_03.png);
}
.bt4 .box {
	background-image: url(../../../img/main/sec01/edu_04.png);
}
.mid1_box2_title {
	font-size: 24px;
	font-weight: 700;
	color: #181818;
}
.bt_more {
	padding-top: 15px;
}
.bt1 .box:hover {
	background-image: url(../../../img/main/sec01/edu_01.png);
	background-color: #fff;
	color: #98C95C;
}
.bt1 .box:hover {
	color: #fff;
}
.bt1 .box:hover span {
		color: #98C95C;
}
.bt2 .box:hover {
	background-image: url(../../../img/main/sec01/edu_ov02.png);
	background-color: #98C95C;
}
.bt2 .box:hover div {
	color: #fff;
}
.bt2 .box:hover span {
	color: #fff;
}
.bt3 .box:hover {
	background-image: url(../../../img/main/sec01/edu_ov03.png);
	background-color: #98C95C;
}
.bt3 .box:hover div {
	color: #fff;
}
.bt3 .box:hover span {
	color: #fff;
}
.bt4 .box:hover {
	background-image: url(../../../img/main/sec01/edu_ov04.png);
	background-color: #98C95C;
}
.bt4 .box:hover div {
	color: #fff;
}
.bt4:hover span {
	color: #fff;
}
/* 후원바로가기 시작 */
.quick_bt {
    position: relative;
    bottom: 161px;
    left: 100px;
    transform: translateY(0);
}
.quick_bt.bounce {
	animation-delay: 0.5s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
}
 40% {
-webkit-transform: translateY(-30px)
}
 60% {
-webkit-transform: translateY(-20px);
}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
 40% {
transform: translateY(-30px);
}
 60% {
transform: translateY(-20px);
}
}
.quick_bt a {
	font-size: 0;
}
.quick_bt a:after {
	content: '';
	background-image: url(../../../img/main/quick_sponsor.png);
	padding: 85px;
	background-repeat: no-repeat;
}






/*사업소개*/
.business_view {
}
/*사업소개*/
    
    
/*나눔  시작*/
.nanum_gr2 {
    padding: 5px 1%;
    float: left;
    width: 100%;
}
@media (min-width: 1200px) {
	
.section4_container {
    width: 95%;
    margin: 0 auto;
}
.nanum_gr1, .nanum_gr4 {
    width: 35%;
    float: left;
    margin: 0 1% 0 1%;
}
	.nanum_gr2, .nanum_gr3 {
		width: 61%;
		float: left;
	    margin: 0 1% 0 1%;
}

}
.nanum_gr2 {
    padding: 5px 1%;
}
.nanum_gr2 .board_box {
    background: #fff;
    border-radius: 25px;
   padding: 30px 20px 21px 20px;;
 /*   height: 390px;*/
     overflow: hidden; 
	border:1px solid #ddd;
}
.nanum_gr3 {
    padding: 1%;
}

.nanum_bt1 span, .nanum_bt2 span, .nanum_bt5 span, .nanum_bt6 span {
    color: #696969;
    display: block;
    position: absolute;
    bottom: 20%;
    width: calc(100% - 10px);
    color: #fff;
	font-weight: 600;
	font-size: 23px;
}
/*.nanum_bt1, .nanum_bt5 {
    padding: 5px;
}*/
/*.nanum_bt2, .nanum_bt6 {
    padding: 5px;
}*/
.nanum_bt1 .box, .nanum_bt2 .box, .nanum_bt5 .box, .nanum_bt6 .box {
    text-align: center;
    font-size: 22px;
    background-position: center 30%;
    background-repeat: no-repeat;
    border-radius: 25px;
    transition: 0.3s;
   /* height: 200px;*/
	padding-top: 95%;
    margin-bottom: 4%;
}



.nanum_bt1 .box {
	background-image: url(../../../img/main/sec04/sup_icon01.png);
	background-color: #62b762;
	border:5px solid #62b762
}
.nanum_bt2 .box {
	background-image: url(../../../img/main/sec04/sup_icon02.png);
	background-color: #98c95c;
	border:5px solid #98c95c
}
.nanum_bt5 .box {
	background-image: url(../../../img/main/sec04/sup_icon03.png);
	background-color: #62b7b0;
	border:5px solid #62b7b0
}
.nanum_bt6 .box {
	background-image: url(../../../img/main/sec04/sup_icon04.png);
	background-color: #5cc8ca;
	border:5px solid #5cc8ca
}


.nanum_bt1 .box:hover, .nanum_bt2 .box:hover, .nanum_bt5 .box:hover, .nanum_bt6 .box:hover{
	transition: 0.8s;
}



.nanum_bt1 .box:hover {
	background-image: url(../../../img/main/sec04/sup_icon01_ov.png);
	background-color: #fff;
}
.nanum_bt1 .box:hover  div{
	color: #ccc;

}
.nanum_bt1 .box:hover span {
	color: #62b762;
}
.nanum_bt2 .box:hover {
	background-image: url(../../../img/main/sec04/sup_icon02_ov.png);
	background-color: #fff;
}
.nanum_bt2 .box:hover div {
	color: #98c95c;
}
.nanum_bt2 .box:hover span {
	color: #98c95c;
}
.nanum_bt5 .box:hover {
	background-image: url(../../../img/main/sec04/sup_icon03_ov.png);
	background-color: #fff;
}
.nanum_bt5 .box:hover div {
	color: #fff;
}
.nanum_bt5 .box:hover span {
	color: #62b7b0;
}
.nanum_bt6 .box:hover {
	background-image: url(../../../img/main/sec04/sup_icon04_ov.png);
	background-color: #fff;
}
.nanum_bt6 .box:hover div {
	color: #fff;
}
.nanum_bt6:hover span {
	color: #5cc8ca;
}

.nanum_bt3 {
    background-color: #fff;
    border-radius: 25px;
    padding: 7%;
    /*height: 205px;*/
    border: 1px solid #ddd;
	background-image: url(../../../img/main/sec04/call_bg.jpg);
	    background-repeat: no-repeat;
    background-position: right 3% bottom -9%;
}

.nanum_bt4 span{
	font-size: 23px;
	font-weight: 600;
}

.nanum_bt4 {
    border-radius: 25px;
    padding: 9%;
    margin-top: 5%;
    background-image: url(../../../img/main/sec04/sup_bg.png);
  /*  height: 200px;*/
    text-align: right;
    background-repeat: no-repeat;
	background-size: 100%;
}
.nanum_bt4:hover  span:first-child{
	color: #5CC8CA;
	transition: 0.8s
}



.nanum_bt3 span {
    font-size: 23px;
    font-weight: bolder;
}
.nanum_bt3_phone {
    font-size: 32px;
    color: #62B564;
    font-weight: bold;
    padding: 2% 0;
}

span.nanum_bt3_color {
    background-color: #afafaf;
    padding: 3px;
    border-radius: 5px;
    color: #fff;
    font-size: 17px;
}
.nanum_bt3_cont2 {
    margin-top: 5px;
    float: left;
}
.nanum_bt3_cont1 {
    float: left;
}
@media (max-width: 1199px) {
	.nanum_bt3_cont2 {
	    margin-top: 0;
	/*    margin-left: 10px;*/
	    float: left;
	}
}

.nanum_bt4 > span {
    font-size: 22px;
    font-weight: bolder;
}
.nanum_bt4_cont {
    padding-top: 5%;
}

.nanum_bt4_color {
    color: #26b629;
}


@media (max-width:768px){
	.nanum_bt1 .box, .nanum_bt5 .box{
		margin-right: 1%;
	}	
	.nanum_bt2 .box, .nanum_bt6 .box{
		margin-left: 1%;
	}
	.nanum_bt4 {
		margin-top: 2%;
		margin-bottom: 3%;
	background-size: 100%;
    background-position: top 22% left;
}
	.nanum_bt3 {
    padding: 4%;
    background-size: 22%;
}
}

/*나눔  끝*/





    

@keyframes flips {
 0% {
-ms-transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
transform:rotateY(180deg);
}
 100% {
-ms-transform:rotateY(0deg);
-webkit-transform:rotateY(0deg);
transform:rotateY(0deg);
}
}
 @keyframes flipsRevs {
 0% {
-ms-transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
transform:rotateY(180deg);
}
 100% {
-ms-transform:rotateY(360deg);
-webkit-transform:rotateY(360deg);
transform:rotateY(360deg);
}
}
/*  후원안내~오시는길 끝  */





/* 공지사항타이틀 */

.title2 {
	float: left;
	font-size: 25px;
	font-weight: 500;
	cursor: pointer;
}
.more_right {
	float: right;
	font-size: 40px;
	font-weight: 200;
	margin-top: -3%;
}
.more_right :hover {
	color: #5d9ab9;
}
.more_right a {
	color: #999;
}
.top_board {
	border: 1px solid #ddd;
	padding: 20px;
	width: 49.5%;
	float: left;
}
.top_day {
	width: 49.5%;
	float: right;
}
.la_gallbox {
	height: 171px;
}
/*달력*/



.cal_year {
	width: 50%;
	height: 57px;
	background-color: #727272;
	text-align: center;
}

/*달력끝*/

 

@media (min-width:962px) {
.mo_slide {
	position: absolute;
	visibility: hidden;
}
}
@media (max-width:1100px) {
	.view_news{
	border-radius: 30px 0 30px 0;
    border: 1px solid #ddd;
	padding: 1rem;
	 height: 455px;
		overflow: hidden
	}

}

@media (max-width:1024px){
	.nanum_bt1 .box, .nanum_bt2 .box, .nanum_bt5 .box, .nanum_bt6 .box {
		padding-top: 41%;
	}	
		.nanum_bt3 {
		padding: 4%;
	}
	.nanum_bt4 {
		padding: 7%;
		margin-bottom: 4%		
	}
	#section1, #section2, #section3, #section4, #section5 {
	padding-top: 5%;
	padding-bottom: 10%;
}
}


@media (max-width:768px){
	.nanum_bt1 .box, .nanum_bt2 .box, .nanum_bt5 .box, .nanum_bt6 .box {
    padding-top: 61%;
}
	.nanum_bt1 .box, .nanum_bt5 .box{
		margin-right: 1%;
	}	
	.nanum_bt2 .box, .nanum_bt6 .box{
		margin-left: 1%;
	}
	.nanum_bt4 {
		margin-top: 2%;
		margin-bottom: 3%;
	background-size: 100%;
    background-position: top 22% left;
		    padding: 11%;
}
	.nanum_bt3 {
    padding: 4%;
    background-size: 22%;
}
}


@media (max-width:667px){
	.nanum_bt1 .box, .nanum_bt2 .box, .nanum_bt5 .box, .nanum_bt6 .box {
    padding-top: 85%;
}

}


 @media (max-width:900px) {

/************************소통시작*******************************/
#section1 {
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100%;
}
.top_board {
	float: none;
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px
}
.top_day {
	float: none;
	width: 95%;
	margin: 4% auto;
}
.top_icon {
	width: 95%;
	margin: 0 auto;
	float: none;
}
.top_icon-item {
	width: 49%;
	float: left;
	margin-bottom: 2%;
	border: 1px solid #ddd;
	border-radius: 25px;
	position: relative;
	padding: 2%;
}
.top_icon-item2 {
	float: right;
}
.top_icon_img img {
	display: block;
	width: 100%;
}
.top_icon_txt_tit {
	margin-top: 15%;
	margin-left: 20%;
}
/************************소통끝*******************************/


/************************프로그램 시작*******************************/
    
    
/***************모바일탭 끝**********************/    
.select_arrow {
	font-family: 'NanumBarunGothicR', sans-serif;
	transform: rotate(90deg);
	font-size: 25px;
	color: #fff;
	position: absolute;
	right: 12%;
	top: 23%;
	z-index: 1;
}
.msg_sound_only, .sound_only {
	display: inline-block !important;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0;
	line-height: 0;
	border: 0 !important;
	overflow: hidden !important;
}
.select-script {
	position: relative;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 0;
	padding: 4%;
	line-height: 23px;
	border: 2px solid #e7e7e7;
	border-radius: 10px;
	text-transform: uppercase;
	background: #fff;
	color: #343434;
	text-align: center;
	font-size: 21px;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../../../img/main/bar_bg.png);
	background-position: center right 20px;
	background-repeat: no-repeat;
}
.tapManu2.visible-xs {
	width: 80%;
	margin: 0 auto 5%;
}
/***************모바일탭 끝**********************/  

#section2 {
	/*background-size: 100%;*/
	background-size: cover;
	background-position: top;
}
.business_box {
	margin: 0 auto 3%;
	padding: 2%;
	width: 95%;
	float: none;
	overflow: hidden;
	text-align: center;
}
.business-item_img {
	width: 100%;
	float: none;
}
.business-item_txt {
	width: 100%;
	float: none;
}
.business-item_txt h2 {
	font-size: 23px;
	width: 90%;
	margin: 0 auto;
}
.business-item_txt_tit {
	margin-top: -8%;
	font-size: 23px;
}
.business-item_txt_txt {
	margin: 4% auto;
	width: 90%;
}
.business-item_txt_txt span {
	margin: 0 auto 14%;
}
.order_tit {
	font-size: 20px;
	height: 50px;
}
.order_img img {
	width: 100%
}
.order_img {
/*width: 100%*/
}
/************************프로그램 끝*******************************/

/***********************후원/자원봉사 시작*******************************/

.hope {
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
	float: none;
}
.hope_guide-item {
	width: 49%;
	padding: 3%;
}
.hope_guide-item_img {
	width: 25%;
	float: left;
}
.hope_guide-item img {
	width: 100%;
}
.hope_guide-item span {
	width: 65%;
	float: right;
	text-align: left;
	margin-top: 7%;
}
.hope_apply {
	margin: 3% 0;
}
.hope_face {
	height: auto;
	float: none;
	border-radius: 15px;
}
.hope_call {
	width: 95%;
	margin: 3% auto;
	padding: 4%;
	border-radius: 15px;
	background-position: 90% 81%;
	background-size: 11%;
}
.hope_call h2 strong {
	margin: 0;
}
.hope_apply_img {
	background-position: bottom;
	padding-top: 82%;
	background-size: 100%;
}
.hope_apply_right .hope_apply_img {
	background-position: center;
}
.hope_face_head {
	background-repeat: no-repeat;
	background-image: url(../../../img/main/m_facebook_icon.png);
	background-color: #415fa2;
	background-position: 2% 10%;
	position: relative;
	background-size: 20%;
}
.hope_face_head span {
	top: 49px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	display: inline-block;
	width: 100%;
	position: absolute;
}
.hope_face_head img {
	display: none
}
/************************후원/자원봉사 끝*******************************/
 
.col-sm-3.col-xs-12.top_icon.play_box {
	width: 24%;
	float: left;
}
}
 @media (max-width:820px) {
.top_icon_txt_tit {
	margin-top: 2%;
	margin-left: -1%;
}
.tab_box {
	width: 95%;
}
.tabs li {
	letter-spacing: -2px;
}
.business-item_img {
	width: 50%;
	float: none;
	margin: 0 auto;
}
.business-item_txt h2 {
	font-size: 18px;
	width: 98%;
	font-weight: normal;
	line-height: 150%;
}
.order_line {
	padding-top: 55%;
}
.hope_call_day {
	margin-top: 1%;
}
.hope_call {
	background-position: 85% 99%;
	background-size: 16%;
}
}



@media (max-width:768px) {
.col-sm-3.col-xs-12.top_icon.play_box {
	width: 100%;
	float: left;
}
.sm_box_2:last-child p {
	font-family: "S-Core Dream 5";
	font-size: 24px;
}
.sm_box_2 img {
	width: 174px;
	height: 172px;
	margin-top: 0;
	margin-bottom: 0;
}
.swim_bt2 .swim_tit, .swim_bt3 .swim_tit, .swim_tit, .swim_bt .swim_tit, .order_tit, .sponsor_tit {
    font-family: "S-Core Dream 5";
    font-size: 24px;
    width: 100%;
    float: left;
    padding: 2% 0;
    margin: 0;
}
p.m01_txt {
	margin-bottom: 5%;
}
.sponsor_tit {
    padding: 6% 0;
}
}
 @media (max-width:640px) {
	 div#section1 .top_title {
    margin-top: 11%;
}

/************************인사말~시작*******************************/    
.top_icon_txt_tit {
	font-size: 18px;
	margin-left: 1%;
	margin-top: -7%;
}
.top_icon-item {
	border-radius: 5px;
}
/************************인사말~끝*******************************/  
    
    
   /************************사업안내~끝*******************************/   
.business-item_img {
	width: 90%;
	float: none;
	margin: 0 auto;
}
.business-item_img img {
	width: 100%;
}
.business-item_txt_txt span {
	width: 40%;
}
/************************사업안내~끝*******************************/ 
    
/*****************부설기관소개 시작!!!************/
 
.order_img {
	margin-bottom: 0px;
}
/*****************부설기관소개 끝!!!************/
    
.order {
	text-align: left;
	/*width: 95%;
    float: none;*/
	padding: 0px;
	/*margin: 0 auto 2%;*/
	padding: 2%;
	overflow: hidden;
}
.order_img {
/*width: 25%;
	float:left;
	margin-left:2%*/
}
.order_img img {
	width: 100%;
}
.order_tit {
/*float: right;
    width: 65%;
	margin: 10% auto 0%;*/
}
/*****************후원안내 시작!!!************/   
.hope_guide-item span {
	font-size: 20px;
	margin-top: 4%;
}
.hope_guide-item {
	width: 100%;
	padding: 5%;
	margin-bottom: 2%;
	border-radius: 15px;
}
.hope_guide-item img {
	width: 70%;
}
.hope_face_head {
	padding-top: 23%;
	background-position: 2% -55%;
}
.hope_face_head span {
	top: 30px;
}
.hope_call {
	background-position: 87% 81%;
	background-size: 17%;
}
/*****************후원안내 끝!!!************/
}
 @media (max-width:360px) {
.business-item_txt_txt span {
	width: 47%;
}
}
.bot_box_img:hover .mm_boxBG {
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand')";
 filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand');
}
 @media (max-width:1400px) {
.scroll_tab ul li a span.tab1, .scroll_tab ul li a span.tab2, .scroll_tab ul li a span.tab3 {
	padding-left: 13%;
}
.scroll_tab2 ul li a span.tab1, .scroll_tab2 ul li a span.tab2, .scroll_tab2 ul li a span.tab3 {
	padding-left: 13% !important;
}
}
@media (max-width: 768px) {
.bot_box1 {
	padding-top: 17%;
}
.m_st_top, .swim_tit.m_st_top {
    padding-top: 18px;
    float: left;
    width: 100%;
}
.mbot_right {
	margin-bottom: 4%;
	height: 225px;
}
.m_bot {
	background-color: #fff;
}
.m_bot img {
	margin-bottom: 9%;
}
.mbot_left {
	height: 225px;
}
.pic_line {
	background-position: center -5%;
}
/* 서비스안내 768시작 */
.service_box {
	width: 50%;
}
.service_box .sm_box_2 {
	color: #fff;
	background-color: #fff;
	width: 90%;
	margin: 0 5%;
	border-radius: 15px;
}
.sm_box_2 p {
	color: #000;
}
/* 서비스안내 768끝 */
	
	
	
/* 후원자원봉사 768시작 */
.sponsor {
	width: 48%;
}
.view_news {
    padding-right: 0;
    border-radius: 30px 0 30px 0;
    border: 1px solid #ddd;
    padding: 1.5rem 0.5rem;
	margin-bottom: 5%;
}
	
.view_box, .view_zine{	
	margin-bottom: 5%;
	}
	
#section1, #section2, #section3, #section4, #section5 {
    padding: 10% 0;
    float: left;
	width: 100%
}
.m_mid_top {
	padding: 0;
}
.order {
	width: 31.3%;
	padding: 1% 0;
	border-radius: 15px;
	margin: 0 1%;
	transition: 0.8s;
}
.order_box {
	width: 100%;
	margin: 0;
	padding: 1%;
}
/*.Order_container {
	margin-top: 0;
	width: 100%;
}*/
.mo_slide {
	margin-top: 0;
}
.sponsor_box .sponsor_img.sp_4, .sponsor_box .sponsor_img.sp_2 {
	padding: 5% 0;
}
.sponsor {
	padding-bottom: 1%;
}
.sm_box_2 img {
    border-radius: 0;
    background: none;
    margin-top: -4%;
    margin-bottom: -7%;
}
.order_img img {
	width: 91px;
}
.order .order_img {
	width: 100%;
	float: left;
	text-align:center;
	background-color: #fff;
	border-radius: 0;
	padding: 8% 0;
	border-radius: 16px;
	margin: 0;
}
.service_box .sm_box_2{height:217px;}
}
/* 후원자원봉사 768끝 */

/*메인버튼글씨크기*/

@media (max-width: 768px) {
	.top_title {
	    font-size: 30px;
	    padding-bottom: 25px;
	}
	
}

/*하단배너*/
.tail_banner_tit {
    float: left;
    width: 15%;
    font-size: 20px;
    padding: 24px 0;
}
.tail_banner_cont {
    float: left;
    width: 85%;
}




/*애니메이트*/
.animate-in, .animating, .hover-bounce, .hover-flash, .hover-heartbeat, .hover-panic, .hover-pulsate, .hover-pulse, .hover-rubber-band, .hover-shake-x, .hover-shake-y, .hover-slingshot, .hover-slingshot-reverse, .hover-spin, .hover-spin-reverse, .hover-strobe, .hover-swing, .hover-tada, .hover-wobble {
	-webkit-transition: none!important;
	-moz-transition: none!important;
	-o-transition: none!important;
	-ms-transition: none!important;
	transition: none!important
}
.animate-in, .animate-out {
	visibility: hidden!important;
	opacity: 0
}
.animating, .hover-bounce, .hover-flash, .hover-heartbeat, .hover-panic, .hover-pulsate, .hover-pulse, .hover-rubber-band, .hover-shake-x, .hover-shake-y, .hover-slingshot, .hover-slingshot-reverse, .hover-spin, .hover-spin-reverse, .hover-strobe, .hover-swing, .hover-tada, .hover-wobble {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animating.slow-mo, .hover-bounce.slow-mo, .hover-flash.slow-mo, .hover-heartbeat.slow-mo, .hover-panic.slow-mo, .hover-pulsate.slow-mo, .hover-pulse.slow-mo, .hover-rubber-band.slow-mo, .hover-shake-x.slow-mo, .hover-shake-y.slow-mo, .hover-slingshot-reverse.slow-mo, .hover-slingshot.slow-mo, .hover-spin-reverse.slow-mo, .hover-spin.slow-mo, .hover-strobe.slow-mo, .hover-swing.slow-mo, .hover-tada.slow-mo, .hover-wobble.slow-mo {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}
.animating.super-slow-mo, .hover-bounce.super-slow-mo, .hover-flash.super-slow-mo, .hover-heartbeat.super-slow-mo, .hover-panic.super-slow-mo, .hover-pulsate.super-slow-mo, .hover-pulse.super-slow-mo, .hover-rubber-band.super-slow-mo, .hover-shake-x.super-slow-mo, .hover-shake-y.super-slow-mo, .hover-slingshot-reverse.super-slow-mo, .hover-slingshot.super-slow-mo, .hover-spin-reverse.super-slow-mo, .hover-spin.super-slow-mo, .hover-strobe.super-slow-mo, .hover-swing.super-slow-mo, .hover-tada.super-slow-mo, .hover-wobble.super-slow-mo {
	-webkit-animation-duration: 3s;
	animation-duration: 3s
}
.animating.ultra-slow-mo, .hover-bounce.ultra-slow-mo, .hover-flash.ultra-slow-mo, .hover-heartbeat.ultra-slow-mo, .hover-panic.ultra-slow-mo, .hover-pulsate.ultra-slow-mo, .hover-pulse.ultra-slow-mo, .hover-rubber-band.ultra-slow-mo, .hover-shake-x.ultra-slow-mo, .hover-shake-y.ultra-slow-mo, .hover-slingshot-reverse.ultra-slow-mo, .hover-slingshot.ultra-slow-mo, .hover-spin-reverse.ultra-slow-mo, .hover-spin.ultra-slow-mo, .hover-strobe.ultra-slow-mo, .hover-swing.ultra-slow-mo, .hover-tada.ultra-slow-mo, .hover-wobble.ultra-slow-mo {
	-webkit-animation-duration: 4s;
	animation-duration: 4s
}
.animating.hyper-slow-mo, .hover-bounce.hyper-slow-mo, .hover-flash.hyper-slow-mo, .hover-heartbeat.hyper-slow-mo, .hover-panic.hyper-slow-mo, .hover-pulsate.hyper-slow-mo, .hover-pulse.hyper-slow-mo, .hover-rubber-band.hyper-slow-mo, .hover-shake-x.hyper-slow-mo, .hover-shake-y.hyper-slow-mo, .hover-slingshot-reverse.hyper-slow-mo, .hover-slingshot.hyper-slow-mo, .hover-spin-reverse.hyper-slow-mo, .hover-spin.hyper-slow-mo, .hover-strobe.hyper-slow-mo, .hover-swing.hyper-slow-mo, .hover-tada.hyper-slow-mo, .hover-wobble.hyper-slow-mo {
	-webkit-animation-duration: 5s;
	animation-duration: 5s
}
.animating.infinite, .hover-bounce.infinite, .hover-flash.infinite, .hover-heartbeat.infinite, .hover-panic.infinite, .hover-pulsate.infinite, .hover-pulse.infinite, .hover-rubber-band.infinite, .hover-shake-x.infinite, .hover-shake-y.infinite, .hover-slingshot-reverse.infinite, .hover-slingshot.infinite, .hover-spin-reverse.infinite, .hover-spin.infinite, .hover-strobe.infinite, .hover-swing.infinite, .hover-tada.infinite, .hover-wobble.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.ie .animate-in, .no-js .animate-in {
	visibility: visible!important;
	opacity: 1
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.animating.fade-in {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(60px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
transform:translateY(60px)
}
80% {
opacity:1
}
100% {
transform:translateY(0)
}
}
.animating.fade-in-up {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(200px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translateY(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
transform:translateY(200px)
}
80% {
opacity:1
}
100% {
transform:translateY(0)
}
}
.animating.fade-in-up-big {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInUpLarge {
0% {
opacity:0;
-webkit-transform:translateY(600px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translateY(0)
}
}
@keyframes fadeInUpLarge {
0% {
opacity:0;
transform:translateY(600px)
}
80% {
opacity:1
}
100% {
transform:translateY(0)
}
}
.animating.fade-in-up-large {
	-webkit-animation-name: fadeInUpLarge;
	animation-name: fadeInUpLarge
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-60px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
transform:translateY(-60px)
}
80% {
opacity:1
}
100% {
transform:translateY(0)
}
}
.animating.fade-in-down {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-200px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
transform:translateY(-200px)
}
80% {
opacity:1
}
100% {
transform:translateY(0)
}
}
.animating.fade-in-down-big {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInDownLarge {
0% {
opacity:0;
-webkit-transform:translateY(-600px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translateY(0)
}
}
@keyframes fadeInDownLarge {
0% {
opacity:0;
transform:translateY(-600px)
}
80% {
opacity:1
}
100% {
transform:translateY(0)
}
}
.animating.fade-in-down-large {
	-webkit-animation-name: fadeInDownLarge;
	animation-name: fadeInDownLarge
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(60px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
transform:translateX(60px)
}
80% {
opacity:1
}
100% {
transform:translateX(0)
}
}
.animating.fade-in-left {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(200px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
transform:translateX(200px)
}
80% {
opacity:1
}
100% {
transform:translateX(0)
}
}
.animating.fade-in-left-big {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInLeftLarge {
0% {
opacity:0;
-webkit-transform:translateX(600px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translateX(0)
}
}
@keyframes fadeInLeftLarge {
0% {
opacity:0;
transform:translateX(600px)
}
80% {
opacity:1
}
100% {
transform:translateX(0)
}
}
.animating.fade-in-left-large {
	-webkit-animation-name: fadeInLeftLarge;
	animation-name: fadeInLeftLarge
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(-60px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
transform:translateX(-60px)
}
80% {
opacity:1
}
100% {
transform:translateX(0)
}
}
.animating.fade-in-right {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(-200px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
transform:translateX(-200px)
}
80% {
opacity:1
}
100% {
transform:translateX(0)
}
}
.animating.fade-in-right-big {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInRightLarge {
0% {
opacity:0;
-webkit-transform:translateX(-600px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translateX(0)
}
}
@keyframes fadeInRightLarge {
0% {
opacity:0;
transform:translateX(-600px)
}
80% {
opacity:1
}
100% {
transform:translateX(0)
}
}
.animating.fade-in-right-large {
	-webkit-animation-name: fadeInRightLarge;
	animation-name: fadeInRightLarge
}
@-webkit-keyframes fadeInUpLeft {
0% {
opacity:0;
-webkit-transform:translate(60px, 60px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes fadeInUpLeft {
0% {
opacity:0;
transform:translate(60px, 60px)
}
80% {
opacity:1
}
100% {
transform:translate(0, 0)
}
}
.animating.fade-in-up-left {
	-webkit-animation-name: fadeInUpLeft;
	animation-name: fadeInUpLeft
}
@-webkit-keyframes fadeInUpLeftBig {
0% {
opacity:0;
-webkit-transform:translate(200px, 200px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes fadeInUpLeftBig {
0% {
opacity:0;
transform:translate(200px, 200px)
}
80% {
opacity:1
}
100% {
transform:translate(0, 0)
}
}
.animating.fade-in-up-left-big {
	-webkit-animation-name: fadeInUpLeftBig;
	animation-name: fadeInUpLeftBig
}
@-webkit-keyframes fadeInUpLeftLarge {
0% {
opacity:0;
-webkit-transform:translate(600px, 600px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes fadeInUpLeftLarge {
0% {
opacity:0;
transform:translate(600px, 600px)
}
80% {
opacity:1
}
100% {
transform:translate(0, 0)
}
}
.animating.fade-in-up-left-large {
	-webkit-animation-name: fadeInUpLeftLarge;
	animation-name: fadeInUpLeftLarge
}
@-webkit-keyframes fadeInUpRight {
0% {
opacity:0;
-webkit-transform:translate(-60px, 60px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes fadeInUpRight {
0% {
opacity:0;
transform:translate(-60px, 60px)
}
80% {
opacity:1
}
100% {
transform:translate(0, 0)
}
}
.animating.fade-in-up-right {
	-webkit-animation-name: fadeInUpRight;
	animation-name: fadeInUpRight
}
@-webkit-keyframes fadeInUpRightBig {
0% {
opacity:0;
-webkit-transform:translate(-200px, 200px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes fadeInUpRightBig {
0% {
opacity:0;
transform:translate(-200px, 200px)
}
80% {
opacity:1
}
100% {
transform:translate(0, 0)
}
}
.animating.fade-in-up-right-big {
	-webkit-animation-name: fadeInUpRightBig;
	animation-name: fadeInUpRightBig
}
@-webkit-keyframes fadeInUpRightLarge {
0% {
opacity:0;
-webkit-transform:translate(-600px, 600px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes fadeInUpRightLarge {
0% {
opacity:0;
transform:translate(-600px, 600px)
}
80% {
opacity:1
}
100% {
transform:translate(0, 0)
}
}
.animating.fade-in-up-right-large {
	-webkit-animation-name: fadeInUpRightLarge;
	animation-name: fadeInUpRightLarge
}
@-webkit-keyframes fadeInDownLeft {
0% {
opacity:0;
-webkit-transform:translate(60px, -60px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes fadeInDownLeft {
0% {
opacity:0;
transform:translate(60px, -60px)
}
80% {
opacity:1
}
100% {
transform:translate(0, 0)
}
}
.animating.fade-in-down-left {
	-webkit-animation-name: fadeInDownLeft;
	animation-name: fadeInDownLeft
}
@-webkit-keyframes fadeInDownLeftBig {
0% {
opacity:0;
-webkit-transform:translate(200px, -200px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes fadeInDownLeftBig {
0% {
opacity:0;
transform:translate(200px, -200px)
}
80% {
opacity:1
}
100% {
transform:translate(0, 0)
}
}
.animating.fade-in-down-left-big {
	-webkit-animation-name: fadeInDownLeftBig;
	animation-name: fadeInDownLeftBig
}
@-webkit-keyframes fadeInDownLeftLarge {
0% {
opacity:0;
-webkit-transform:translate(600px, -600px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes fadeInDownLeftLarge {
0% {
opacity:0;
transform:translate(600px, -600px)
}
80% {
opacity:1
}
100% {
transform:translate(0, 0)
}
}
.animating.fade-in-down-left-large {
	-webkit-animation-name: fadeInDownLeftLarge;
	animation-name: fadeInDownLeftLarge
}
@-webkit-keyframes fadeInDownRight {
0% {
opacity:0;
-webkit-transform:translate(-60px, -60px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes fadeInDownRight {
0% {
opacity:0;
transform:translate(-60px, -60px)
}
80% {
opacity:1
}
100% {
transform:translate(0, 0)
}
}
.animating.fade-in-down-right {
	-webkit-animation-name: fadeInDownRight;
	animation-name: fadeInDownRight
}
@-webkit-keyframes fadeInDownRightBig {
0% {
opacity:0;
-webkit-transform:translate(-200px, -200px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes fadeInDownRightBig {
0% {
opacity:0;
transform:translate(-200px, -200px)
}
80% {
opacity:1
}
100% {
transform:translate(0, 0)
}
}
.animating.fade-in-down-right-big {
	-webkit-animation-name: fadeInDownRightBig;
	animation-name: fadeInDownRightBig
}
@-webkit-keyframes fadeInDownRightLarge {
0% {
opacity:0;
-webkit-transform:translate(-600px, -600px)
}
80% {
opacity:1
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes fadeInDownRightLarge {
0% {
opacity:0;
transform:translate(-600px, -600px)
}
80% {
opacity:1
}
100% {
transform:translate(0, 0)
}
}
.animating.fade-in-down-right-large {
	-webkit-animation-name: fadeInDownRightLarge;
	animation-name: fadeInDownRightLarge
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.animating.fade-out {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translateY(-60px)
}
}
@keyframes fadeOutUp {
0% {
opacity:1;
transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translateY(-60px)
}
}
.animating.fade-out-up {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translateY(-200px)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1;
transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translateY(-200px)
}
}
.animating.fade-out-up-big {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}
@-webkit-keyframes fadeOutUpLarge {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translateY(-600px)
}
}
@keyframes fadeOutUpLarge {
0% {
opacity:1;
transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translateY(-600px)
}
}
.animating.fade-out-up-large {
	-webkit-animation-name: fadeOutUpLarge;
	animation-name: fadeOutUpLarge
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translateY(60px)
}
}
@keyframes fadeOutDown {
0% {
opacity:1;
transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translateY(60px)
}
}
.animating.fade-out-down {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translateY(200px)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1;
transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translateY(200px)
}
}
.animating.fade-out-down-big {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutDownLarge {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translateY(600px)
}
}
@keyframes fadeOutDownLarge {
0% {
opacity:1;
transform:translateY(0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translateY(600px)
}
}
.animating.fade-out-down-large {
	-webkit-animation-name: fadeOutDownLarge;
	animation-name: fadeOutDownLarge
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translateX(-60px)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1;
transform:translateX(0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translateX(-60px)
}
}
.animating.fade-out-left {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translateX(-200px)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1;
transform:translateX(0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translateX(-200px)
}
}
.animating.fade-out-left-big {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutLeftLarge {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translateX(-600px)
}
}
@keyframes fadeOutLeftLarge {
0% {
opacity:1;
transform:translateX(0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translateX(-600px)
}
}
.animating.fade-out-left-large {
	-webkit-animation-name: fadeOutLeftLarge;
	animation-name: fadeOutLeftLarge
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translateX(60px)
}
}
@keyframes fadeOutRight {
0% {
opacity:1;
transform:translateX(0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translateX(60px)
}
}
.animating.fade-out-right {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translateX(200px)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1;
transform:translateX(0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translateX(200px)
}
}
.animating.fade-out-right-big {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutRightLarge {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translateX(600px)
}
}
@keyframes fadeOutRightLarge {
0% {
opacity:1;
transform:translateX(0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translateX(600px)
}
}
.animating.fade-out-right-large {
	-webkit-animation-name: fadeOutRightLarge;
	animation-name: fadeOutRightLarge
}
@-webkit-keyframes fadeOutUpLeft {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translate(-60px, -60px)
}
}
@keyframes fadeOutUpLeft {
0% {
opacity:1;
transform:translate(0, 0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translate(-60px, -60px)
}
}
.animating.fade-out-up-left {
	-webkit-animation-name: fadeOutUpLeft;
	animation-name: fadeOutUpLeft
}
@-webkit-keyframes fadeOutUpLeftBig {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translate(-200px, -200px)
}
}
@keyframes fadeOutUpLeftBig {
0% {
opacity:1;
transform:translate(0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translate(-200px, -200px)
}
}
.animating.fade-out-up-left-big {
	-webkit-animation-name: fadeOutUpLeftBig;
	animation-name: fadeOutUpLeftBig
}
@-webkit-keyframes fadeOutUpLeftLarge {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translate(-600px, -600px)
}
}
@keyframes fadeOutUpLeftLarge {
0% {
opacity:1;
transform:translate(0, 0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translate(-600px, -600px)
}
}
.animating.fade-out-up-left-large {
	-webkit-animation-name: fadeOutUpLeftLarge;
	animation-name: fadeOutUpLeftLarge
}
@-webkit-keyframes fadeOutUpRight {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translate(60px, -60px)
}
}
@keyframes fadeOutUpRight {
0% {
opacity:1;
transform:translate(0, 0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translate(60px, -60px)
}
}
.animating.fade-out-up-right {
	-webkit-animation-name: fadeOutUpRight;
	animation-name: fadeOutUpRight
}
@-webkit-keyframes fadeOutUpRightBig {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translate(200px, -200px)
}
}
@keyframes fadeOutUpRightBig {
0% {
opacity:1;
transform:translate(0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translate(200px, -200px)
}
}
.animating.fade-out-up-right-big {
	-webkit-animation-name: fadeOutUpRightBig;
	animation-name: fadeOutUpRightBig
}
@-webkit-keyframes fadeOutUpRightLarge {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translate(600px, -600px)
}
}
@keyframes fadeOutUpRightLarge {
0% {
opacity:1;
transform:translate(0, 0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translate(600px, -600px)
}
}
.animating.fade-out-up-right-large {
	-webkit-animation-name: fadeOutUpRightLarge;
	animation-name: fadeOutUpRightLarge
}
@-webkit-keyframes fadeOutDownLeft {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translate(-60px, 60px)
}
}
@keyframes fadeOutDownLeft {
0% {
opacity:1;
transform:translate(0, 0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translate(-60px, 60px)
}
}
.animating.fade-out-down-left {
	-webkit-animation-name: fadeOutDownLeft;
	animation-name: fadeOutDownLeft
}
@-webkit-keyframes fadeOutDownLeftBig {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translate(-200px, 200px)
}
}
@keyframes fadeOutDownLeftBig {
0% {
opacity:1;
transform:translate(0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translate(-200px, 200px)
}
}
.animating.fade-out-down-left-big {
	-webkit-animation-name: fadeOutDownLeftBig;
	animation-name: fadeOutDownLeftBig
}
@-webkit-keyframes fadeOutDownLeftLarge {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translate(-600px, 600px)
}
}
@keyframes fadeOutDownLeftLarge {
0% {
opacity:1;
transform:translate(0, 0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translate(-600px, 600px)
}
}
.animating.fade-out-down-left-large {
	-webkit-animation-name: fadeOutDownLeftLarge;
	animation-name: fadeOutDownLeftLarge
}
@-webkit-keyframes fadeOutDownRight {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translate(60px, 60px)
}
}
@keyframes fadeOutDownRight {
0% {
opacity:1;
transform:translate(0, 0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translate(60px, 60px)
}
}
.animating.fade-out-down-right {
	-webkit-animation-name: fadeOutDownRight;
	animation-name: fadeOutDownRight
}
@-webkit-keyframes fadeOutDownRightBig {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translate(200px, 200px)
}
}
@keyframes fadeOutDownRightBig {
0% {
opacity:1;
transform:translate(0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translate(200px, 200px)
}
}
.animating.fade-out-down-right-big {
	-webkit-animation-name: fadeOutDownRightBig;
	animation-name: fadeOutDownRightBig
}
@-webkit-keyframes fadeOutDownRightLarge {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
80% {
opacity:0
}
100% {
opacity:0;
-webkit-transform:translate(600px, 600px)
}
}
@keyframes fadeOutDownRightLarge {
0% {
opacity:1;
transform:translate(0, 0)
}
80% {
opacity:0
}
100% {
opacity:0;
transform:translate(600px, 600px)
}
}
.animating.fade-out-down-right-large {
	-webkit-animation-name: fadeOutDownRightLarge;
	animation-name: fadeOutDownRightLarge
}
@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(0)
}
50% {
opacity:1;
-webkit-transform:scale(1.05)
}
70% {
-webkit-transform:scale(.85)
}
100% {
-webkit-transform:scale(1)
}
}
@keyframes bounceIn {
0% {
opacity:0;
transform:scale(0)
}
50% {
opacity:1;
transform:scale(1.05)
}
70% {
transform:scale(.85)
}
100% {
transform:scale(1)
}
}
.animating.bounce-in {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}
@-webkit-keyframes bounceInBig {
0% {
opacity:0;
-webkit-transform:scale(0)
}
50% {
opacity:1;
-webkit-transform:scale(1.25)
}
70% {
-webkit-transform:scale(.85)
}
100% {
-webkit-transform:scale(1)
}
}
@keyframes bounceInBig {
0% {
opacity:0;
transform:scale(0)
}
50% {
opacity:1;
transform:scale(1.25)
}
70% {
transform:scale(.85)
}
100% {
transform:scale(1)
}
}
.animating.bounce-in-big {
	-webkit-animation-name: bounceInBig;
	animation-name: bounceInBig
}
@-webkit-keyframes bounceInLarge {
0% {
opacity:0;
-webkit-transform:scale(0)
}
50% {
opacity:1;
-webkit-transform:scale(1.5)
}
70% {
-webkit-transform:scale(.8)
}
100% {
-webkit-transform:scale(1)
}
}
@keyframes bounceInLarge {
0% {
opacity:0;
transform:scale(0)
}
50% {
opacity:1;
transform:scale(1.5)
}
70% {
transform:scale(.8)
}
100% {
transform:scale(1)
}
}
.animating.bounce-in-large {
	-webkit-animation-name: bounceInLarge;
	animation-name: bounceInLarge
}
@-webkit-keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(60px)
}
50% {
opacity:1;
-webkit-transform:translateY(-10px)
}
70% {
-webkit-transform:translateY(15px)
}
100% {
-webkit-transform:translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity:0;
transform:translateY(60px)
}
50% {
opacity:1;
transform:translateY(-10px)
}
70% {
transform:translateY(15px)
}
100% {
transform:translateY(0)
}
}
.animating.bounce-in-up {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}
@-webkit-keyframes bounceInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(200px)
}
50% {
opacity:1;
-webkit-transform:translateY(-20px)
}
70% {
-webkit-transform:translateY(15px)
}
100% {
-webkit-transform:translateY(0)
}
}
@keyframes bounceInUpBig {
0% {
opacity:0;
transform:translateY(200px)
}
50% {
opacity:1;
transform:translateY(-20px)
}
70% {
transform:translateY(15px)
}
100% {
transform:translateY(0)
}
}
.animating.bounce-in-up-big {
	-webkit-animation-name: bounceInUpBig;
	animation-name: bounceInUpBig
}
@-webkit-keyframes bounceInUpLarge {
0% {
opacity:0;
-webkit-transform:translateY(600px)
}
50% {
opacity:1;
-webkit-transform:translateY(-25px)
}
70% {
-webkit-transform:translateY(20px)
}
100% {
-webkit-transform:translateY(0)
}
}
@keyframes bounceInUpLarge {
0% {
opacity:0;
transform:translateY(600px)
}
50% {
opacity:1;
transform:translateY(-25px)
}
70% {
transform:translateY(20px)
}
100% {
transform:translateY(0)
}
}
.animating.bounce-in-up-large {
	-webkit-animation-name: bounceInUpLarge;
	animation-name: bounceInUpLarge
}
@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-60px)
}
50% {
opacity:1;
-webkit-transform:translateY(10px)
}
70% {
-webkit-transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity:0;
transform:translateY(-60px)
}
50% {
opacity:1;
transform:translateY(10px)
}
70% {
transform:translateY(-10px)
}
100% {
transform:translateY(0)
}
}
.animating.bounce-in-down {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}
@-webkit-keyframes bounceInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-200px)
}
50% {
opacity:1;
-webkit-transform:translateY(20px)
}
70% {
-webkit-transform:translateY(-15px)
}
100% {
-webkit-transform:translateY(0)
}
}
@keyframes bounceInDownBig {
0% {
opacity:0;
transform:translateY(-200px)
}
50% {
opacity:1;
transform:translateY(20px)
}
70% {
transform:translateY(-15px)
}
100% {
transform:translateY(0)
}
}
.animating.bounce-in-down-big {
	-webkit-animation-name: bounceInDownBig;
	animation-name: bounceInDownBig
}
@-webkit-keyframes bounceInDownLarge {
0% {
opacity:0;
-webkit-transform:translateY(-600px)
}
50% {
opacity:1;
-webkit-transform:translateY(25px)
}
70% {
-webkit-transform:translateY(-20px)
}
100% {
-webkit-transform:translateY(0)
}
}
@keyframes bounceInDownLarge {
0% {
opacity:0;
transform:translateY(-600px)
}
50% {
opacity:1;
transform:translateY(25px)
}
70% {
transform:translateY(-20px)
}
100% {
transform:translateY(0)
}
}
.animating.bounce-in-down-large {
	-webkit-animation-name: bounceInDownLarge;
	animation-name: bounceInDownLarge
}
@-webkit-keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(60px)
}
50% {
opacity:1;
-webkit-transform:translateX(-10px)
}
70% {
-webkit-transform:translateX(5px)
}
100% {
-webkit-transform:translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity:0;
transform:translateX(60px)
}
50% {
opacity:1;
transform:translateX(-10px)
}
70% {
transform:translateX(5px)
}
100% {
transform:translateX(0)
}
}
.animating.bounce-in-left {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}
@-webkit-keyframes bounceInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(140px)
}
50% {
opacity:1;
-webkit-transform:translateX(-15px)
}
70% {
-webkit-transform:translateX(5px)
}
100% {
-webkit-transform:translateX(0)
}
}
@keyframes bounceInLeftBig {
0% {
opacity:0;
transform:translateX(140px)
}
50% {
opacity:1;
transform:translateX(-15px)
}
70% {
transform:translateX(5px)
}
100% {
transform:translateX(0)
}
}
.animating.bounce-in-left-big {
	-webkit-animation-name: bounceInLeftBig;
	animation-name: bounceInLeftBig
}
@-webkit-keyframes bounceInLeftLarge {
0% {
opacity:0;
-webkit-transform:translateX(280px)
}
50% {
opacity:1;
-webkit-transform:translateX(-20px)
}
70% {
-webkit-transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0)
}
}
@keyframes bounceInLeftLarge {
0% {
opacity:0;
transform:translateX(280px)
}
50% {
opacity:1;
transform:translateX(-20px)
}
70% {
transform:translateX(10px)
}
100% {
transform:translateX(0)
}
}
.animating.bounce-in-left-large {
	-webkit-animation-name: bounceInLeftLarge;
	animation-name: bounceInLeftLarge
}
@-webkit-keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(-60px)
}
50% {
opacity:1;
-webkit-transform:translateX(10px)
}
70% {
-webkit-transform:translateX(-5px)
}
100% {
-webkit-transform:translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity:0;
transform:translateX(-60px)
}
50% {
opacity:1;
transform:translateX(10px)
}
70% {
transform:translateX(-5px)
}
100% {
transform:translateX(0)
}
}
.animating.bounce-in-right {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}
@-webkit-keyframes bounceInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(-140px)
}
50% {
opacity:1;
-webkit-transform:translateX(15px)
}
70% {
-webkit-transform:translateX(-5px)
}
100% {
-webkit-transform:translateX(0)
}
}
@keyframes bounceInRightBig {
0% {
opacity:0;
transform:translateX(-140px)
}
50% {
opacity:1;
transform:translateX(15px)
}
70% {
transform:translateX(-5px)
}
100% {
transform:translateX(0)
}
}
.animating.bounce-in-right-big {
	-webkit-animation-name: bounceInRightBig;
	animation-name: bounceInRightBig
}
@-webkit-keyframes bounceInRightLarge {
0% {
opacity:0;
-webkit-transform:translateX(-280px)
}
50% {
opacity:1;
-webkit-transform:translateX(20px)
}
70% {
-webkit-transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0)
}
}
@keyframes bounceInRightLarge {
0% {
opacity:0;
transform:translateX(-280px)
}
50% {
opacity:1;
transform:translateX(20px)
}
70% {
transform:translateX(-10px)
}
100% {
transform:translateX(0)
}
}
.animating.bounce-in-right-large {
	-webkit-animation-name: bounceInRightLarge;
	animation-name: bounceInRightLarge
}
@-webkit-keyframes bounceInUpLeft {
0% {
opacity:0;
-webkit-transform:translate(60px, 60px)
}
50% {
opacity:1;
-webkit-transform:translate(-10px, -10px)
}
70% {
-webkit-transform:translate(15px, 15px)
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes bounceInUpLeft {
0% {
opacity:0;
transform:translate(60px, 60px)
}
50% {
opacity:1;
transform:translate(-10px, -10px)
}
70% {
transform:translate(15px, 15px)
}
100% {
transform:translate(0, 0)
}
}
.animating.bounce-in-up-left {
	-webkit-animation-name: bounceInUpLeft;
	animation-name: bounceInUpLeft
}
@-webkit-keyframes bounceInUpLeftBig {
0% {
opacity:0;
-webkit-transform:translate(200px, 200px)
}
50% {
opacity:1;
-webkit-transform:translate(-20px, -20px)
}
70% {
-webkit-transform:translate(15px, 15px)
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes bounceInUpLeftBig {
0% {
opacity:0;
transform:translate(200px, 200px)
}
50% {
opacity:1;
transform:translate(-20px, -20px)
}
70% {
transform:translate(15px, 15px)
}
100% {
transform:translate(0, 0)
}
}
.animating.bounce-in-up-left-big {
	-webkit-animation-name: bounceInUpLeftBig;
	animation-name: bounceInUpLeftBig
}
@-webkit-keyframes bounceInUpLeftLarge {
0% {
opacity:0;
-webkit-transform:translate(600px, 600px)
}
50% {
opacity:1;
-webkit-transform:translate(-25px, -25px)
}
70% {
-webkit-transform:translate(20px, 20px)
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes bounceInUpLeftLarge {
0% {
opacity:0;
transform:translate(600px, 600px)
}
50% {
opacity:1;
transform:translate(-25px, -25px)
}
70% {
transform:translate(20px, 20px)
}
100% {
transform:translate(0, 0)
}
}
.animating.bounce-in-up-left-large {
	-webkit-animation-name: bounceInUpLeftLarge;
	animation-name: bounceInUpLeftLarge
}
@-webkit-keyframes bounceInUpRight {
0% {
opacity:0;
-webkit-transform:translate(-60px, 60px)
}
50% {
opacity:1;
-webkit-transform:translate(10px, -10px)
}
70% {
-webkit-transform:translate(-15px, 15px)
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes bounceInUpRight {
0% {
opacity:0;
transform:translate(-60px, 60px)
}
50% {
opacity:1;
transform:translate(10px, -10px)
}
70% {
transform:translate(-15px, 15px)
}
100% {
transform:translate(0, 0)
}
}
.animating.bounce-in-up-right {
	-webkit-animation-name: bounceInUpRight;
	animation-name: bounceInUpRight
}
@-webkit-keyframes bounceInUpRightBig {
0% {
opacity:0;
-webkit-transform:translate(-200px, 200px)
}
50% {
opacity:1;
-webkit-transform:translate(20px, -20px)
}
70% {
-webkit-transform:translate(-15px, 15px)
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes bounceInUpRightBig {
0% {
opacity:0;
transform:translate(-200px, 200px)
}
50% {
opacity:1;
transform:translate(20px, -20px)
}
70% {
transform:translate(-15px, 15px)
}
100% {
transform:translate(0, 0)
}
}
.animating.bounce-in-up-right-big {
	-webkit-animation-name: bounceInUpRightBig;
	animation-name: bounceInUpRightBig
}
@-webkit-keyframes bounceInUpRightLarge {
0% {
opacity:0;
-webkit-transform:translate(-600px, 600px)
}
50% {
opacity:1;
-webkit-transform:translate(25px, -25px)
}
70% {
-webkit-transform:translate(-20px, 20px)
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes bounceInUpRightLarge {
0% {
opacity:0;
transform:translate(-600px, 600px)
}
50% {
opacity:1;
transform:translate(25px, -25px)
}
70% {
transform:translate(-20px, 20px)
}
100% {
transform:translate(0, 0)
}
}
.animating.bounce-in-up-right-large {
	-webkit-animation-name: bounceInUpRightLarge;
	animation-name: bounceInUpRightLarge
}
@-webkit-keyframes bounceInDownLeft {
0% {
opacity:0;
-webkit-transform:translate(60px, -60px)
}
50% {
opacity:1;
-webkit-transform:translate(-10px, 10px)
}
70% {
-webkit-transform:translate(15px, -15px)
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes bounceInDownLeft {
0% {
opacity:0;
transform:translate(60px, -60px)
}
50% {
opacity:1;
transform:translate(-10px, 10px)
}
70% {
transform:translate(15px, -15px)
}
100% {
transform:translate(0, 0)
}
}
.animating.bounce-in-down-left {
	-webkit-animation-name: bounceInDownLeft;
	animation-name: bounceInDownLeft
}
@-webkit-keyframes bounceInDownLeftBig {
0% {
opacity:0;
-webkit-transform:translate(200px, -200px)
}
50% {
opacity:1;
-webkit-transform:translate(-20px, 20px)
}
70% {
-webkit-transform:translate(15px, -15px)
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes bounceInDownLeftBig {
0% {
opacity:0;
transform:translate(200px, -200px)
}
50% {
opacity:1;
transform:translate(-20px, 20px)
}
70% {
transform:translate(15px, -15px)
}
100% {
transform:translate(0, 0)
}
}
.animating.bounce-in-down-left-big {
	-webkit-animation-name: bounceInDownLeftBig;
	animation-name: bounceInDownLeftBig
}
@-webkit-keyframes bounceInDownLeftLarge {
0% {
opacity:0;
-webkit-transform:translate(600px, -600px)
}
50% {
opacity:1;
-webkit-transform:translate(-25px, 25px)
}
70% {
-webkit-transform:translate(20px, -20px)
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes bounceInDownLeftLarge {
0% {
opacity:0;
transform:translate(600px, -600px)
}
50% {
opacity:1;
transform:translate(-25px, 25px)
}
70% {
transform:translate(20px, -20px)
}
100% {
transform:translate(0, 0)
}
}
.animating.bounce-in-down-left-large {
	-webkit-animation-name: bounceInDownLeftLarge;
	animation-name: bounceInDownLeftLarge
}
@-webkit-keyframes bounceInDownRight {
0% {
opacity:0;
-webkit-transform:translate(-60px, -60px)
}
50% {
opacity:1;
-webkit-transform:translate(10px, 10px)
}
70% {
-webkit-transform:translate(-15px, -15px)
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes bounceInDownRight {
0% {
opacity:0;
transform:translate(-60px, -60px)
}
50% {
opacity:1;
transform:translate(10px, 10px)
}
70% {
transform:translate(-15px, -15px)
}
100% {
transform:translate(0, 0)
}
}
.animating.bounce-in-down-right {
	-webkit-animation-name: bounceInDownRight;
	animation-name: bounceInDownRight
}
@-webkit-keyframes bounceInDownRightBig {
0% {
opacity:0;
-webkit-transform:translate(-200px, -200px)
}
50% {
opacity:1;
-webkit-transform:translate(20px, 20px)
}
70% {
-webkit-transform:translate(-15px, -15px)
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes bounceInDownRightBig {
0% {
opacity:0;
transform:translate(-200px, -200px)
}
50% {
opacity:1;
transform:translate(20px, 20px)
}
70% {
transform:translate(-15px, -15px)
}
100% {
transform:translate(0, 0)
}
}
.animating.bounce-in-down-right-big {
	-webkit-animation-name: bounceInDownRightBig;
	animation-name: bounceInDownRightBig
}
@-webkit-keyframes bounceInDownRightLarge {
0% {
opacity:0;
-webkit-transform:translate(-600px, -600px)
}
50% {
opacity:1;
-webkit-transform:translate(25px, 25px)
}
70% {
-webkit-transform:translate(-20px, -20px)
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes bounceInDownRightLarge {
0% {
opacity:0;
transform:translate(-600px, -600px)
}
50% {
opacity:1;
transform:translate(25px, 25px)
}
70% {
transform:translate(-20px, -20px)
}
100% {
transform:translate(0, 0)
}
}
.animating.bounce-in-down-right-large {
	-webkit-animation-name: bounceInDownRightLarge;
	animation-name: bounceInDownRightLarge
}
@-webkit-keyframes bounceOut {
0% {
opacity:1;
-webkit-transform:scale(1)
}
30% {
-webkit-transform:scale(.85)
}
100%, 50% {
opacity:0;
-webkit-transform:scale(1.05)
}
}
@keyframes bounceOut {
0% {
opacity:1;
transform:scale(1)
}
30% {
transform:scale(.85)
}
100%, 50% {
opacity:0;
transform:scale(1.05)
}
}
.animating.bounce-out {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}
@-webkit-keyframes bounceOutBig {
0% {
opacity:1;
-webkit-transform:scale(1)
}
30% {
-webkit-transform:scale(.85)
}
100%, 50% {
opacity:0;
-webkit-transform:scale(1.25)
}
}
@keyframes bounceOutBig {
0% {
opacity:1;
transform:scale(1)
}
30% {
transform:scale(.85)
}
100%, 50% {
opacity:0;
transform:scale(1.25)
}
}
.animating.bounce-out-big {
	-webkit-animation-name: bounceOutBig;
	animation-name: bounceOutBig
}
@-webkit-keyframes bounceOutLarge {
0% {
opacity:1;
-webkit-transform:scale(1)
}
30% {
-webkit-transform:scale(.8)
}
100%, 50% {
opacity:0;
-webkit-transform:scale(1.5)
}
}
@keyframes bounceOutLarge {
0% {
opacity:1;
transform:scale(1)
}
30% {
transform:scale(.8)
}
100%, 50% {
opacity:0;
transform:scale(1.5)
}
}
.animating.bounce-out-large {
	-webkit-animation-name: bounceOutLarge;
	animation-name: bounceOutLarge
}
@-webkit-keyframes bounceOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
15% {
-webkit-transform:translateY(-10px)
}
40% {
-webkit-transform:translateY(15px)
}
100%, 90% {
opacity:0;
-webkit-transform:translateY(-60px)
}
}
@keyframes bounceOutUp {
0% {
opacity:1;
transform:translateY(0)
}
15% {
transform:translateY(-10px)
}
40% {
transform:translateY(15px)
}
100%, 90% {
opacity:0;
transform:translateY(-60px)
}
}
.animating.bounce-out-up {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}
@-webkit-keyframes bounceOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
15% {
-webkit-transform:translateY(-20px)
}
40% {
-webkit-transform:translateY(15px)
}
100%, 90% {
opacity:0;
-webkit-transform:translateY(-200px)
}
}
@keyframes bounceOutUpBig {
0% {
opacity:1;
transform:translateY(0)
}
15% {
transform:translateY(-20px)
}
40% {
transform:translateY(15px)
}
100%, 90% {
opacity:0;
transform:translateY(-200px)
}
}
.animating.bounce-out-up-big {
	-webkit-animation-name: bounceOutUpBig;
	animation-name: bounceOutUpBig
}
@-webkit-keyframes bounceOutUpLarge {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
15% {
-webkit-transform:translateY(-25px)
}
40% {
-webkit-transform:translateY(20px)
}
100%, 90% {
opacity:0;
-webkit-transform:translateY(-600px)
}
}
@keyframes bounceOutUpLarge {
0% {
opacity:1;
transform:translateY(0)
}
15% {
transform:translateY(-25px)
}
40% {
transform:translateY(20px)
}
100%, 90% {
opacity:0;
transform:translateY(-600px)
}
}
.animating.bounce-out-up-large {
	-webkit-animation-name: bounceOutUpLarge;
	animation-name: bounceOutUpLarge
}
@-webkit-keyframes bounceOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
15% {
-webkit-transform:translateY(10px)
}
40% {
-webkit-transform:translateY(-10px)
}
100%, 90% {
opacity:0;
-webkit-transform:translateY(60px)
}
}
@keyframes bounceOutDown {
0% {
opacity:1;
transform:translateY(0)
}
15% {
transform:translateY(10px)
}
40% {
transform:translateY(-10px)
}
100%, 90% {
opacity:0;
transform:translateY(60px)
}
}
.animating.bounce-out-down {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
15% {
-webkit-transform:translateY(15px)
}
40% {
-webkit-transform:translateY(-20px)
}
100%, 90% {
opacity:0;
-webkit-transform:translateY(200px)
}
}
@keyframes bounceOutDownBig {
0% {
opacity:1;
transform:translateY(0)
}
15% {
transform:translateY(15px)
}
40% {
transform:translateY(-20px)
}
100%, 90% {
opacity:0;
transform:translateY(200px)
}
}
.animating.bounce-out-down-big {
	-webkit-animation-name: bounceOutDownBig;
	animation-name: bounceOutDownBig
}
@-webkit-keyframes bounceOutDownLarge {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
15% {
-webkit-transform:translateY(20px)
}
40% {
-webkit-transform:translateY(-25px)
}
100%, 90% {
opacity:0;
-webkit-transform:translateY(600px)
}
}
@keyframes bounceOutDownLarge {
0% {
opacity:1;
transform:translateY(0)
}
15% {
transform:translateY(20px)
}
40% {
transform:translateY(-25px)
}
100%, 90% {
opacity:0;
transform:translateY(600px)
}
}
.animating.bounce-out-down-large {
	-webkit-animation-name: bounceOutDownLarge;
	animation-name: bounceOutDownLarge
}
@-webkit-keyframes bounceOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
15% {
-webkit-transform:translateX(-10px)
}
40% {
-webkit-transform:translateX(15px)
}
100%, 90% {
opacity:0;
-webkit-transform:translateX(-60px)
}
}
@keyframes bounceOutLeft {
0% {
opacity:1;
transform:translateX(0)
}
15% {
transform:translateX(-10px)
}
40% {
transform:translateX(15px)
}
100%, 90% {
opacity:0;
transform:translateX(-60px)
}
}
.animating.bounce-out-left {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
15% {
-webkit-transform:translateX(-20px)
}
40% {
-webkit-transform:translateX(15px)
}
100%, 90% {
opacity:0;
-webkit-transform:translateX(-200px)
}
}
@keyframes bounceOutLeftBig {
0% {
opacity:1;
transform:translateX(0)
}
15% {
transform:translateX(-20px)
}
40% {
transform:translateX(15px)
}
100%, 90% {
opacity:0;
transform:translateX(-200px)
}
}
.animating.bounce-out-left-big {
	-webkit-animation-name: bounceOutLeftBig;
	animation-name: bounceOutLeftBig
}
@-webkit-keyframes bounceOutLeftLarge {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
15% {
-webkit-transform:translateX(-25px)
}
40% {
-webkit-transform:translateX(20px)
}
100%, 90% {
opacity:0;
-webkit-transform:translateX(-600px)
}
}
@keyframes bounceOutLeftLarge {
0% {
opacity:1;
transform:translateX(0)
}
15% {
transform:translateX(-25px)
}
40% {
transform:translateX(20px)
}
100%, 90% {
opacity:0;
transform:translateX(-600px)
}
}
.animating.bounce-out-left-large {
	-webkit-animation-name: bounceOutLeftLarge;
	animation-name: bounceOutLeftLarge
}
@-webkit-keyframes bounceOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
15% {
-webkit-transform:translateX(10px)
}
40% {
-webkit-transform:translateX(-10px)
}
100%, 90% {
opacity:0;
-webkit-transform:translateX(60px)
}
}
@keyframes bounceOutRight {
0% {
opacity:1;
transform:translateX(0)
}
15% {
transform:translateX(10px)
}
40% {
transform:translateX(-10px)
}
100%, 90% {
opacity:0;
transform:translateX(60px)
}
}
.animating.bounce-out-right {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
15% {
-webkit-transform:translateX(15px)
}
40% {
-webkit-transform:translateX(-20px)
}
100%, 90% {
opacity:0;
-webkit-transform:translateX(200px)
}
}
@keyframes bounceOutRightBig {
0% {
opacity:1;
transform:translateX(0)
}
15% {
transform:translateX(15px)
}
40% {
transform:translateX(-20px)
}
100%, 90% {
opacity:0;
transform:translateX(200px)
}
}
.animating.bounce-out-right-big {
	-webkit-animation-name: bounceOutRightBig;
	animation-name: bounceOutRightBig
}
@-webkit-keyframes bounceOutRightLarge {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
15% {
-webkit-transform:translateX(20px)
}
40% {
-webkit-transform:translateX(-25px)
}
100%, 90% {
opacity:0;
-webkit-transform:translateX(600px)
}
}
@keyframes bounceOutRightLarge {
0% {
opacity:1;
transform:translateX(0)
}
15% {
transform:translateX(20px)
}
40% {
transform:translateX(-25px)
}
100%, 90% {
opacity:0;
transform:translateX(600px)
}
}
.animating.bounce-out-right-large {
	-webkit-animation-name: bounceOutRightLarge;
	animation-name: bounceOutRightLarge
}
@-webkit-keyframes bounceOutUpLeft {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
15% {
-webkit-transform:translate(-10px, -10px)
}
40% {
-webkit-transform:translate(15px, 15px)
}
100%, 90% {
opacity:0;
-webkit-transform:translate(-60px, -60px)
}
}
@keyframes bounceOutUpLeft {
0% {
opacity:1;
transform:translate(0, 0)
}
15% {
transform:translate(-10px, -10px)
}
40% {
transform:translate(15px, 15px)
}
100%, 90% {
opacity:0;
transform:translate(-60px, -60px)
}
}
.animating.bounce-out-up-left {
	-webkit-animation-name: bounceOutUpLeft;
	animation-name: bounceOutUpLeft
}
@-webkit-keyframes bounceOutUpLeftBig {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
15% {
-webkit-transform:translate(-20px, -20px)
}
40% {
-webkit-transform:translate(15px, 15px)
}
100%, 90% {
opacity:0;
-webkit-transform:translate(-200px, -200px)
}
}
@keyframes bounceOutUpLeftBig {
0% {
opacity:1;
transform:translate(0, 0)
}
15% {
transform:translate(-20px, -20px)
}
40% {
transform:translate(15px, 15px)
}
100%, 90% {
opacity:0;
transform:translate(-200px, -200px)
}
}
.animating.bounce-out-up-left-big {
	-webkit-animation-name: bounceOutUpLeftBig;
	animation-name: bounceOutUpLeftBig
}
@-webkit-keyframes bounceOutUpLeftLarge {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
15% {
-webkit-transform:translate(-25px, -25px)
}
40% {
-webkit-transform:translate(20px, 20px)
}
100%, 90% {
opacity:0;
-webkit-transform:translate(-600px, -600px)
}
}
@keyframes bounceOutUpLeftLarge {
0% {
opacity:1;
transform:translate(0, 0)
}
15% {
transform:translate(-25px, -25px)
}
40% {
transform:translate(20px, 20px)
}
100%, 90% {
opacity:0;
transform:translate(-600px, -600px)
}
}
.animating.bounce-out-up-left-large {
	-webkit-animation-name: bounceOutUpLeftLarge;
	animation-name: bounceOutUpLeftLarge
}
@-webkit-keyframes bounceOutUpRight {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
15% {
-webkit-transform:translate(10px, -10px)
}
40% {
-webkit-transform:translate(-15px, 15px)
}
100%, 90% {
opacity:0;
-webkit-transform:translate(60px, -60px)
}
}
@keyframes bounceOutUpRight {
0% {
opacity:1;
transform:translate(0, 0)
}
15% {
transform:translate(10px, -10px)
}
40% {
transform:translate(-15px, 15px)
}
100%, 90% {
opacity:0;
transform:translate(60px, -60px)
}
}
.animating.bounce-out-up-right {
	-webkit-animation-name: bounceOutUpRight;
	animation-name: bounceOutUpRight
}
@-webkit-keyframes bounceOutUpRightBig {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
15% {
-webkit-transform:translate(20px, -20px)
}
40% {
-webkit-transform:translate(-15px, 15px)
}
100%, 90% {
opacity:0;
-webkit-transform:translate(200px, -200px)
}
}
@keyframes bounceOutUpRightBig {
0% {
opacity:1;
transform:translate(0, 0)
}
15% {
transform:translate(20px, -20px)
}
40% {
transform:translate(-15px, 15px)
}
100%, 90% {
opacity:0;
transform:translate(200px, -200px)
}
}
.animating.bounce-out-up-right-big {
	-webkit-animation-name: bounceOutUpRightBig;
	animation-name: bounceOutUpRightBig
}
@-webkit-keyframes bounceOutUpRightLarge {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
15% {
-webkit-transform:translate(25px, -25px)
}
40% {
-webkit-transform:translate(-20px, 20px)
}
100%, 90% {
opacity:0;
-webkit-transform:translate(600px, -600px)
}
}
@keyframes bounceOutUpRightLarge {
0% {
opacity:1;
transform:translate(0, 0)
}
15% {
transform:translate(25px, -25px)
}
40% {
transform:translate(-20px, 20px)
}
100%, 90% {
opacity:0;
transform:translate(600px, -600px)
}
}
.animating.bounce-out-up-right-large {
	-webkit-animation-name: bounceOutUpRightLarge;
	animation-name: bounceOutUpRightLarge
}
@-webkit-keyframes bounceOutDownLeft {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
15% {
-webkit-transform:translate(-10px, 10px)
}
40% {
-webkit-transform:translate(15px, -15px)
}
100%, 90% {
opacity:0;
-webkit-transform:translate(-60px, 60px)
}
}
@keyframes bounceOutDownLeft {
0% {
opacity:1;
transform:translate(0, 0)
}
15% {
transform:translate(-10px, 10px)
}
40% {
transform:translate(15px, -15px)
}
100%, 90% {
opacity:0;
transform:translate(-60px, 60px)
}
}
.animating.bounce-out-down-left {
	-webkit-animation-name: bounceOutDownLeft;
	animation-name: bounceOutDownLeft
}
@-webkit-keyframes bounceOutDownLeftBig {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
15% {
-webkit-transform:translate(-20px, 20px)
}
40% {
-webkit-transform:translate(15px, -15px)
}
100%, 90% {
opacity:0;
-webkit-transform:translate(-200px, 200px)
}
}
@keyframes bounceOutDownLeftBig {
0% {
opacity:1;
transform:translate(0, 0)
}
15% {
transform:translate(-20px, 20px)
}
40% {
transform:translate(15px, -15px)
}
100%, 90% {
opacity:0;
transform:translate(-200px, 200px)
}
}
.animating.bounce-out-down-left-big {
	-webkit-animation-name: bounceOutDownLeftBig;
	animation-name: bounceOutDownLeftBig
}
@-webkit-keyframes bounceOutDownLeftLarge {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
15% {
-webkit-transform:translate(-25px, 25px)
}
40% {
-webkit-transform:translate(20px, -20px)
}
100%, 90% {
opacity:0;
-webkit-transform:translate(-600px, 600px)
}
}
@keyframes bounceOutDownLeftLarge {
0% {
opacity:1;
transform:translate(0, 0)
}
15% {
transform:translate(-25px, 25px)
}
40% {
transform:translate(20px, -20px)
}
100%, 90% {
opacity:0;
transform:translate(-600px, 600px)
}
}
.animating.bounce-out-down-left-large {
	-webkit-animation-name: bounceOutDownLeftLarge;
	animation-name: bounceOutDownLeftLarge
}
@-webkit-keyframes bounceOutDownRight {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
15% {
-webkit-transform:translate(10px, 10px)
}
40% {
-webkit-transform:translate(-15px, -15px)
}
100%, 90% {
opacity:0;
-webkit-transform:translate(60px, 60px)
}
}
@keyframes bounceOutDownRight {
0% {
opacity:1;
transform:translate(0, 0)
}
15% {
transform:translate(10px, 10px)
}
40% {
transform:translate(-15px, -15px)
}
100%, 90% {
opacity:0;
transform:translate(60px, 60px)
}
}
.animating.bounce-out-down-right {
	-webkit-animation-name: bounceOutDownRight;
	animation-name: bounceOutDownRight
}
@-webkit-keyframes bounceOutDownRightBig {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
15% {
-webkit-transform:translate(20px, 20px)
}
40% {
-webkit-transform:translate(-15px, -15px)
}
100%, 90% {
opacity:0;
-webkit-transform:translate(200px, 200px)
}
}
@keyframes bounceOutDownRightBig {
0% {
opacity:1;
transform:translate(0, 0)
}
15% {
transform:translate(20px, 20px)
}
40% {
transform:translate(-15px, -15px)
}
100%, 90% {
opacity:0;
transform:translate(200px, 200px)
}
}
.animating.bounce-out-down-right-big {
	-webkit-animation-name: bounceOutDownRightBig;
	animation-name: bounceOutDownRightBig
}
@-webkit-keyframes bounceOutDownRightLarge {
0% {
opacity:1;
-webkit-transform:translate(0, 0)
}
15% {
-webkit-transform:translate(25px, 25px)
}
40% {
-webkit-transform:translate(-20px, -20px)
}
100%, 90% {
opacity:0;
-webkit-transform:translate(600px, 600px)
}
}
@keyframes bounceOutDownRightLarge {
0% {
opacity:1;
transform:translate(0, 0)
}
15% {
transform:translate(25px, 25px)
}
40% {
transform:translate(-20px, -20px)
}
100%, 90% {
opacity:0;
transform:translate(600px, 600px)
}
}
.animating.bounce-out-down-right-large {
	-webkit-animation-name: bounceOutDownRightLarge;
	animation-name: bounceOutDownRightLarge
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale(0)
}
100% {
opacity:1;
-webkit-transform:scale(1)
}
}
@keyframes zoomIn {
0% {
opacity:0;
transform:scale(0)
}
100% {
opacity:1;
transform:scale(1)
}
}
.animating.zoom-in {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}
@-webkit-keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale(0) translateY(200px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translateY(0)
}
}
@keyframes zoomInUp {
0% {
opacity:0;
transform:scale(0) translateY(200px)
}
100% {
opacity:1;
transform:scale(1) translateY(0)
}
}
.animating.zoom-in-up {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}
@-webkit-keyframes zoomInUpBig {
0% {
opacity:0;
-webkit-transform:scale(0) translateY(600px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translateY(0)
}
}
@keyframes zoomInUpBig {
0% {
opacity:0;
transform:scale(0) translateY(600px)
}
100% {
opacity:1;
transform:scale(1) translateY(0)
}
}
.animating.zoom-in-up-big {
	-webkit-animation-name: zoomInUpBig;
	animation-name: zoomInUpBig
}
@-webkit-keyframes zoomInUpLarge {
0% {
opacity:0;
-webkit-transform:scale(0) translateY(1000px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translateY(0)
}
}
@keyframes zoomInUpLarge {
0% {
opacity:0;
transform:scale(0) translateY(1000px)
}
100% {
opacity:1;
transform:scale(1) translateY(0)
}
}
.animating.zoom-in-up-large {
	-webkit-animation-name: zoomInUpLarge;
	animation-name: zoomInUpLarge
}
@-webkit-keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale(0) translateY(-200px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translateY(0)
}
}
@keyframes zoomInDown {
0% {
opacity:0;
transform:scale(0) translateY(-200px)
}
100% {
opacity:1;
transform:scale(1) translateY(0)
}
}
.animating.zoom-in-down {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}
@-webkit-keyframes zoomInDownBig {
0% {
opacity:0;
-webkit-transform:scale(0) translateY(-600px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translateY(0)
}
}
@keyframes zoomInDownBig {
0% {
opacity:0;
transform:scale(0) translateY(-600px)
}
100% {
opacity:1;
transform:scale(1) translateY(0)
}
}
.animating.zoom-in-down-big {
	-webkit-animation-name: zoomInDownBig;
	animation-name: zoomInDownBig
}
@-webkit-keyframes zoomInDownLarge {
0% {
opacity:0;
-webkit-transform:scale(0) translateY(-1000px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translateY(0)
}
}
@keyframes zoomInDownLarge {
0% {
opacity:0;
transform:scale(0) translateY(-1000px)
}
100% {
opacity:1;
transform:scale(1) translateY(0)
}
}
.animating.zoom-in-down-large {
	-webkit-animation-name: zoomInDownLarge;
	animation-name: zoomInDownLarge
}
@-webkit-keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale(0) translateX(-200px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translateX(0)
}
}
@keyframes zoomInLeft {
0% {
opacity:0;
transform:scale(0) translateX(-200px)
}
100% {
opacity:1;
transform:scale(1) translateX(0)
}
}
.animating.zoom-in-left {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}
@-webkit-keyframes zoomInLeftBig {
0% {
opacity:0;
-webkit-transform:scale(0) translateX(-600px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translateX(0)
}
}
@keyframes zoomInLeftBig {
0% {
opacity:0;
transform:scale(0) translateX(-600px)
}
100% {
opacity:1;
transform:scale(1) translateX(0)
}
}
.animating.zoom-in-left-big {
	-webkit-animation-name: zoomInLeftBig;
	animation-name: zoomInLeftBig
}
@-webkit-keyframes zoomInLeftLarge {
0% {
opacity:0;
-webkit-transform:scale(0) translateX(-1300px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translateX(0)
}
}
@keyframes zoomInLeftLarge {
0% {
opacity:0;
transform:scale(0) translateX(-1300px)
}
100% {
opacity:1;
transform:scale(1) translateX(0)
}
}
.animating.zoom-in-left-large {
	-webkit-animation-name: zoomInLeftLarge;
	animation-name: zoomInLeftLarge
}
@-webkit-keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale(0) translateX(200px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translateX(0)
}
}
@keyframes zoomInRight {
0% {
opacity:0;
transform:scale(0) translateX(200px)
}
100% {
opacity:1;
transform:scale(1) translateX(0)
}
}
.animating.zoom-in-right {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}
@-webkit-keyframes zoomInRightBig {
0% {
opacity:0;
-webkit-transform:scale(0) translateX(600px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translateX(0)
}
}
@keyframes zoomInRightBig {
0% {
opacity:0;
transform:scale(0) translateX(600px)
}
100% {
opacity:1;
transform:scale(1) translateX(0)
}
}
.animating.zoom-in-right-big {
	-webkit-animation-name: zoomInRightBig;
	animation-name: zoomInRightBig
}
@-webkit-keyframes zoomInRightLarge {
0% {
opacity:0;
-webkit-transform:scale(0) translateX(1300px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translateX(0)
}
}
@keyframes zoomInRightLarge {
0% {
opacity:0;
transform:scale(0) translateX(1300px)
}
100% {
opacity:1;
transform:scale(1) translateX(0)
}
}
.animating.zoom-in-right-large {
	-webkit-animation-name: zoomInRightLarge;
	animation-name: zoomInRightLarge
}
@-webkit-keyframes zoomInUpLeft {
0% {
opacity:0;
-webkit-transform:scale(0) translate(200px, 200px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
}
@keyframes zoomInUpLeft {
0% {
opacity:0;
transform:scale(0) translate(200px, 200px)
}
100% {
opacity:1;
transform:scale(1) translate(0, 0)
}
}
.animating.zoom-in-up-left {
	-webkit-animation-name: zoomInUpLeft;
	animation-name: zoomInUpLeft
}
@-webkit-keyframes zoomInUpLeftBig {
0% {
opacity:0;
-webkit-transform:scale(0) translate(600px, 600px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
}
@keyframes zoomInUpLeftBig {
0% {
opacity:0;
transform:scale(0) translate(600px, 600px)
}
100% {
opacity:1;
transform:scale(1) translate(0, 0)
}
}
.animating.zoom-in-up-left-big {
	-webkit-animation-name: zoomInUpLeftBig;
	animation-name: zoomInUpLeftBig
}
@-webkit-keyframes zoomInUpLeftLarge {
0% {
opacity:0;
-webkit-transform:scale(0) translate(1000px, 1000px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
}
@keyframes zoomInUpLeftLarge {
0% {
opacity:0;
transform:scale(0) translate(1000px, 1000px)
}
100% {
opacity:1;
transform:scale(1) translate(0, 0)
}
}
.animating.zoom-in-up-left-large {
	-webkit-animation-name: zoomInUpLeftLarge;
	animation-name: zoomInUpLeftLarge
}
@-webkit-keyframes zoomInUpRight {
0% {
opacity:0;
-webkit-transform:scale(0) translate(-200px, 200px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
}
@keyframes zoomInUpRight {
0% {
opacity:0;
transform:scale(0) translate(-200px, 200px)
}
100% {
opacity:1;
transform:scale(1) translate(0, 0)
}
}
.animating.zoom-in-up-right {
	-webkit-animation-name: zoomInUpRight;
	animation-name: zoomInUpRight
}
@-webkit-keyframes zoomInUpRightBig {
0% {
opacity:0;
-webkit-transform:scale(0) translate(-600px, 600px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
}
@keyframes zoomInUpRightBig {
0% {
opacity:0;
transform:scale(0) translate(-600px, 600px)
}
100% {
opacity:1;
transform:scale(1) translate(0, 0)
}
}
.animating.zoom-in-up-right-big {
	-webkit-animation-name: zoomInUpRightBig;
	animation-name: zoomInUpRightBig
}
@-webkit-keyframes zoomInUpRightLarge {
0% {
opacity:0;
-webkit-transform:scale(0) translate(-1000px, 1000px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
}
@keyframes zoomInUpRightLarge {
0% {
opacity:0;
transform:scale(0) translate(-1000px, 1000px)
}
100% {
opacity:1;
transform:scale(1) translate(0, 0)
}
}
.animating.zoom-in-up-right-large {
	-webkit-animation-name: zoomInUpRightLarge;
	animation-name: zoomInUpRightLarge
}
@-webkit-keyframes zoomInDownLeft {
0% {
opacity:0;
-webkit-transform:scale(0) translate(-200px, -200px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
}
@keyframes zoomInDownLeft {
0% {
opacity:0;
transform:scale(0) translate(-200px, -200px)
}
100% {
opacity:1;
transform:scale(1) translate(0, 0)
}
}
.animating.zoom-in-down-left {
	-webkit-animation-name: zoomInDownLeft;
	animation-name: zoomInDownLeft
}
@-webkit-keyframes zoomInDownLeftBig {
0% {
opacity:0;
-webkit-transform:scale(0) translate(-600px, -600px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
}
@keyframes zoomInDownLeftBig {
0% {
opacity:0;
transform:scale(0) translate(-600px, -600px)
}
100% {
opacity:1;
transform:scale(1) translate(0, 0)
}
}
.animating.zoom-in-down-left-big {
	-webkit-animation-name: zoomInDownLeftBig;
	animation-name: zoomInDownLeftBig
}
@-webkit-keyframes zoomInDownLeftLarge {
0% {
opacity:0;
-webkit-transform:scale(0) translate(-1000px, -1000px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
}
@keyframes zoomInDownLeftLarge {
0% {
opacity:0;
transform:scale(0) translate(-1000px, -1000px)
}
100% {
opacity:1;
transform:scale(1) translate(0, 0)
}
}
.animating.zoom-in-down-left-large {
	-webkit-animation-name: zoomInDownLeftLarge;
	animation-name: zoomInDownLeftLarge
}
@-webkit-keyframes zoomInDownRight {
0% {
opacity:0;
-webkit-transform:scale(0) translate(200px, -200px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
}
@keyframes zoomInDownRight {
0% {
opacity:0;
transform:scale(0) translate(200px, -200px)
}
100% {
opacity:1;
transform:scale(1) translate(0, 0)
}
}
.animating.zoom-in-down-right {
	-webkit-animation-name: zoomInDownRight;
	animation-name: zoomInDownRight
}
@-webkit-keyframes zoomInDownRightBig {
0% {
opacity:0;
-webkit-transform:scale(0) translate(600px, -600px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
}
@keyframes zoomInDownRightBig {
0% {
opacity:0;
transform:scale(0) translate(600px, -600px)
}
100% {
opacity:1;
transform:scale(1) translate(0, 0)
}
}
.animating.zoom-in-down-right-big {
	-webkit-animation-name: zoomInDownRightBig;
	animation-name: zoomInDownRightBig
}
@-webkit-keyframes zoomInDownRightLarge {
0% {
opacity:0;
-webkit-transform:scale(0) translate(1000px, -1000px)
}
100% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
}
@keyframes zoomInDownRightLarge {
0% {
opacity:0;
transform:scale(0) translate(1000px, -1000px)
}
100% {
opacity:1;
transform:scale(1) translate(0, 0)
}
}
.animating.zoom-in-down-right-large {
	-webkit-animation-name: zoomInDownRightLarge;
	animation-name: zoomInDownRightLarge
}
@-webkit-keyframes zoomOut {
0% {
opacity:1;
-webkit-transform:scale(1)
}
100% {
opacity:0;
-webkit-transform:scale(0)
}
}
@keyframes zoomOut {
0% {
opacity:1;
transform:scale(1)
}
100% {
opacity:0;
transform:scale(0)
}
}
.animating.zoom-out {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}
@-webkit-keyframes zoomOutUp {
0% {
opacity:1;
-webkit-transform:scale(1) translateY(0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translateY(-200px)
}
}
@keyframes zoomOutUp {
0% {
opacity:1;
transform:scale(1) translateY(0)
}
100% {
opacity:0;
transform:scale(0) translateY(-200px)
}
}
.animating.zoom-out-up {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}
@-webkit-keyframes zoomOutUpBig {
0% {
opacity:1;
-webkit-transform:scale(1) translateY(0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translateY(-600px)
}
}
@keyframes zoomOutUpBig {
0% {
opacity:1;
transform:scale(1) translateY(0)
}
100% {
opacity:0;
transform:scale(0) translateY(-600px)
}
}
.animating.zoom-out-up-big {
	-webkit-animation-name: zoomOutUpBig;
	animation-name: zoomOutUpBig
}
@-webkit-keyframes zoomOutUpLarge {
0% {
opacity:1;
-webkit-transform:scale(1) translateY(0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translateY(-1000px)
}
}
@keyframes zoomOutUpLarge {
0% {
opacity:1;
transform:scale(1) translateY(0)
}
100% {
opacity:0;
transform:scale(0) translateY(-1000px)
}
}
.animating.zoom-out-up-large {
	-webkit-animation-name: zoomOutUpLarge;
	animation-name: zoomOutUpLarge
}
@-webkit-keyframes zoomOutDown {
0% {
opacity:1;
-webkit-transform:scale(1) translateY(0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translateY(200px)
}
}
@keyframes zoomOutDown {
0% {
opacity:1;
transform:scale(1) translateY(0)
}
100% {
opacity:0;
transform:scale(0) translateY(200px)
}
}
.animating.zoom-out-down {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutDownBig {
0% {
opacity:1;
-webkit-transform:scale(1) translateY(0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translateY(600px)
}
}
@keyframes zoomOutDownBig {
0% {
opacity:1;
transform:scale(1) translateY(0)
}
100% {
opacity:0;
transform:scale(0) translateY(600px)
}
}
.animating.zoom-out-down-big {
	-webkit-animation-name: zoomOutDownBig;
	animation-name: zoomOutDownBig
}
@-webkit-keyframes zoomOutDownLarge {
0% {
opacity:1;
-webkit-transform:scale(1) translateY(0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translateY(1000px)
}
}
@keyframes zoomOutDownLarge {
0% {
opacity:1;
transform:scale(1) translateY(0)
}
100% {
opacity:0;
transform:scale(0) translateY(1000px)
}
}
.animating.zoom-out-down-large {
	-webkit-animation-name: zoomOutDownLarge;
	animation-name: zoomOutDownLarge
}
@-webkit-keyframes zoomOutLeft {
0% {
opacity:1;
-webkit-transform:scale(1) translateX(0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translateX(-200px)
}
}
@keyframes zoomOutLeft {
0% {
opacity:1;
transform:scale(1) translateX(0)
}
100% {
opacity:0;
transform:scale(0) translateX(-200px)
}
}
.animating.zoom-out-left {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutLeftBig {
0% {
opacity:1;
-webkit-transform:scale(1) translateX(0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translateX(-600px)
}
}
@keyframes zoomOutLeftBig {
0% {
opacity:1;
transform:scale(1) translateX(0)
}
100% {
opacity:0;
transform:scale(0) translateX(-600px)
}
}
.animating.zoom-out-left-big {
	-webkit-animation-name: zoomOutLeftBig;
	animation-name: zoomOutLeftBig
}
@-webkit-keyframes zoomOutLeftLarge {
0% {
opacity:1;
-webkit-transform:scale(1) translateX(0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translateX(-1300px)
}
}
@keyframes zoomOutLeftLarge {
0% {
opacity:1;
transform:scale(1) translateX(0)
}
100% {
opacity:0;
transform:scale(0) translateX(-1300px)
}
}
.animating.zoom-out-left-large {
	-webkit-animation-name: zoomOutLeftLarge;
	animation-name: zoomOutLeftLarge
}
@-webkit-keyframes zoomOutRight {
0% {
opacity:1;
-webkit-transform:scale(1) translateX(0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translateX(200px)
}
}
@keyframes zoomOutRight {
0% {
opacity:1;
transform:scale(1) translateX(0)
}
100% {
opacity:0;
transform:scale(0) translateX(200px)
}
}
.animating.zoom-out-right {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutRightBig {
0% {
opacity:1;
-webkit-transform:scale(1) translateX(0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translateX(600px)
}
}
@keyframes zoomOutRightBig {
0% {
opacity:1;
transform:scale(1) translateX(0)
}
100% {
opacity:0;
transform:scale(0) translateX(600px)
}
}
.animating.zoom-out-right-big {
	-webkit-animation-name: zoomOutRightBig;
	animation-name: zoomOutRightBig
}
@-webkit-keyframes zoomOutRightLarge {
0% {
opacity:1;
-webkit-transform:scale(1) translateX(0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translateX(1300px)
}
}
@keyframes zoomOutRightLarge {
0% {
opacity:1;
transform:scale(1) translateX(0)
}
100% {
opacity:0;
transform:scale(0) translateX(1300px)
}
}
.animating.zoom-out-right-large {
	-webkit-animation-name: zoomOutRightLarge;
	animation-name: zoomOutRightLarge
}
@-webkit-keyframes zoomOutUpLeft {
0% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translate(-200px, -200px)
}
}
@keyframes zoomOutUpLeft {
0% {
opacity:1;
transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
transform:scale(0) translate(-200px, -200px)
}
}
.animating.zoom-out-up-left {
	-webkit-animation-name: zoomOutUpLeft;
	animation-name: zoomOutUpLeft
}
@-webkit-keyframes zoomOutUpLeftBig {
0% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translate(-600px, -600px)
}
}
@keyframes zoomOutUpLeftBig {
0% {
opacity:1;
transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
transform:scale(0) translate(-600px, -600px)
}
}
.animating.zoom-out-up-left-big {
	-webkit-animation-name: zoomOutUpLeftBig;
	animation-name: zoomOutUpLeftBig
}
@-webkit-keyframes zoomOutUpLeftLarge {
0% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translate(-1000px, -1000px)
}
}
@keyframes zoomOutUpLeftLarge {
0% {
opacity:1;
transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
transform:scale(0) translate(-1000px, -1000px)
}
}
.animating.zoom-out-up-left-large {
	-webkit-animation-name: zoomOutUpLeftLarge;
	animation-name: zoomOutUpLeftLarge
}
@-webkit-keyframes zoomOutUpRight {
0% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translate(200px, -200px)
}
}
@keyframes zoomOutUpRight {
0% {
opacity:1;
transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
transform:scale(0) translate(200px, -200px)
}
}
.animating.zoom-out-up-right {
	-webkit-animation-name: zoomOutUpRight;
	animation-name: zoomOutUpRight
}
@-webkit-keyframes zoomOutUpRightBig {
0% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translate(600px, -600px)
}
}
@keyframes zoomOutUpRightBig {
0% {
opacity:1;
transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
transform:scale(0) translate(600px, -600px)
}
}
.animating.zoom-out-up-right-big {
	-webkit-animation-name: zoomOutUpRightBig;
	animation-name: zoomOutUpRightBig
}
@-webkit-keyframes zoomOutUpRightLarge {
0% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translate(1000px, -1000px)
}
}
@keyframes zoomOutUpRightLarge {
0% {
opacity:1;
transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
transform:scale(0) translate(1000px, -1000px)
}
}
.animating.zoom-out-up-right-large {
	-webkit-animation-name: zoomOutUpRightLarge;
	animation-name: zoomOutUpRightLarge
}
@-webkit-keyframes zoomOutDownLeft {
0% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translate(-200px, 200px)
}
}
@keyframes zoomOutDownLeft {
0% {
opacity:1;
transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
transform:scale(0) translate(-200px, 200px)
}
}
.animating.zoom-out-down-left {
	-webkit-animation-name: zoomOutDownLeft;
	animation-name: zoomOutDownLeft
}
@-webkit-keyframes zoomOutDownLeftBig {
0% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translate(-600px, 600px)
}
}
@keyframes zoomOutDownLeftBig {
0% {
opacity:1;
transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
transform:scale(0) translate(-600px, 600px)
}
}
.animating.zoom-out-down-left-big {
	-webkit-animation-name: zoomOutDownLeftBig;
	animation-name: zoomOutDownLeftBig
}
@-webkit-keyframes zoomOutDownLeftLarge {
0% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translate(-1000px, 1000px)
}
}
@keyframes zoomOutDownLeftLarge {
0% {
opacity:1;
transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
transform:scale(0) translate(-1000px, 1000px)
}
}
.animating.zoom-out-down-left-large {
	-webkit-animation-name: zoomOutDownLeftLarge;
	animation-name: zoomOutDownLeftLarge
}
@-webkit-keyframes zoomOutDownRight {
0% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translate(200px, 200px)
}
}
@keyframes zoomOutDownRight {
0% {
opacity:1;
transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
transform:scale(0) translate(200px, 200px)
}
}
.animating.zoom-out-down-right {
	-webkit-animation-name: zoomOutDownRight;
	animation-name: zoomOutDownRight
}
@-webkit-keyframes zoomOutDownRightBig {
0% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translate(600px, 600px)
}
}
@keyframes zoomOutDownRightBig {
0% {
opacity:1;
transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
transform:scale(0) translate(600px, 600px)
}
}
.animating.zoom-out-down-right-big {
	-webkit-animation-name: zoomOutDownRightBig;
	animation-name: zoomOutDownRightBig
}
@-webkit-keyframes zoomOutDownRightLarge {
0% {
opacity:1;
-webkit-transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(0) translate(1000px, 1000px)
}
}
@keyframes zoomOutDownRightLarge {
0% {
opacity:1;
transform:scale(1) translate(0, 0)
}
100% {
opacity:0;
transform:scale(0) translate(1000px, 1000px)
}
}
.animating.zoom-out-down-right-large {
	-webkit-animation-name: zoomOutDownRightLarge;
	animation-name: zoomOutDownRightLarge
}
@-webkit-keyframes flipInX {
0% {
opacity:0;
-webkit-transform:perspective(500) rotateX(90deg)
}
50% {
-webkit-transform:perspective(500) rotateX(-15deg)
}
70% {
-webkit-transform:perspective(500) rotateX(15deg)
}
100% {
opacity:1;
-webkit-transform:perspective(500) rotateX(0deg)
}
}
@keyframes flipInX {
0% {
opacity:0;
transform:perspective(500) rotateX(90deg)
}
50% {
transform:perspective(500) rotateX(-15deg)
}
70% {
transform:perspective(500) rotateX(15deg)
}
100% {
opacity:1;
transform:perspective(500) rotateX(0deg)
}
}
.animating.flip-in-x {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(500) rotateY(90deg);
opacity:0
}
50% {
-webkit-transform:perspective(500) rotateY(-25deg)
}
70% {
-webkit-transform:perspective(500) rotateY(25deg)
}
100% {
-webkit-transform:perspective(500) rotateY(0deg);
opacity:1
}
}
@keyframes flipInY {
0% {
transform:perspective(500) rotateY(90deg);
opacity:0
}
50% {
transform:perspective(500) rotateY(-25deg)
}
70% {
transform:perspective(500) rotateY(25deg)
}
100% {
transform:perspective(500) rotateY(0deg);
opacity:1
}
}
.animating.flip-in-y {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}
@-webkit-keyframes flipInTopFront {
0% {
opacity:0;
-webkit-transform:perspective(1000) rotateX(90deg)
}
50% {
-webkit-transform:perspective(1000) rotateX(-15deg)
}
70% {
-webkit-transform:perspective(1000) rotateX(15deg)
}
100% {
opacity:1;
-webkit-transform:perspective(1000) rotateX(0deg)
}
}
@keyframes flipInTopFront {
0% {
opacity:0;
transform:perspective(1000) rotateX(90deg)
}
50% {
transform:perspective(1000) rotateX(-15deg)
}
70% {
transform:perspective(1000) rotateX(15deg)
}
100% {
opacity:1;
transform:perspective(1000) rotateX(0deg)
}
}
.animating.flip-in-top-front {
	-webkit-transform-origin-x: 50%;
	-webkit-transform-origin-y: 0;
	transform-origin-x: 50%;
	transform-origin-y: 0;
	-webkit-animation-name: flipInTopFront;
	animation-name: flipInTopFront
}
@-webkit-keyframes flipInTopBack {
0% {
opacity:0;
-webkit-transform:perspective(1000) rotateX(-90deg)
}
50% {
-webkit-transform:perspective(1000) rotateX(20deg)
}
70% {
-webkit-transform:perspective(1000) rotateX(-15deg)
}
100% {
opacity:1;
-webkit-transform:perspective(1000) rotateX(0deg)
}
}
@keyframes flipInTopBack {
0% {
opacity:0;
transform:perspective(1000) rotateX(-90deg)
}
50% {
transform:perspective(1000) rotateX(20deg)
}
70% {
transform:perspective(1000) rotateX(-15deg)
}
100% {
opacity:1;
transform:perspective(1000) rotateX(0deg)
}
}
.animating.flip-in-top-back {
	-webkit-transform-origin-x: 50%;
	-webkit-transform-origin-y: 0;
	transform-origin-x: 50%;
	transform-origin-y: 0;
	-webkit-animation-name: flipInTopBack;
	animation-name: flipInTopBack
}
@-webkit-keyframes flipInBottomFront {
0% {
opacity:0;
-webkit-transform:perspective(1000) rotateX(-90deg)
}
50% {
-webkit-transform:perspective(1000) rotateX(20deg)
}
70% {
-webkit-transform:perspective(1000) rotateX(-15deg)
}
100% {
opacity:1;
-webkit-transform:perspective(1000) rotateX(0deg)
}
}
@keyframes flipInBottomFront {
0% {
opacity:0;
transform:perspective(1000) rotateX(-90deg)
}
50% {
transform:perspective(1000) rotateX(20deg)
}
70% {
transform:perspective(1000) rotateX(-15deg)
}
100% {
opacity:1;
transform:perspective(1000) rotateX(0deg)
}
}
.animating.flip-in-bottom-front {
	-webkit-transform-origin-x: 50%;
	-webkit-transform-origin-y: 100%;
	transform-origin-x: 50%;
	transform-origin-y: 100%;
	-webkit-animation-name: flipInBottomFront;
	animation-name: flipInBottomFront
}
@-webkit-keyframes flipInBottomBack {
0% {
opacity:0;
-webkit-transform:perspective(1000) rotateX(90deg)
}
50% {
-webkit-transform:perspective(1000) rotateX(-20deg)
}
70% {
-webkit-transform:perspective(1000) rotateX(15deg)
}
100% {
opacity:1;
-webkit-transform:perspective(1000) rotateX(0deg)
}
}
@keyframes flipInBottomBack {
0% {
opacity:0;
transform:perspective(1000) rotateX(90deg)
}
50% {
transform:perspective(1000) rotateX(-20deg)
}
70% {
transform:perspective(1000) rotateX(15deg)
}
100% {
opacity:1;
transform:perspective(1000) rotateX(0deg)
}
}
.animating.flip-in-bottom-back {
	-webkit-transform-origin-x: 50%;
	-webkit-transform-origin-y: 100%;
	transform-origin-x: 50%;
	transform-origin-y: 100%;
	-webkit-animation-name: flipInBottomBack;
	animation-name: flipInBottomBack
}
@-webkit-keyframes flipInLeftFront {
0% {
opacity:0;
-webkit-transform:perspective(1000) rotateY(-90deg)
}
50% {
-webkit-transform:perspective(1000) rotateY(20deg)
}
70% {
-webkit-transform:perspective(1000) rotateY(-15deg)
}
100% {
opacity:1;
-webkit-transform:perspective(1000) rotateY(0deg)
}
}
@keyframes flipInLeftFront {
0% {
opacity:0;
transform:perspective(1000) rotateY(-90deg)
}
50% {
transform:perspective(1000) rotateY(20deg)
}
70% {
transform:perspective(1000) rotateY(-15deg)
}
100% {
opacity:1;
transform:perspective(1000) rotateY(0deg)
}
}
.animating.flip-in-left-front {
	-webkit-transform-origin-x: 0;
	-webkit-transform-origin-y: 50%;
	transform-origin-x: 0;
	transform-origin-y: 50%;
	-webkit-animation-name: flipInLeftFront;
	animation-name: flipInLeftFront
}
@-webkit-keyframes flipInLeftBack {
0% {
opacity:0;
-webkit-transform:perspective(1000) rotateY(90deg)
}
50% {
-webkit-transform:perspective(1000) rotateY(-20deg)
}
70% {
-webkit-transform:perspective(1000) rotateY(15deg)
}
100% {
opacity:1;
-webkit-transform:perspective(1000) rotateY(0deg)
}
}
@keyframes flipInLeftBack {
0% {
opacity:0;
transform:perspective(1000) rotateY(90deg)
}
50% {
transform:perspective(1000) rotateY(-20deg)
}
70% {
transform:perspective(1000) rotateY(15deg)
}
100% {
opacity:1;
transform:perspective(1000) rotateY(0deg)
}
}
.animating.flip-in-left-back {
	-webkit-transform-origin-x: 0;
	-webkit-transform-origin-y: 50%;
	transform-origin-x: 0;
	transform-origin-y: 50%;
	-webkit-animation-name: flipInLeftBack;
	animation-name: flipInLeftBack
}
@-webkit-keyframes flipInRightFront {
0% {
opacity:0;
-webkit-transform:perspective(1000) rotateY(90deg)
}
50% {
-webkit-transform:perspective(1000) rotateY(-20deg)
}
70% {
-webkit-transform:perspective(1000) rotateY(15deg)
}
100% {
opacity:1;
-webkit-transform:perspective(1000) rotateY(0deg)
}
}
@keyframes flipInRightFront {
0% {
opacity:0;
transform:perspective(1000) rotateY(90deg)
}
50% {
transform:perspective(1000) rotateY(-20deg)
}
70% {
transform:perspective(1000) rotateY(15deg)
}
100% {
opacity:1;
transform:perspective(1000) rotateY(0deg)
}
}
.animating.flip-in-right-front {
	-webkit-transform-origin-x: 100%;
	-webkit-transform-origin-y: 50%;
	transform-origin-x: 100%;
	transform-origin-y: 50%;
	-webkit-animation-name: flipInRightFront;
	animation-name: flipInRightFront
}
@-webkit-keyframes flipInRightBack {
0% {
opacity:0;
-webkit-transform:perspective(1000) rotateY(-90deg)
}
50% {
-webkit-transform:perspective(1000) rotateY(20deg)
}
70% {
-webkit-transform:perspective(1000) rotateY(-15deg)
}
100% {
opacity:1;
-webkit-transform:perspective(1000) rotateY(0deg)
}
}
@keyframes flipInRightBack {
0% {
opacity:0;
transform:perspective(1000) rotateY(-90deg)
}
50% {
transform:perspective(1000) rotateY(20deg)
}
70% {
transform:perspective(1000) rotateY(-15deg)
}
100% {
opacity:1;
transform:perspective(1000) rotateY(0deg)
}
}
.animating.flip-in-right-back {
	-webkit-transform-origin-x: 100%;
	-webkit-transform-origin-y: 50%;
	transform-origin-x: 100%;
	transform-origin-y: 50%;
	-webkit-animation-name: flipInRightBack;
	animation-name: flipInRightBack
}
@-webkit-keyframes flipOutX {
0%, 5% {
-webkit-transform:perspective(500) rotateX(0deg);
opacity:1
}
30% {
-webkit-transform:perspective(500) rotateX(-25deg)
}
50% {
opacity:1
}
100%, 90% {
-webkit-transform:perspective(500) rotateX(90deg);
opacity:0
}
}
@keyframes flipOutX {
0%, 5% {
transform:perspective(500) rotateX(0deg);
opacity:1
}
30% {
transform:perspective(500) rotateX(-25deg)
}
50% {
opacity:1
}
100%, 90% {
transform:perspective(500) rotateX(90deg);
opacity:0
}
}
.animating.flip-out-x {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX
}
@-webkit-keyframes flipOutY {
0%, 5% {
-webkit-transform:perspective(500) rotateY(0deg);
opacity:1
}
30% {
-webkit-transform:perspective(500) rotateY(-25deg)
}
50% {
opacity:1
}
100%, 90% {
-webkit-transform:perspective(500) rotateY(90deg);
opacity:0
}
}
@keyframes flipOutY {
0%, 5% {
transform:perspective(500) rotateY(0deg);
opacity:1
}
30% {
transform:perspective(500) rotateY(-25deg)
}
50% {
opacity:1
}
100%, 90% {
transform:perspective(500) rotateY(90deg);
opacity:0
}
}
.animating.flip-out-y {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}
@-webkit-keyframes flipOutTopFront {
0% {
opacity:1;
-webkit-transform:perspective(1000) rotateX(0deg)
}
30% {
-webkit-transform:perspective(1000) rotateX(-20deg)
}
50% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:perspective(1000) rotateX(90deg)
}
}
@keyframes flipOutTopFront {
0% {
opacity:1;
transform:perspective(1000) rotateX(0deg)
}
30% {
transform:perspective(1000) rotateX(-20deg)
}
50% {
opacity:1
}
100% {
opacity:0;
transform:perspective(1000) rotateX(90deg)
}
}
.animating.flip-out-top-front {
	-webkit-transform-origin-x: 50%;
	-webkit-transform-origin-y: 0;
	transform-origin-x: 50%;
	transform-origin-y: 0;
	-webkit-animation-name: flipOutTopFront;
	animation-name: flipOutTopFront
}
@-webkit-keyframes flipOutTopBack {
0% {
opacity:1;
-webkit-transform:perspective(1000) rotateX(0deg)
}
30% {
-webkit-transform:perspective(1000) rotateX(20deg)
}
50% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:perspective(1000) rotateX(-90deg)
}
}
@keyframes flipOutTopBack {
0% {
opacity:1;
transform:perspective(1000) rotateX(0deg)
}
30% {
transform:perspective(1000) rotateX(20deg)
}
50% {
opacity:1
}
100% {
opacity:0;
transform:perspective(1000) rotateX(-90deg)
}
}
.animating.flip-out-top-back {
	-webkit-transform-origin-x: 50%;
	-webkit-transform-origin-y: 0;
	transform-origin-x: 50%;
	transform-origin-y: 0;
	-webkit-animation-name: flipOutTopBack;
	animation-name: flipOutTopBack
}
@-webkit-keyframes flipOutBottomFront {
0% {
opacity:1;
-webkit-transform:perspective(1000) rotateX(0deg)
}
30% {
-webkit-transform:perspective(1000) rotateX(20deg)
}
50% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:perspective(1000) rotateX(-90deg)
}
}
@keyframes flipOutBottomFront {
0% {
opacity:1;
transform:perspective(1000) rotateX(0deg)
}
30% {
transform:perspective(1000) rotateX(20deg)
}
50% {
opacity:1
}
100% {
opacity:0;
transform:perspective(1000) rotateX(-90deg)
}
}
.animating.flip-out-bottom-front {
	-webkit-transform-origin-x: 50%;
	-webkit-transform-origin-y: 100%;
	transform-origin-x: 50%;
	transform-origin-y: 100%;
	-webkit-animation-name: flipOutBottomFront;
	animation-name: flipOutBottomFront
}
@-webkit-keyframes flipOutBottomBack {
0% {
opacity:1;
-webkit-transform:perspective(1000) rotateX(0deg)
}
30% {
-webkit-transform:perspective(1000) rotateX(-20deg)
}
50% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:perspective(1000) rotateX(90deg)
}
}
@keyframes flipOutBottomBack {
0% {
opacity:1;
transform:perspective(1000) rotateX(0deg)
}
30% {
transform:perspective(1000) rotateX(-20deg)
}
50% {
opacity:1
}
100% {
opacity:0;
transform:perspective(1000) rotateX(90deg)
}
}
.animating.flip-out-bottom-back {
	-webkit-transform-origin-x: 50%;
	-webkit-transform-origin-y: 100%;
	transform-origin-x: 50%;
	transform-origin-y: 100%;
	-webkit-animation-name: flipOutBottomBack;
	animation-name: flipOutBottomBack
}
@-webkit-keyframes flipOutLeftFront {
0% {
opacity:1;
-webkit-transform:perspective(1000) rotateY(0deg)
}
30% {
-webkit-transform:perspective(1000) rotateY(20deg)
}
50% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:perspective(1000) rotateY(-90deg)
}
}
@keyframes flipOutLeftFront {
0% {
opacity:1;
transform:perspective(1000) rotateY(0deg)
}
30% {
transform:perspective(1000) rotateY(20deg)
}
50% {
opacity:1
}
100% {
opacity:0;
transform:perspective(1000) rotateY(-90deg)
}
}
.animating.flip-out-left-front {
	-webkit-transform-origin-x: 0;
	-webkit-transform-origin-y: 50%;
	transform-origin-x: 0;
	transform-origin-y: 50%;
	-webkit-animation-name: flipOutLeftFront;
	animation-name: flipOutLeftFront
}
@-webkit-keyframes flipOutLeftBack {
0% {
opacity:1;
-webkit-transform:perspective(1000) rotateY(0deg)
}
30% {
-webkit-transform:perspective(1000) rotateY(-20deg)
}
50% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:perspective(1000) rotateY(90deg)
}
}
@keyframes flipOutLeftBack {
0% {
opacity:1;
transform:perspective(1000) rotateY(0deg)
}
30% {
transform:perspective(1000) rotateY(-20deg)
}
50% {
opacity:1
}
100% {
opacity:0;
transform:perspective(1000) rotateY(90deg)
}
}
.animating.flip-out-left-back {
	-webkit-transform-origin-x: 0;
	-webkit-transform-origin-y: 50%;
	transform-origin-x: 0;
	transform-origin-y: 50%;
	-webkit-animation-name: flipOutLeftBack;
	animation-name: flipOutLeftBack
}
@-webkit-keyframes flipOutRightFront {
0% {
opacity:1;
-webkit-transform:perspective(1000) rotateY(0deg)
}
30% {
-webkit-transform:perspective(1000) rotateY(-20deg)
}
50% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:perspective(1000) rotateY(90deg)
}
}
@keyframes flipOutRightFront {
0% {
opacity:1;
transform:perspective(1000) rotateY(0deg)
}
30% {
transform:perspective(1000) rotateY(-20deg)
}
50% {
opacity:1
}
100% {
opacity:0;
transform:perspective(1000) rotateY(90deg)
}
}
.animating.flip-out-right-front {
	-webkit-transform-origin-x: 100%;
	-webkit-transform-origin-y: 50%;
	transform-origin-x: 100%;
	transform-origin-y: 50%;
	-webkit-animation-name: flipOutRightFront;
	animation-name: flipOutRightFront
}
@-webkit-keyframes flipOutRightBack {
0% {
opacity:1;
-webkit-transform:perspective(1000) rotateY(0deg)
}
30% {
-webkit-transform:perspective(1000) rotateY(20deg)
}
50% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:perspective(1000) rotateY(-90deg)
}
}
@keyframes flipOutRightBack {
0% {
opacity:1;
transform:perspective(1000) rotateY(0deg)
}
30% {
transform:perspective(1000) rotateY(20deg)
}
50% {
opacity:1
}
100% {
opacity:0;
transform:perspective(1000) rotateY(-90deg)
}
}
.animating.flip-out-right-back {
	-webkit-transform-origin-x: 100%;
	-webkit-transform-origin-y: 50%;
	transform-origin-x: 100%;
	transform-origin-y: 50%;
	-webkit-animation-name: flipOutRightBack;
	animation-name: flipOutRightBack
}
@-webkit-keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
.animating.flash, .hover-flash:hover {
	-webkit-animation-name: flash;
	animation-name: flash
}
@-webkit-keyframes strobe {
0%, 100%, 20%, 40%, 60%, 80% {
opacity:1
}
10%, 30%, 50%, 70%, 90% {
opacity:0
}
}
@keyframes strobe {
0%, 100%, 20%, 40%, 60%, 80% {
opacity:1
}
10%, 30%, 50%, 70%, 90% {
opacity:0
}
}
.animating.strobe, .hover-strobe:hover {
	-webkit-animation-name: strobe;
	animation-name: strobe
}
@-webkit-keyframes shakeX {
0%, 100% {
-webkit-transform:translateY(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateY(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateY(10px)
}
}
@keyframes shakeX {
0%, 100% {
transform:translateY(0)
}
10%, 30%, 50%, 70%, 90% {
transform:translateY(-10px)
}
20%, 40%, 60%, 80% {
transform:translateY(10px)
}
}
.animating.shake-x, .hover-shake-x:hover {
	-webkit-animation-name: shakeX;
	animation-name: shakeX
}
@-webkit-keyframes shakeY {
0%, 100% {
-webkit-transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px)
}
}
@keyframes shakeY {
0%, 100% {
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
transform:translateX(10px)
}
}
.animating.shake-y, .hover-shake-y:hover {
	-webkit-animation-name: shakeY;
	animation-name: shakeY
}
@-webkit-keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px)
}
}
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {
transform:translateY(0)
}
40% {
transform:translateY(-30px)
}
60% {
transform:translateY(-15px)
}
}
.animating.bounce, .hover-bounce:hover {
	-webkit-animation-name: bounce;
	animation-name: bounce
}
@-webkit-keyframes tada {
0%, 100% {
-webkit-transform:scale(1) rotate(0)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg)
}
}
@keyframes tada {
0%, 100% {
transform:scale(1) rotate(0)
}
10%, 20% {
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
transform:scale(1.1) rotate(-3deg)
}
}
.animating.tada, .hover-tada:hover {
	-webkit-animation-name: tada;
	animation-name: tada
}
@-webkit-keyframes rubberBand {
0%, 100% {
-webkit-transform:scale(1)
}
30% {
-webkit-transform:scaleX(1.25) scaleY(0.75)
}
40% {
-webkit-transform:scaleX(0.75) scaleY(1.25)
}
60% {
-webkit-transform:scaleX(1.15) scaleY(0.85)
}
}
@keyframes rubberBand {
0%, 100% {
transform:scale(1)
}
30% {
transform:scaleX(1.25) scaleY(0.75)
}
40% {
transform:scaleX(0.75) scaleY(1.25)
}
60% {
transform:scaleX(1.15) scaleY(0.85)
}
}
.animating.rubber-band, .hover-rubber-band:hover {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}
@keyframes swing {
20% {
transform:rotate(15deg)
}
40% {
transform:rotate(-10deg)
}
60% {
transform:rotate(5deg)
}
80% {
transform:rotate(-5deg)
}
100% {
transform:rotate(0deg)
}
}
.animating.swing, .hover-swing:hover {
	-webkit-animation-name: swing;
	animation-name: swing
}
@-webkit-keyframes spin {
0% {
-webkit-transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes spin {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
.animating.spin, .hover-spin:hover {
	-webkit-animation-name: spin;
	animation-name: spin
}
@-webkit-keyframes spin-reverse {
0% {
-webkit-transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(-360deg)
}
}
@keyframes spin-reverse {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(-360deg)
}
}
.animating.spin-reverse, .hover-spin-reverse:hover {
	-webkit-animation-name: spin-reverse;
	animation-name: spin-reverse
}
@-webkit-keyframes slingshot {
0% {
-webkit-transform:rotate(0deg)
}
20%, 30% {
-webkit-transform:rotate(-45deg)
}
100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes slingshot {
0% {
transform:rotate(0deg)
}
20%, 30% {
transform:rotate(-45deg)
}
100% {
transform:rotate(360deg)
}
}
.animating.slingshot, .hover-slingshot:hover {
	-webkit-animation-name: slingshot;
	animation-name: slingshot
}
@-webkit-keyframes slingshot-reverse {
0% {
-webkit-transform:rotate(0deg)
}
20%, 30% {
-webkit-transform:rotate(45deg)
}
100% {
-webkit-transform:rotate(-360deg)
}
}
@keyframes slingshot-reverse {
0% {
transform:rotate(0deg)
}
20%, 30% {
transform:rotate(45deg)
}
100% {
transform:rotate(-360deg)
}
}
.animating.slingshot-reverse, .hover-slingshot-reverse:hover {
	-webkit-animation-name: slingshot-reverse;
	animation-name: slingshot-reverse
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:translateX(0px)
}
15% {
-webkit-transform:translateX(-25px) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20px) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15px) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10px) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5px) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0px)
}
}
@keyframes wobble {
0% {
transform:translateX(0px)
}
15% {
transform:translateX(-25px) rotate(-5deg)
}
30% {
transform:translateX(20px) rotate(3deg)
}
45% {
transform:translateX(-15px) rotate(-3deg)
}
60% {
transform:translateX(10px) rotate(2deg)
}
75% {
transform:translateX(-5px) rotate(-1deg)
}
100% {
transform:translateX(0px)
}
}
.animating.wobble, .hover-wobble:hover {
	-webkit-animation-name: wobble;
	animation-name: wobble
}
@-webkit-keyframes pulse {
0%, 100% {
-webkit-transform:scale(1)
}
50% {
-webkit-transform:scale(1.1)
}
}
@keyframes pulse {
0%, 100% {
transform:scale(1)
}
50% {
transform:scale(1.1)
}
}
.animating.pulse, .hover-pulse:hover {
	-webkit-animation-name: pulse;
	animation-name: pulse
}
@-webkit-keyframes pulsate {
0%, 100%, 50% {
-webkit-transform:scale(1)
}
25%, 75% {
-webkit-transform:scale(1.1)
}
}
@keyframes pulsate {
0%, 100%, 50% {
transform:scale(1)
}
25%, 75% {
transform:scale(1.1)
}
}
.animating.pulsate, .hover-pulsate:hover {
	-webkit-animation-name: pulsate;
	animation-name: pulsate
}
@-webkit-keyframes heartbeat {
0%, 30%, 50%, 60%, 80% {
-webkit-transform:scale(1)
}
40%, 70% {
-webkit-transform:scale(1.1)
}
}
@keyframes heartbeat {
0%, 30%, 50%, 60%, 80% {
transform:scale(1)
}
40%, 70% {
transform:scale(1.1)
}
}
.animating.heartbeat, .hover-heartbeat:hover {
	-webkit-animation-name: heartbeat;
	animation-name: heartbeat
}
@-webkit-keyframes panic {
0%, 100% {
-webkit-transform:scale(1) rotate(0)
}
10%, 60% {
-webkit-transform:scale(1.1) rotate(-3deg)
}
20%, 40% {
-webkit-transform:scale(1) rotate(-3deg)
}
30% {
-webkit-transform:scale(1.1) rotate(3deg)
}
50%, 70%, 90% {
-webkit-transform:scale(1) rotate(3deg)
}
80% {
-webkit-transform:scale(1.1) rotate(-3deg)
}
}
@keyframes panic {
0%, 100% {
transform:scale(1) rotate(0)
}
10%, 60% {
transform:scale(1.1) rotate(-3deg)
}
20%, 40% {
transform:scale(1) rotate(-3deg)
}
30% {
transform:scale(1.1) rotate(3deg)
}
50%, 70%, 90% {
transform:scale(1) rotate(3deg)
}
80% {
transform:scale(1.1) rotate(-3deg)
}
}
.animating.panic, .hover-panic:hover {
	-webkit-animation-name: panic;
	animation-name: panic
}
/*애니메이트끝*/
@media (max-width: 411px) and (min-width:380px;
) {
.m_mid2 {
 height: 127vh
}
}
 @media (max-width: 375px) and (min-width:320px;
) {
.m_mid2 {
 height:130vh;
}
}