.ag.facts .factouter {
	border-bottom: 1px solid #CCC;
}
.ag.facts .factouter:first-of-type { border-top: 1px solid #CCC; }
.ag.facts .factouter:after { display: block; content: ""; clear: left; }

.ag.facts .fact {
	width: calc(50% - 15px);
	float: left;
	position: relative;
	padding: 30px 0;
}

.ag.facts .fact:nth-child(1) { margin-right: 30px; }



.ag.facts .fact .down {
	display: none;
	position: absolute;
	top: 30px;
	right: 20px;
	z-index: 20;
	transition:  transform 250ms;
}

.ag.facts .fact .down.spin {
	transform: rotate(180deg);
}

@media (max-width: 567px) {
	.ag.facts .fact .down { display: block; }

}


.ag.facts .fact i {
	font-size: 35px;
	line-height: 1;
	color: #AAA;
}
.ag.facts .fact .head { margin: 0 0 15px 0; }
.ag.facts .fact .head:after { display: block; content: ""; clear: left; }



.ag.facts .fact .head .iconheadlinewrapper {
	position: relative;
	min-height: 70px;
}

.ag.facts .fact .head .iconheadlinewrapper .icon { 
	width: 60px;
	position: absolute;
	top: 0;
	left: 0;
}
.ag.facts .fact .head .iconheadlinewrapper .icon img { 
	width: 100%;
	height: auto;
}
.ag.facts .fact .head .iconheadlinewrapper .headline { 
	font-size: 20px;
	margin: 0 0 15px 75px;
	padding-top: 15px;
}

.ag.facts .fact .head .image img {
	width: 230px;
	height: 80px;
}

.ag.facts .fact .head .intro {
	width: 885px;
	float: left;
	padding: 0 100px 0 0;
}

.ag.facts.small .fact .head .intro { width: 570px; }
.ag.facts.small .fact .head .text { margin: 0 0 0 50px; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
	.ag.facts .fact { padding: 25px 0; width: calc(50% - 12px); }
	.ag.facts .fact:nth-child(1) { margin-right: 24px; }

	.ag.facts .fact .down { top: 25px; right: 15px; }
	.ag.facts .fact i { font-size: 30px; }

	.ag.facts .fact .head { margin: 0 0 25px 0; }

	.ag.facts .fact .head .iconheadlinewrapper { min-height: 65px; }
	.ag.facts .fact .head .iconheadlinewrapper .icon { width: 55px; }
	.ag.facts .fact .head .iconheadlinewrapper .headline { font-size: 19px; margin: 0 0 13px 70px; padding-top: 12px; }

	.ag.facts .fact .head .image img { width: 210px; height: 73px; }
	
	.ag.facts .fact .head .intro { width: 665px; padding: 0 80px 0 0; }

	.ag.facts.small .fact .head .intro { width: 430px; }

}

@media all and (min-width: 768px) and (max-width:1023px) {
	.ag.facts .fact { padding: 20px 0; width: calc(50% - 10px); }
	.ag.facts .fact:nth-child(1) { margin-right: 20px; }

	.ag.facts .fact .down { top: 20px; right: 12px; }
	.ag.facts .fact i { font-size: 25px; }

	.ag.facts .fact .head { margin: 0 0 20px 0; display: flex; }

	
	.ag.facts .fact .head .iconheadlinewrapper { min-height: 60px; }
	.ag.facts .fact .head .iconheadlinewrapper .icon { width: 50px; }
	.ag.facts .fact .head .iconheadlinewrapper .headline { font-size: 18px; margin: 0 0 13px 65px; padding-top: 11px; }
	.ag.facts .fact .head .image img { width: 170px; height: 59px; }
	
	.ag.facts .fact .head .intro { flex: 1; width: auto; padding: 0 70px 0 0; }

	.ag.facts.small .fact .head .intro { width: auto; }
}

@media all and (min-width: 568px) and (max-width: 767px) {
	.ag.facts .fact { padding: 15px 0; width: calc(50% - 8px); }
	.ag.facts .fact:nth-child(1) { margin-right: 16px; }

	.ag.facts .fact .down { top: 15px; right: 10px; }
	.ag.facts .fact i { font-size: 20px; }

	.ag.facts .fact .head { margin: 0 0 15px 0; display: flex; }

	
	.ag.facts .fact .head .iconheadlinewrapper { min-height: 55px; }
	.ag.facts .fact .head .iconheadlinewrapper .icon { width: 45px; }
	.ag.facts .fact .head .iconheadlinewrapper .headline { font-size: 17px; margin: 0 0 9px 60px; padding-top: 11px; }
	.ag.facts .fact .head .image img { width: 150px; height: 52px; }
	
	.ag.facts .fact .head .intro { flex: 1; width: auto; padding: 0 60px 0 0; }

	.ag.facts.small .fact .head .intro { width: auto; }
}

@media all and (max-width: 567px) {
	.ag.facts .factouter {
		border-bottom: 0px solid #CCC;
	}
	.ag.facts .factouter:first-of-type { border-top: 0px solid #CCC; }

	.ag.facts .fact { padding: 10px 0; float: none; width: 100%; border-bottom: 1px solid #CCC; }
	.ag.facts .fact:first-of-type { border-top: 1px solid #CCC; }

	.ag.facts .fact .down { top: 10px; right: 5px; }
	.ag.facts .fact i { font-size: 20px; }

	.ag.facts .fact .head { margin: 0 0 0 0; display: flex; flex-direction: column; }

	.ag.facts .fact .head .iconheadlinewrapper { min-height: 55px; }
	.ag.facts .fact .head .iconheadlinewrapper .icon { width: 45px; }
	.ag.facts .fact .head .iconheadlinewrapper .headline { font-size: 17px; margin: 0 0 9px 60px; padding-top: 11px; }
	.ag.facts .fact .head .image img { width: 150px; height: 52px; }
	
	.ag.facts .fact .head .intro { flex: 1; width: auto; padding: 0 60px 0 0; }

	.ag.facts.small .fact .head .intro { width: auto; }
}

