.mt_number_box {
	position: relative;
	display: block;
	text-decoration: none;
	color: inherit;
}
a.mt_number_box {
	text-decoration: none;
}
a.mt_number_box:hover {
	text-decoration: none;
}
a.mt_number_box .link_arrow {
	position: absolute;
	right: 0;
	top: 0;
	width: 42px;
	height: 42px;
	text-align: center;
}
a.mt_number_box .link_arrow .la_bgr {
	position: absolute;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;

	
	-webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
a.mt_number_box .link_arrow .la_box {
	position: relative;
	display: block;
	opacity: 1;
	width: 42px;
	height: 42px;
	background-color: transparent;
	z-index: 2;
	
	-webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
a.mt_number_box:hover .link_arrow .la_bgr {
	visibility: visible;
	opacity: 1;
}
a.mt_number_box:hover .link_arrow .la_box {
	color: #fff;
}
.mt_number_box.has_bgr_image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.mt_number_box .nb_color_line {
	position: relative;
	display: block;
	height: 4px;
	background-color: #006ab1;
	margin-top: 15px;
	
	background: rgb(0,108,177);
	background: linear-gradient(90deg, rgba(0,108,177,1) 0%, rgba(64,145,197,1) 100%);
	
}
.mt_number_box.hide_line .nb_color_line {
	display: none;
}
.mt_number_box .nb_inner {
	position: relative;
	display: block;
}
.mt_number_box .number_area {
	position: relative;
	display: block;
	padding-bottom: 0px;
	margin-bottom: 20px;
	padding-left: 0px;
}
.mt_number_box .number_area .number {
	position: relative;
	display: block;
	width: 64px;
	height: 64px;
	line-height: 62px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	border-top-right-radius: 12px;
	background-color: #006ab1;
	color: #fff;
	
	background: rgb(64,145,197);
	background: radial-gradient(circle, rgba(64,145,197,1) 0%, rgba(0,108,177,1) 100%);
}

.mt_number_box.number_bgr_blue .number_area {
	height: auto;
	line-height: unset;
	padding-bottom: 16px;
	border-bottom-color: #0673ba;
}
.mt_number_box.number_bgr_blue .number {
	background-color: #006cb1;
	color: #fff;
	display: inline-block;
	width: 64px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	font-size: 24px;
	
	border-top-right-radius: 16px;
}


.mt_number_box .title_area {
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 20px;
}
.mt_number_box .title_area .title_val {
	font-size: 24px;
	font-weight: normal;
}
.mt_number_box .content_area {
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 30px;
	font-weight: normal;
	font-size: 20px;
	line-height: 1.2em;
}

.mt_number_box .footer_area {
	position: relative;
	display: block;
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
}
.mt_number_box .footer_area .footer_val {
	font-size: 14px;
	line-height: 1.4em;
}

@media only screen and (max-width: 989px){
	.mt_number_box .title_area .title_val {
		font-size: 20px;
	}
	.mt_number_box .content_area {
		font-size: 16px;
	}
}


/* STYLES */

.mt_number_box.white_style .title_area .title_val {
	color: #fff;
}
.mt_number_box.white_style .content_area {
	color: #fff;
}



/* White Box */
.mt_number_box.white_box {
	
	-webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.15);
	box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.15);
}
.mt_number_box.white_box .nb_color_line {
	background-color: #d2d2d2;
}
.mt_number_box.white_box .nb_inner {
	background-color: rgba(255,255,255,0.75);
}
.mt_number_box.white_box .number_area {
	background-color: rgba(255,255,255,0.90);
}
.mt_number_box.white_box .footer_area {
	background-color: rgba(255,255,255,0.90);
}



/* Number on the Left */

.mt_number_box.number_left .number_area {
	position: absolute;
	top: 0;
	left: 0;
	width: 64px;
	border-bottom-width: 0px;
}
.mt_number_box.number_left .title_area {
	padding-left: 84px;
	margin-bottom: 15px;
}
.mt_number_box.number_left .content_area {
	padding-left: 84px;
}