@charset "utf-8";

/* Type #1
-------------------------------------------------------------------------------*/
.aa-box.type-1 { }
.aa-box.type-1 .box {
	position : relative;
	padding  : 0;
	margin   : 0;
	overflow : hidden;
}
.aa-box.type-1 .box img {
	display   : block;
	max-width : 100%;
	height    : auto;
	padding   : 0;
}
.aa-box.type-1 .box .desc-area {
	position : relative;
	padding  : 55px 20px;
}
.aa-box.type-1 .box .desc-area .title {
	margin      : 0 0 10px 0;
	padding     : 0;
	font-family : 'PT Sans', sans-serif;
	color       : #FFFFFF;
	font-size   : 23px;
}
.aa-box.type-1 .box .desc-area .text {
	font-family : 'Open Sans', sans-serif;
	color       : #FFFFFF;
	line-height : 23px;
}
.aa-box.type-1 .box .more {
	position : absolute;
	width    : 100%;
	height   : 100%;
	top      : 0;
	left     : 0;
}
.aa-box.type-1 .img-area {
	padding      : 0;
	border-right : 1px solid rgba(0, 0, 0, 0.08);
	background   : rgba(0, 0, 0, 0.05);
}
.aa-box.type-1 .box:hover figure {
	-webkit-animation : imgIn .5s running ease-in-out alternate forwards;
	-moz-animation    : imgIn .5s running ease-in-out alternate forwards;
	animation         : imgIn .5s running ease-in-out alternate forwards;
}
.aa-box.type-1 .box figure {
	overflow          : hidden;
	border-radius     : 100%;
	margin            : 20px;
	border            : 5px solid rgba(0, 0, 0, 0.2);
	-webkit-animation : imgOut .5s running ease-in-out alternate forwards;
	-moz-animation    : imgOut .5s running ease-in-out alternate forwards;
	animation         : imgOut .5s running ease-in-out alternate forwards;
}
@keyframes imgIn {
	from {
		margin : 20px
	}
	to {
		margin        : 0;
		border-radius : 0;
		border        : none;
		padding       : 0;
	}
}
@keyframes imgOut {
	from {
		margin        : 0;
		border-radius : 0;
		border        : none;
		padding       : 0;
	}
	to {
		border-radius : 100%;
		margin        : 20px;
		border        : 5px solid rgba(0, 0, 0, 0.2);
	}
}
/* Mobile First */

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}
/* Non-mobile First */

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1100px) {

	.aa-box.type-1 .box .desc-area .text {
		display : none;
	}
	.aa-box.type-1 .box .desc-area {
		padding : 25px;
	}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.aa-box.type-1 .box .desc-area .title {
		margin    : 0;
		font-size : 20px;
	}
	.aa-box.type-1 .box .desc-area {
		padding : 18px;
	}
	.aa-box.type-1 .box figure {
		-webkit-animation : none;
		-moz-animation    : none;
		animation         : none;
		margin            : 0;
		border-radius     : 0;
		border            : none;
		padding           : 0;
	}

}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.aa-box.type-1 .box .desc-area {
		padding: 20px 0;
	}
	.aa-box.type-1 .img-area {
		border : none
	}
	.aa-box.type-1 .box .desc-area .title {
		font-size: 17px;
		text-align: center;
	}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}