@charset "utf-8";

/* Box ÁØ ½ÅÁ¾Ãß°¡*/
.xet-icon-boxk {
    cursor: default;
	padding:20px;
    position: relative;
    text-align: center;
}
.xet-icon-boxk::before, 
.xet-icon-boxk::after {
    border: 1px solid rgba(0, 0, 0, 0.0);
    content: "";
    height: calc(50% - 40px);
    pointer-events: none;
    position: absolute;
    transition: all 0.33s ease 0s;
    width: calc(100%);
}
.xet-icon-boxk::before {
    border-width: 1px 1px 0 1px;
    left: 0;
    top: 0;
}
.xet-icon-boxk::after {
    border-width: 0 1px 1px 1px;
    bottom: 0;
    right: 0;
}

.xet-icon-boxk .moreLink {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.shadows {text-shadow: 0px 0px 10px #ffffff;}


.xet-partner {
	height: 330px;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(100, 100, 100, 0.6);
}
.circle {border:0px solid #dedede;padding-left:40px;padding-top:30px;}
.circle_1 {
	width:30%;float:left;
}


.circle_2 {width:200px;height:200px;
	position: relative;background-color:#f4f4f4;
	border-top:21px solid #c6d95e;
	border-left:21px solid #c6d95e;
	border-right:21px solid #c6d95e;
	border-bottom:21px solid #c6d95e;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius: 50%;padding:52px 0;
	font-size:17px;
	}





@media (max-width: 767px)
{
.xet-icon-boxk::before,
.xet-icon-boxk::after {
    border: 1px solid rgba(0, 0, 0, 0.1);
    content: "";
    height: calc(50% - 20px);
    pointer-events: none;
    position: absolute;
    transition: all 0.33s ease 0s;
    width: calc(100%);
}
.xet-icon-boxk::before {
    border-width: 1px 1px 0 1px;
    left: 0;
    top: 0;
}
.xet-icon-boxk::after {
    border-width: 0 1px 1px 1px;
    bottom: 0;
    right: 0;
}
.xet-icon-boxk:hover::before, 
.xet-icon-boxk:hover::after {
    border-color: #81bcff;
    height: calc(50% - 5px);
    width: 100%;
}
.xet-icon-boxk:hover {
	background-color: #fff;
	 transition: all 0.33s ease-out;
	-moz-transition: all 0.33s ease-out;
	-webkit-transition: all 0.33s ease-out;	
}
.xet-icon-boxk .moreLink {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	}
}