.box{
	position: relative;
	&.ex-box{
		display: table-cell;
		vertical-align: middle;
		padding:20px;
		
	}
	
	&.in-box{
		display: table-cell;
		vertical-align: middle;
		padding:20px;
		text-align: right;
		
	}
	
	
	&.box-car{
		transition: 0.4s ease-in-out;
		margin:8px;
		padding: 20px 15px;
		border:1px solid #f2f2f2;
		// outline-color: #f2f2f2;

		figure{
			min-height: 140px;
			margin-bottom:20px;
			@media(max-width:467px){
				min-height: 160px;	
			}
			@media(max-width:767px) and (min-width:468px){
				min-height: 240px;
			}
			
		}
		// &:hover{
		// 	outline:1px solid #f2f2f2;
		// }
	}
	&.export-box{
		padding:25px 0;
		figure{
			width: 150px;
			height: 150px;
			margin:auto;
			border-radius:50%;
			background-color:$theme-middle;
			display:table;
			figcaption{
				display: table-cell;
				vertical-align: middle;
			}
			img{
				margin:auto;
				width:90px;
			}
		}
		.title{
			margin:15px 0 15px;
			font-size: 22px;
		}
	}
	&.contact{
		overflow: hidden;
		display: block;
	    margin-bottom: 20px;
		.icon-area{
			width: 100px;
			float: left;
			.icon{
				@include size(60px,60px);
				padding: 12px;
				font-size: 36px;
				background:$theme-primary;
				border-radius: 50%;
				text-align: center;		
				@include transition (0.2s);	
				color: $theme-white;	
			}
		}		

		.content{
			margin-top: 4px;
			width: calc(100% - 100px);
			float: left;
			span{
				@include transition (0.2s);	
			}
		}
		&:hover{
			.content{
				span, a{
					color: $theme-primary;
				}
			}
			.icon{
				background:$theme-lg-grey;
				color: $theme-primary;
			}
		}
	}

}