.ibox-title,
.ibox-title02{
	text-align:center;
	font-size:20px;
	font-weight:normal;
	color:#424242;
	margin-bottom:38px;
	line-height:1.6;
}
.ibox-title:after,
.ibox-title02:after{
	content:"";
	display:block;
	width:40px;
	border-bottom:2px solid #20a3f0;
	margin:20px auto 0;
}
.ibox-title02{
	color:#FFF;
}
.dg-iconbox01,
.dg-iconbox02 {
	text-align:center;
	margin-bottom:30px;
}
[class*="dg-ico"]{
	transition: 		all ease-in 200ms;
	-moz-transition: 	all ease-in 200ms; /* Firefox 4 */
	-webkit-transition: all ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		all ease-in 200ms; /* Opera */
	-ms-transition: 	all ease-in 200ms; /* IE9? */
}
.dg-iconbox01 [class*="dg-ico"],
.dg-iconbox02 [class*="dg-ico"],
.dg-iconbox05 [class*="dg-ico"]{
	margin:0 auto 24px;
}
.dg-iconbox01 .dg-ico07,
.dg-iconbox02 .dg-ico07,
.dg-iconbox05 .dg-ico07{
	margin:25px auto 58px;
}
.dg-iconbox01 .dg-ico14,
.dg-iconbox02 .dg-ico14,
.dg-iconbox05 .dg-ico14{
	margin:25px auto 58px;
}

[class*="dg-ico"] img{
	max-width:100%;
	vertical-align:inherit;
}

.dg-iconbox01 h3,
.dg-iconbox02 h3{
	font-size:15px;
	color:#333333;
	margin:0px 0 14px ;
	line-height:1.2;
}
.dg-iconbox01 h3:after{
	content:"";
	display:block;
	border-bottom:2px solid #444444;
	width:28px;
	margin:14px auto 0;
}
.dg-iconbox02 .more{
	font-size:15px;
}

.dg-iconbox03{
	margin-bottom:30px;
}
.dg-iconbox03 h3{
	font-size:15px;
	color:#424242;
	margin:0 0 12px;
	line-height:1.2;
}
.dg-iconbox03 h3 [class*="dg-ico"]{
	vertical-align:middle;
	margin-right:18px;
}
.dg-iconbox03 > [class*="dg-ico"]{
	float:left;
	margin-right:18px;
}
.dg-iconbox03 > [class*="dg-ico"] + .box-right{
	overflow:hidden;
}
.dg-iconbox03 .box-right a,
.dg-iconbox03 .box-right a:link,
.dg-iconbox03 .box-right a:active,
.dg-iconbox03 .box-right a:visited{
	text-decoration:underline;
	color:#666666;
}
.dg-iconbox03 .box-right a:hover{
	color:#20a3f0;
}


.dg-iconbox04{
	margin:0 auto 4px;
	overflow:hidden;
}
.dg-iconbox04 [class*="dg-ico"]{
	float:left;
	position:relative;
}
.dg-iconbox04 [class*="dg-ico"] .left-line{
	position:absolute;
	top:100%;
	left:50%;
	height:10000px;
	border-left:1px solid #b4b4b4;
	margin-top:4px;
	transition: 		border-color ease-in 200ms;
	-moz-transition: 	border-color ease-in 200ms; /* Firefox 4 */
	-webkit-transition: border-color ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		border-color ease-in 200ms; /* Opera */
	-ms-transition: 	border-color ease-in 200ms; /* IE9? */
}
.dg-iconbox04:hover [class*="dg-ico"] .left-line{
	border-left-color:#00c6ff;
}
.dg-iconbox04 h3{
	color:#1d1d1d;
	font-size:15px;
	margin:0 0 10px;	
	line-height:1.2;
}
.dg-iconbox04 [class*="dg-ico"] + .box-main{
	overflow:hidden;
	padding-left:25px;
	padding-bottom:60px;
}
.dg-iconbox04.box-left{
	text-align:right;
}
.dg-iconbox04.box-left [class*="dg-ico"]{
	float:right;
}
.dg-iconbox04.box-left [class*="dg-ico"] + .box-main{
	padding-left:0;
	padding-right:25px;
}
.dg-iconbox04:last-child .box-main{
	padding-bottom:0
}
.dg-iconbox05{
	border:1px solid #cccccc;
	border-top:6px solid #20a3f0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-align:center;
	padding:35px 35px 0;
	margin-bottom:30px;
}
.dg-iconbox05 h3{
	font-size:15px;
	color:#20a3f0;
	line-height:1.2;
}
.dg-iconbox05 h3:after{
	content:"";
	width:94px;
	border-bottom:1px solid #20a3f0;
	display:block;
	margin:18px auto 20px;
}
.dg-iconbox05 [class*="dg-btn"]{
	transform:translateY(50%);
	-webkit-transform:translateY(50%);
}

.dg-iconbox06{
	border:1px solid #cccccc;
	border-top:6px solid #08c6f5;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-align:center;
	padding:0 25px 25px;
	margin-top:40px;
	margin-bottom:30px;
}
.dg-iconbox06 h3{
	font-size:15px;
	color:#20a3f0;
	margin:-10px 0 25px;
	line-height:1.2;
}
.dg-iconbox06 h3:after{
	content:"";
	width:94px;
	border-bottom:1px solid #20a3f0;
	display:block;
	margin:20px auto;
}
.dg-iconbox06 [class*="dg-ico"]{
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}

.dg-iconbox07{
	border:1px solid #cccccc;
	border-top:6px solid #20a3f0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:30px 22px;
	margin-bottom:30px;
	transition: 		border-color ease-in 200ms;
	-moz-transition: 	border-color ease-in 200ms; /* Firefox 4 */
	-webkit-transition: border-color ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		border-color ease-in 200ms; /* Opera */
	-ms-transition: 	border-color ease-in 200ms; /* IE9? */
}
.dg-iconbox07 h3{
	font-size:15px;
	color:#424242;
	margin:0 0 12px;
	line-height:1.2;
	transition: 		color ease-in 200ms;
	-moz-transition: 	color ease-in 200ms; /* Firefox 4 */
	-webkit-transition: color ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		color ease-in 200ms; /* Opera */
	-ms-transition: 	color ease-in 200ms; /* IE9? */
}
.dg-iconbox07:hover h3{
	color:#20a3f0;
}
.dg-iconbox07 h3 [class*="dg-ico"]{
	vertical-align:middle;
	margin-right:18px;
	margin-bottom:5px;
}
.dg-iconbox07 > [class*="dg-ico"]{
	float:left;
	margin-right:18px;
}
.dg-iconbox07 > [class*="dg-ico"] + .box-right{
	overflow:hidden;
}
.dg-iconbox07 .box-right a,
.dg-iconbox07 .box-right a:link,
.dg-iconbox07 .box-right a:active,
.dg-iconbox07 .box-right a:visited{
	text-decoration:underline;
	color:#666666;
}
.dg-iconbox07 .box-right a:hover{
	color:#20a3f0;
}
.dg-iconbox07:hover{
	border-top-color:#333333;
}
.dg-iconbox07:hover .dg-ico05{
	color:#20a3f0;
}
.dg-iconbox08{
	border:1px solid #cccccc;
	padding:30px 22px;
	margin-bottom:30px;
	position:relative;
}
.dg-iconbox08:after{
	content:"";
	position:absolute;
	left:-1px;
	right:-1px;
	bottom:-1px;
	opacity:0;
	visibility:hidden;
	border-bottom:2px solid #20a3f0;
	transition: 		all ease-in 200ms;
	-moz-transition: 	all ease-in 200ms; /* Firefox 4 */
	-webkit-transition: all ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		all ease-in 200ms; /* Opera */
	-ms-transition: 	all ease-in 200ms; /* IE9? */
}
.dg-iconbox08 h3{
	font-size:15px;
	color:#424242;
	margin:0 0 12px;
	line-height:1.2;
}
.dg-iconbox08 h3 small{
	display:block;
	color:#424242;
	font-size:13px;
	margin-top:8px;
}
.dg-iconbox08 h3 [class*="dg-ico"]{
	vertical-align:middle;
	margin-right:18px;
}
.dg-iconbox08 > [class*="dg-ico"]{
	float:left;
	margin-right:18px;
}
.dg-iconbox08 > [class*="dg-ico"] + .box-right{
	overflow:hidden;
}
.dg-iconbox08 .box-right a,
.dg-iconbox08 .box-right a:link,
.dg-iconbox08 .box-right a:active,
.dg-iconbox08 .box-right a:visited{
	text-decoration:underline;
	color:#666666;
}
.dg-iconbox08 .box-right a:hover{
	color:#20a3f0;
}
.dg-iconbox08:hover:after{
	opacity:1;
	visibility:visible;
}

.dg-iconbox09{
	border:1px solid #cccccc;
	border-top:6px solid #20a3f0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:30px 22px;
	margin-bottom:30px;
	text-align:center;
	transition: 		border-color ease-in 200ms;
	-moz-transition: 	border-color ease-in 200ms; /* Firefox 4 */
	-webkit-transition: border-color ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		border-color ease-in 200ms; /* Opera */
	-ms-transition: 	border-color ease-in 200ms; /* IE9? */
}
.dg-iconbox09 h3{
	font-size:15px;
	color:#424242;
	margin:0 0 12px;
	line-height:1.2;
	transition: 		color ease-in 200ms;
	-moz-transition: 	color ease-in 200ms; /* Firefox 4 */
	-webkit-transition: color ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		color ease-in 200ms; /* Opera */
	-ms-transition: 	color ease-in 200ms; /* IE9? */
}
.dg-iconbox09 h3:after{
	content:"";
	width:35px;
	border-bottom:3px solid #424242;
	display:block;
	margin:20px auto;
}
.dg-iconbox09 [class*="dg-ico"]{
	margin:0 auto 24px;
}
.dg-iconbox10 {
	border:1px solid #cccccc;
	padding:22px 22px 22px 52px;
	margin-left:32px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	position:relative;
	margin-bottom:30px;
	transition: 		border-color ease-in 200ms;
	-moz-transition: 	border-color ease-in 200ms; /* Firefox 4 */
	-webkit-transition: border-color ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		border-color ease-in 200ms; /* Opera */
	-ms-transition: 	border-color ease-in 200ms; /* IE9? */
}
.dg-iconbox10 h3{
	font-size:15px;
	color:#424242;
	margin:0 0 12px;
	line-height:1.2;
	transition: 		color ease-in 200ms;
	-moz-transition: 	color ease-in 200ms; /* Firefox 4 */
	-webkit-transition: color ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		color ease-in 200ms; /* Opera */
	-ms-transition: 	color ease-in 200ms; /* IE9? */
}
.dg-iconbox10 [class*="dg-ico"]{
	position:absolute;
	left:0px;
	top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.dg-iconbox10:hover{
	border-color:#20a3f0;
}
.dg-iconbox10:hover h3{
	color:#20a3f0
}
.dg-iconbox11 {
	position:relative;
	margin-bottom:30px;
	color:#ffffff;
}
.dg-iconbox11 h3{
	font-size:15px;
	color:#02bef5;
	margin:0 ;
	line-height:1.2;
	transition: 		color ease-in 200ms;
	-moz-transition: 	color ease-in 200ms; /* Firefox 4 */
	-webkit-transition: color ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		color ease-in 200ms; /* Opera */
	-ms-transition: 	color ease-in 200ms; /* IE9? */
}
.dg-iconbox11 h3:after{
	content:"";
	display:block;
	border-bottom:3px solid #02bef5;
	width:15px;
	margin:6px 0px 15px;
}
.dg-iconbox11 [class*="dg-ico"]{
	float:left;
	margin-right:20px
}
.dg-iconbox11 [class*="dg-ico"] + .box-right{
	overflow:hidden;
	padding-top:30px;
}



.dg-iconbox12{
	padding:50px 40px;
	background-color:#ffffff;
	margin-bottom:30px;
}
.dg-iconbox12 h3{
	font-size:15px;
	color:#424242;
	margin:0 0 12px;
	line-height:1.2;
	transition: 		color ease-in 200ms;
	-moz-transition: 	color ease-in 200ms; /* Firefox 4 */
	-webkit-transition: color ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		color ease-in 200ms; /* Opera */
	-ms-transition: 	color ease-in 200ms; /* IE9? */
}
.dg-iconbox12 h3:after{
	content:"";
	display:block;
	border-bottom:2px solid #666666;
	width:30px;
	margin-top:16px;
	transition: 		border-color ease-in 200ms;
	-moz-transition: 	border-color ease-in 200ms; /* Firefox 4 */
	-webkit-transition: border-color ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		border-color ease-in 200ms; /* Opera */
	-ms-transition: 	border-color ease-in 200ms; /* IE9? */
}
.dg-iconbox12 h3 small{
	font-size:15px;
	color:#888888;
	display:block;
	margin-top:5px;
	transition: 		color ease-in 200ms;
	-moz-transition: 	color ease-in 200ms; /* Firefox 4 */
	-webkit-transition: color ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		color ease-in 200ms; /* Opera */
	-ms-transition: 	color ease-in 200ms; /* IE9? */
}
.dg-iconbox12 > [class*="dg-ico"]{
	float:left;
	margin-right:18px;
}
.dg-iconbox12 > [class*="dg-ico"] + .box-right{
	overflow:hidden;
}
.dg-iconbox12:hover{
	color:#FFF;
	background-color:#20a3f0;
}
.dg-iconbox12:hover h3,
.dg-iconbox12:hover h3 small{
	color:#FFF;
}
.dg-iconbox12:hover h3:after{
	border-bottom-color:#ffffff;
}
.dg-iconbox13{
	padding:0px 40px;
	white-space:nowrap;
	margin-bottom:30px;
	height:385px;
	border:2px solid #ffffff;
	text-align:center;
	position:relative;
	transition: 		all ease-in 200ms;
	-moz-transition: 	all ease-in 200ms; /* Firefox 4 */
	-webkit-transition: all ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		all ease-in 200ms; /* Opera */
	-ms-transition: 	all ease-in 200ms; /* IE9? */
}
.dg-iconbox13:after{
	content:"";
	height:100%;
	display:inline-block;
	vertical-align:middle;
	width:0;
	overflow:hidden;
}
.dg-iconbox13 .box-center{
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
}
.dg-iconbox13 h3{
	color:#FFF;
	font-size:15px;
	line-height:1.2;
}
.dg-iconbox13 h3:before{
	content:"";
	display:block;
	width:40px;
	border-bottom:2px solid #ffffff;
	margin:0 auto 17px;
}
.dg-iconbox13 [class*="dg-ico"]{
	margin-bottom:30px;
}
.dg-iconbox13 .dg-ico03,
.dg-iconbox13:hover .dg-ico03{
	border-color:#FFF!important;
	color:#FFF!important;
}
.dg-iconbox13:hover{
	background-color:#20a3f0;
	border-color:#20a3f0;
}
.dg-iboxlist{
	margin:0;
	padding:0;
}
.dg-iboxlist:after {
	clear:both;
	content:".";
	height:0px;
	font-size:0px;
	visibility:hidden;
	display:block;
}
.dg-iboxlist li{
	list-style:none;
	float:left;
	/*euclid update from 20% to 33% for 3 wide */
	width:33%;
	text-align:center;
	height:397px;
	white-space:nowrap;
}
.dg-iboxlist li:before{
	content:"";
	display:inline-block;
	height:397px;
	vertical-align:middle;
}
.dg-iboxlist li.color-01{
	background-color:#78d3e9;
}
.dg-iboxlist li.color-02{
	background-color:#3c9eb6;
}
.dg-iboxlist li.color-03{
	background-color:#1b788f;
}
.dg-iboxlist li.color-04{
	background-color:#1a4d5a;
}
.dg-iboxlist li.color-05{
	background-color:#0a2d36;
}
.dg-iboxlist li .center{
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
}
.dg-iboxlist li h3{
	color:#FFF;
	font-size:15px;
	margin:30px auto 0;
	line-height:1.2;
}
@media only screen and (max-width: 767px) {
	.dg-iboxlist li{
		width:auto;
		float:none;
	}
}
.dg-iboxlist li .dg-ico05{
	color:#FFF;
}

.dg-ico01,
.dg-ico01.fa{
	width:64px;
	height:64px;
	line-height:64px;
	text-align:center;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	font-size:24px;
	display:inline-block;
	border:1px solid #20a3f0;
	background-color:#20a3f0;
	color:#FFF;
}
[class*="dg-iconbox"]:hover .dg-ico01,
[class*="dg-iconbox"]:hover .dg-ico01.fa{
	color:#888888;
	background-color:transparent;
	border-color:#888888;
}

.dg-ico02,
.dg-ico02.fa{
	width:64px;
	height:64px;
	line-height:64px;
	text-align:center;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	background-color:#4c4f50;
	color:#FFF;
	font-size:24px;
	display:inline-block;
	position:relative;
	overflow:hidden;
}
[class*="dg-iconbox"]:hover .dg-ico02,
[class*="dg-iconbox"]:hover .dg-ico02.fa{
	background-color:#20a3f0;
}
.dg-ico02:after{
	content:"";
	position:absolute;
	background-color:#000;
	opacity:0.15;
	width:50%;
	height:100%;
	left:0;
	top:0;
	z-index:0;
	transform:rotate(-135deg);
	-webkit-transform:rotate(-135deg);
	transform-origin:right center;
	-webkit-transform-origin:right center;
}
.dg-ico02 >*{
	position:relative;
	z-index:2;
}
.dg-ico03,
.dg-ico03.fa{
	width:80px;
	height:80px;
	line-height:80px;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #b4b4b4;
	color:#888888;
	font-size:24px;
	display:inline-block;
}
[class*="dg-iconbox"]:hover .dg-ico03,
[class*="dg-iconbox"]:hover .dg-ico03.fa{
	border:1px solid #20a3f0;
	color:#20a3f0;
}

.dg-ico04{
	width:93px;
	height:93px;
	line-height:93px;
	text-align:center;
	font-size:30px;
	display:inline-block;
	position:relative;
	color:#888888;
	transition:			none;
	-moz-transition: 	none; /* Firefox 4 */
	-webkit-transition: none; /* Safari and Chrome */
	-o-transition: 		none; /* Opera */
	-ms-transition: 	none; /* IE9? */
}
.dg-ico04 .fa{
	position:relative;
	z-index:3;
}

.dg-ico04 .hexagon,
.dg-ico04 .hexagon:before,
.dg-ico04 .hexagon:after{
    width: 78px;
    height: 48px;
	display:block;
	position:absolute;
    left: 7px;
    top: 23px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-webkit-transform-origin:center center;
	transform-origin:center center;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
}
.dg-ico04 .hexagon:before {
    content: "";
    top:0px;
    left: -1px;
	transform:rotate(120deg);
	-webkit-transform:rotate(120deg);
}
.dg-ico04 .hexagon:after {
    content: "";
    top:0px;
    left: -1px;
	-webkit-transform:rotate(-120deg);
	transform:rotate(-120deg);
}
[class*="dg-iconbox"]:hover .dg-ico04{
	color:#FFF;
}
[class*="dg-iconbox"]:hover .dg-ico04 .hexagon,
[class*="dg-iconbox"]:hover .dg-ico04 .hexagon:before,
[class*="dg-iconbox"]:hover .dg-ico04 .hexagon:after{
	background-color:#20a3f0;
	border-color:#20a3f0;
}

.dg-ico05,
.fa.dg-ico05 {
	font-size:52px;
	color:#333333;
	display:inline-block;
	text-align:center;
	transition: 		color ease-in 200ms;
	-moz-transition: 	color ease-in 200ms; /* Firefox 4 */
	-webkit-transition: color ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		color ease-in 200ms; /* Opera */
	-ms-transition: 	color ease-in 200ms; /* IE9? */
}
.dg-ico05.accent {
	color:#20a3f0;
}
.dg-ico05.yellow {
	color:#f0ad4e;
}
.dg-ico05.red {
	color:#d70b0b;
}

.dg-ico06,
.fa.dg-ico06{
	display:inline-block;
	width:80px;
	height:80px;
	line-height:80px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	font-size:28px;
	color:#FFF;
	text-align:center;
	background: -webkit-linear-gradient(135deg, #23abeb, #34d1d5);
	background: -o-linear-gradient(135deg, #23abeb, #34d1d5); 
	background: -moz-linear-gradient(135deg, #23abeb, #34d1d5); 
	background: linear-gradient(135deg, #23abeb, #34d1d5);
	background-color:#23abeb;
	position:relative;
}
.dg-ico06:after{
	content:"";
	position:absolute;
	left:5px;
	top:5px;
	right:5px;
	bottom:5px;
	background-color:#333333;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	z-index:1;
	visibility:hidden;
	opacity:0;
	transition: 		all ease-in 200ms;
	-moz-transition: 	all ease-in 200ms; /* Firefox 4 */
	-webkit-transition: all ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		all ease-in 200ms; /* Opera */
	-ms-transition: 	all ease-in 200ms; /* IE9? */
}
.dg-ico06:before,
.dg-ico06 .fa{
	position:relative;
	z-index:2;
}
[class*="dg-iconbox"]:hover .dg-ico06:after{
	visibility:visible;
	opacity:1;
}



.dg-ico07,
.dg-ico14,
.dg-ico07 .hexagon,
.dg-ico14 .hexagon {
    width: 92px;
    height: 50px;
    line-height: 46px;
    border-radius: 10px;
}
.dg-ico07,
.dg-ico14{
	text-align: center;
    color: #fff;
    z-index: 3;
    margin: 25px auto 68px;
    display: block;
	position:relative;
    background: linear-gradient(135deg,#18e2ba 0,#47d1ff 100%);
    background: -moz-linear-gradient(135deg, #4ddbc0 0%, #44d0fc 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#4ddbc0), color-stop(100%,#44d0fc));
    background: -webkit-linear-gradient(135deg, #4ddbc0 0%,#44d0fc 100%);
    background: -o-linear-gradient(135deg, #4ddbc0 0%,#44d0fc 100%);
    background: -ms-linear-gradient(135deg, #4ddbc0 0%,#44d0fc 100%);
    background: linear-gradient(135deg, #4ddbc0 0%,#44d0fc 100%);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}
.dg-ico07:after, 
.dg-ico07:before,
.dg-ico14:after, 
.dg-ico14:before,
.dg-ico07 .hexagon:after, 
.dg-ico07 .hexagon:before,
.dg-ico14 .hexagon:after, 
.dg-ico14 .hexagon:before {
    top: -17px;
    content: "";
    width: 48px;
    height: 48px;
	transform: scalex(1.7)rotate(45deg);
    -webkit-transform: scalex(1.7)rotate(45deg);
    -moz-transform: scalex(1.7)rotate(45deg);
    -ms-transform: scalex(1.7)rotate(45deg);
    -o-transform: scalex(1.7)rotate(45deg);
    border-radius: 6px 17px;
    left: 22px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}
.dg-ico07:before,
.dg-ico14:before,
.dg-ico07 .hexagon:before,
.dg-ico14 .hexagon:before{
    top: 20px;
}
.dg-ico07:after, 
.dg-ico07:before,
.dg-ico14:after, 
.dg-ico14:before {
    z-index: 0;
    position: absolute;
    background: linear-gradient(45deg,#18e2ba 0,#47d1ff 100%);
    background: #4ddbc0;
    background: -moz-linear-gradient(45deg, #4ddbc0 0%, #44d0fc 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#4ddbc0), color-stop(100%,#44d0fc));
    background: -webkit-linear-gradient(45deg, #4ddbc0 0%,#44d0fc 100%);
    background: -o-linear-gradient(45deg, #4ddbc0 0%,#44d0fc 100%);
    background: -ms-linear-gradient(45deg, #4ddbc0 0%,#44d0fc 100%);
    background: linear-gradient(45deg, #4ddbc0 0%,#44d0fc 100%);
}
.dg-ico07 > *,
.dg-ico07 .fa,
.dg-ico14 > *,
.dg-ico14 .fa{
	z-index:4;
	position:relative;
    font-size: 36px;
	vertical-align:middle;
}
 
.dg-ico07 .hexagon,
.dg-ico14 .hexagon {
	position:absolute;
    display: block;
    text-align: center;
    z-index: 3;
    margin: 0 auto;
    position: absolute;
    top: 0px;
    left:0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	transform:scale(0.9);
	-webkit-transform:scale(0.9);
	transform-origin:center center;
	-webkit-transform-origin:center center;
}
.dg-ico07 .hexagon:after, 
.dg-ico07 .hexagon:before,
.dg-ico14 .hexagon:after, 
.dg-ico14 .hexagon:before {
    z-index: 0;
    content: "";
    position: absolute;
}
[class*="dg-iconbox"]:hover .dg-ico07 .hexagon, 
[class*="dg-iconbox"]:hover .dg-ico07 .hexagon:before, 
[class*="dg-iconbox"]:hover .dg-ico07 .hexagon:after {
    background: #2c3e50;
}
.dg-ico14{
	margin:30px auto;
}
.dg-ico14,
.dg-ico14 .hexagon {
    width: 110px;
    height: 67px;
    line-height: 67px;
    border-radius: 10px;
}
.dg-ico14:after, 
.dg-ico14:before,
.dg-ico14 .hexagon:after, 
.dg-ico14 .hexagon:before {
    width: 56px;
    height: 56px;
    top: -19px;
    left: 27px;
	border-radius: 6px 18px;
}
.dg-ico14:before{
    top: 28px;
}
.dg-ico14:before,
.dg-ico14 .hexagon:before{
    top: 28px;
}

[class*="dg-iconbox"]:hover .dg-ico14 .hexagon, 
[class*="dg-iconbox"]:hover .dg-ico14 .hexagon:before, 
[class*="dg-iconbox"]:hover .dg-ico14 .hexagon:after {
    background: #333333;
}





.dg-ico08,
.fa.dg-ico08{
    background-image: url(../images/dg-icon-10-bg.png)!important;
    background-position: left top;
    background-size: cover;
	width:80px;
	height:80px;
	line-height:80px;
	font-size:34px;
	color:#FFF;
	display:inline-block;
	background-color:#393939;
	transition: 		all ease-in 200ms;
	-moz-transition: 	all ease-in 200ms; /* Firefox 4 */
	-webkit-transition: all ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		all ease-in 200ms; /* Opera */
	-ms-transition: 	all ease-in 200ms; /* IE9? */
}
[class*="dg-iconbox"]:hover .dg-ico08,
[class*="dg-iconbox"]:hover .fa.dg-ico08{
	background-color:#20a3f0;
}

.dg-ico09 {
	display:inline-block;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	overflow:hidden;
	width:80px;
	height:80px;
}

.dg-ico10,
.dg-ico10.fa{
	width:80px;
	height:80px;
	line-height:80px;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #b4b4b4;
	color:#888888;
	font-size:24px;
	display:inline-block;
	position:relative;
}
.dg-ico10:after{
	content:"";
	position:absolute;
	top:3px;
	left:3px;
	right:3px;
	bottom:3px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	transition: 		background-color ease-in 200ms;
	-moz-transition: 	background-color ease-in 200ms; /* Firefox 4 */
	-webkit-transition:     background-color ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		background-color ease-in 200ms; /* Opera */
	-ms-transition: 	background-color ease-in 200ms; /* IE9? */
}

[class*="dg-iconbox"]:hover .dg-ico10,
[class*="dg-iconbox"]:hover .dg-ico10.fa{
	border:1px solid #20a3f0;
	color:#fff;
}
[class*="dg-iconbox"]:hover .dg-ico10:after{
	background-color:#20a3f0;
}
[class*="dg-iconbox"] .dg-ico10:before{
	position:relative;
	z-index:4;
}
.dg-ico11,
.dg-ico11.fa {
	width:80px;
	height:80px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border:1px solid #afafaf;
	text-align:center;
	position:relative;
	color:#FFF;
}
.dg-ico11:after{
	content:"";
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	background-color:#afafaf;
	transition: 		background-color ease-in 200ms;
	-moz-transition: 	background-color ease-in 200ms; /* Firefox 4 */
	-webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		background-color ease-in 200ms; /* Opera */
	-ms-transition: 	background-color ease-in 200ms; /* IE9? */
}
[class*="dg-iconbox"]:hover .dg-ico11{
	border-color:#20a3f0;
}
[class*="dg-iconbox"]:hover .dg-ico11:after{
	background-color:#20a3f0;
}
[class*="dg-iconbox"] .dg-ico11:before{
	position:relative;
	z-index:4;
}

.dg-ico12,
.dg-ico12.fa {
	width:80px;
	height:80px;
	line-height:76px;
	border:2px solid #afafaf;
	text-align:center;
	position:relative;
	color:#888888;
	transition: 		all ease-in 200ms;
	-moz-transition: 	all ease-in 200ms; /* Firefox 4 */
	-webkit-transition: all ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		all ease-in 200ms; /* Opera */
	-ms-transition: 	all ease-in 200ms; /* IE9? */
}
[class*="dg-iconbox"]:hover .dg-ico12{
	border-color:#20a3f0;
	color:#20a3f0;
}

.dg-ico13,
.dg-ico13.fa {
	width:64px;
	height:64px;
	line-height:62px;
	color:#888888;
	font-size:26px;
	border:1px solid #888888;
	text-align:center;
	transition: 		all ease-in 200ms;
	-moz-transition: 	all ease-in 200ms; /* Firefox 4 */
	-webkit-transition: all ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		all ease-in 200ms; /* Opera */
	-ms-transition: 	all ease-in 200ms; /* IE9? */
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	background-color:#FFF;
}
[class*="dg-iconbox"]:hover .dg-ico13{
	border-color:#20a3f0;
	color:#20a3f0;
}




.dg-ico01.size-xs,
.dg-ico02.size-xs,
.dg-ico03.size-xs,
.dg-ico05.size-xs,
.dg-ico06.size-xs,
.dg-ico08.size-xs,
.dg-ico09.size-xs,
.dg-ico10.size-xs,
.dg-ico11.size-xs,
.dg-ico12.size-xs{
	width:42px;
	height:42px;
	line-height:42px;
	font-size:18px;
}
.dg-ico01.size-sm,
.dg-ico02.size-sm,
.dg-ico03.size-sm,
.dg-ico06.size-sm,
.dg-ico08.size-sm,
.dg-ico09.size-sm,
.dg-ico10.size-sm,
.dg-ico11.size-sm,
.dg-ico12.size-sm{
	width:64px;
	height:64px;
	line-height:64px;
	font-size:26px;
}
.dg-ico01.size-lg,
.dg-ico02.size-lg,
.dg-ico03.size-lg,
.dg-ico06.size-lg,
.dg-ico08.size-lg,
.dg-ico09.size-lg,
.dg-ico10.size-lg,
.dg-ico11.size-lg,
.dg-ico12.size-lg{
	width:80px;
	height:80px;
	line-height:80px;
	font-size:28px;
}
.dg-ico01.size-xl,
.dg-ico02.size-xl,
.dg-ico03.size-xl,
.dg-ico06.size-xl,
.dg-ico08.size-xl,
.dg-ico09.size-xl,
.dg-ico10.size-xl,
.dg-ico11.size-xl,
.dg-ico12.size-xl{
	width:110px;
	height:110px;
	line-height:110px;
	font-size:36px;
}

.dg-ico05.size-xs{
	font-size:18px;
}
.dg-ico05.size-sm{
	font-size:36px;
}
.dg-ico05.size-lg{
	font-size:58px;
}
.dg-ico05.size-xl{
	font-size:76px;
}



.iconbox-bg01{
	background:#fafafa;
}
.iconbox-bg02{
	background:#2c3a44;
}
.iconbox-bg03{
	background:url(../images/iconbox-bg03.jpg) no-repeat center center;
	background-size:cover;
}
.iconbox-bg04{
	background:#000723;
}


@media only screen and (max-width: 991px) {
.dg-iconbox08,
.dg-iconbox12{
  padding:15px;
}
.dg-iconbox08 > [class*="dg-ico"],
.dg-iconbox11 [class*="dg-ico"] {  
    margin-right:10px;
}
.dg-iconbox11{
   margin-top:30px;
}
.dg-iconbox11 .dg-ico06.size-xl{
    font-size: 28px;
    height:64px;
    line-height: 64px;
    width: 64px;
}
.dg-iconbox11 [class*="dg-ico"] + .box-right {
    padding-top: 0;
}
.dg-iconbox11 .dg-ico14, 
.dg-iconbox11 .dg-ico14 .hexagon{
    width: 64px;
    height: 30px;
    line-height: 25px;
    border-radius: 5px;
    font-size: 22px;
}
.dg-iconbox11 .dg-ico14 .fa{
  font-size:28px;
}
.dg-iconbox11 .dg-ico14:after, 
.dg-iconbox11 .dg-ico14:before, 
.dg-iconbox11 .dg-ico14 .hexagon:after, 
.dg-iconbox11 .dg-ico14 .hexagon:before {
    width: 36px;
    height: 36px;
    top: -15px;
    left: 14px;
    border-radius: 6px 16px;
}
.dg-iconbox11 .dg-ico14:before{
  top:8px;
}
[class*="dg-iconbox"]:hover .dg-ico14 .hexagon, 
[class*="dg-iconbox"]:hover .dg-ico14 .hexagon:before, 
[class*="dg-iconbox"]:hover .dg-ico14 .hexagon:after{
  background-color:inherit;
}
}

@media only screen and (max-width: 767px) {
.dg-iconbox07{
  padding:15px;
}
.dg-iconbox12 > [class*="dg-ico"] {
    float: left;
    margin-right: 10px;
}
.dg-ico01.size-lg, .dg-ico02.size-lg, .dg-ico03.size-lg, .dg-ico06.size-lg, .dg-ico08.size-lg, .dg-ico09.size-lg, .dg-ico10.size-lg, .dg-ico11.size-lg, .dg-ico12.size-lg {
    font-size: 28px;
    height: 42px;
    line-height: 42px;
    width: 42px;
}
.dg-ico01.size-sm, .dg-ico02.size-sm, .dg-ico03.size-sm, .dg-ico06.size-sm, .dg-ico08.size-sm, .dg-ico09.size-sm, .dg-ico10.size-sm, .dg-ico11.size-sm, .dg-ico12.size-sm {
    font-size: 25px;
    height: 42px;
    line-height: 42px;
    width: 42px;
}
.dg-iconbox03 > [class*="dg-ico"],
.dg-iconbox07 h3 [class*="dg-ico"]{
  margin-right:10px;
}
.dg-iconbox03 > [class*="dg-ico"] {
    margin-left: 0;
}
.dg-iconbox04 [class*="dg-ico"] + .box-main {
    padding-left: 10px;
}
}