@charset "UTF-8";
/*
Theme Name:Astra-child
Template:astra
Version:3.7.9
*/
#tinymce.top .business {
	max-width:1280px;
	padding:45px 30px 0;
	margin:0 auto;
	padding-right:15px;
	padding-left:15px
}
#tinymce.top .business>.inner {
	display:table;
	table-layout:fixed;
	width:100%
}
#tinymce.top .business .block {
	display:table-cell;
	padding:0 15px
}
#tinymce.top .business .block a {
	position:relative;
	display:block;
	color:#333;
	text-decoration:none
}
#tinymce.top .business .block a:hover,
#tinymce.top .business .block a.touch {
	color:#333;
	text-decoration:none
}
#tinymce.top .business .block a figure {
	position:relative;
	overflow:hidden;
	background:#000
}
#tinymce.top .business .block a figure span {
	display:block;
	height:0;
	padding-top:66.65%;
	background:url(assets/images/noimage.png) no-repeat center center/cover;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	transform:scale(1.025);
	transition:opacity .4s linear 0s,transform 2s ease 0s
}
#tinymce.top .business .block a figure img {
	visibility:hidden;
	display:none
}
#tinymce.top .business .block a figure:before {
	content:'';
	display:block;
	width:35px;
	height:35px;
	background:url(assets/images/hover.svg) no-repeat center center/cover;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition:transform .2s ease 0s,opacity .2s linear 0s;
	position:absolute;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%) scale(1.5);
	z-index:2
}
#tinymce.top .business .block a figure:after {
	content:'';
	display:block;
	font-size:11px;
	font-size:0.5rem;
	text-align:center;
	letter-spacing:.14em;
	text-indent:.14em;
	color:#fff;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	margin-top:50px;
	transition:margin .2s ease 0s,opacity .2s linear 0s;
	position:absolute;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
	z-index:3
}
#tinymce.top .business .block a:hover figure span,
#tinymce.top .business .block a.touch figure span {
	opacity:.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	transform:scale(1.25)
}
#tinymce.top .business .block a:hover figure:before,
#tinymce.top .business .block a.touch figure:before {
	opacity:.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	transform:translateX(-50%) translateY(-50%) scale(1);
	transition:transform .4s ease 0s,opacity .6s linear 0s
}
#tinymce.top .business .block a:hover figure:after,
#tinymce.top .business .block a.touch figure:after {
	opacity:.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	margin-top:45px;
	transition:margin .4s ease .4s,opacity .4s linear .4s
}
#tinymce.top .business .block a.hover01 figure:before {
	background-image:url()
}
#tinymce.top .business .block a.hover02 figure:before {
	background-image:url()
}
#tinymce.top .business .block a.hover03 figure:before {
	background-image:url()
}
#tinymce.top .business .block h4 {
	position:relative;
	font-size:8px;
	font-size:0.4rem;
	line-height:1.42857;
	font-weight:500;
	text-align:center;
	margin:30px 30px 15px
}
#tinymce.top .business .block h4:before {
	content:'';
	display:block;
	width:20px;
	height:2px;
	background:#00a0e9;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:0;
	display:none
}
#tinymce.top .business .block p {
	padding:0 5px
}
#tinymce.top .business .block a.hover01 h4:before {
	background-color:#111
}
#tinymce.top .business .block a.hover02 h4:before {
	background-color:#bf9d5a
}
#tinymce.top .business .block a.hover03 h4:before {
	background-color:#0a51a1
}
@media screen and (max-width:1024px) {
	#tinymce.top .business {
		padding:45px 15px 0
	}
	#tinymce.top .business {
		padding-top:30px
	}
	#tinymce.top .business>.inner {
		display:block
	}
	#tinymce.top .business .block {
		display:block;
		padding:0
	}
	#tinymce.top .business .block+.block {
		margin-top:30px
	}
	#tinymce.top .business .block a figure:before {
		width:30px;
		height:30px
	}
	#tinymce.top .business .block a figure:after {
		margin-top:35px
	}
	#tinymce.top .business .block a:hover figure:after,
	#tinymce.top .business .block a.touch figure:after {
		margin-top:30px
	}
	#tinymce.top .business .block h4 {
		max-width:450px;
		padding:0 30px;
		margin:15px auto 5px
	}
}
div.wpcf7 .ajax-loader {
        display: none;
    }