#highlight
{
	background-color: #fff;
	
}
.highlight-main-section
{
	
	display: block;
	
}
/*----------left top main box (1)--------*/
.hi-left-main
{
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 130px;
	left: 12px;
	top: 12px; 
	-webkit-transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
}
.hi-left-main-box
{
	position: absolute;
	width: 100%;
	height: 130px;
	border: solid 1px #e2e2e2;
	border-left: none;
	border-top: none;
}
.hi-left-content h4
{
	text-align: right;
	padding-right: 140px;
	font-family: "Open Sans";
	font-weight: 600;
	color: #555;
	font-size:18px;
	-webkit-transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
		margin:0;
		padding-top:0px;
		padding-bottom:20px;
		text-transform:uppercase !important;
		
}
.hi-left-content p
{
	text-align: right;
	font-size: 14px;
	line-height: 24px;
	color: #888;
	padding-right: 140px;
	
}
.hi-left-icon-ring
{
	position: absolute;
/* 	background-color: #ea2e2b; */
	height: 262px;
	width: 262px;
	border-radius: 50%;
	right: -30%;
	top: 0;
	border: solid 1px #e2e2e2;
	-webkit-transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
}

.hi-left-icon-ring i
{
	height: 88px;
	width: 88px; 
	margin-left: 45px;
	margin-top: 50px;
	display: inline-block;
	 font-size:48px; 
	font-weight:normal;
	cursor:pointer;
}
/*---------right top main box (2)------------*/
.hi-right-main
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 130px;
	left:-12px;
	top: 12px;
	-webkit-transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
}
.hi-right-main-box
{
	position: absolute;
	width: 100%;
	height: 130px;
	border: solid 1px #e2e2e2;
	border-right: none;
	border-top: none;
}
.hi-right-content h4
{
	text-align: left;
	padding-left: 140px;
	font-family: "Open Sans";
	font-weight: 600;
	-webkit-transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
		text-transform:uppercase !important;
		margin-top:0px !important;
		padding-bottom:10px;
}
.hi-right-content p
{
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	color: #888;
	padding-left: 140px;
}
.hi-right-icon-ring
{
	position: absolute;
	/*background-color: #ea2e2b; */
	height: 262px;
	width: 262px;
	border-radius: 50%;
	left: -30%;
	top: 0;
	border: solid 1px #e2e2e2;
	-webkit-transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
}
 .hi-right-icon-ring i
{
   height: 88px;
	width: 88px; 
	font-size:48px;
	margin-left: 160px;
	margin-top: 50px;
	display: inline-block;
	cursor:pointer;

} 
/*----------left bottom main box (3)--------*/
.hi-left-down-main
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 130px;
	margin-top: 17px;
	margin-left: 12px;
	-webkit-transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
}
.hi-left-down-main-box
{
	position: absolute;
	width: 100%;
	height: 128px;
	border: solid 1px #e2e2e2;
	border-bottom: none;
	border-left: none;
}
.hi-left-down-content h4
{
	text-align: right !important;
	padding-right: 140px !important;
	font-family: "Open Sans";
	font-weight: 600;
	color: #555;
	-webkit-transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
		text-transform:uppercase !important;
		text-transform:uppercase !important;
}
.hi-left-down-content p
{
	text-align: right;
	font-size: 14px;
	line-height: 24px;
	color: #888;
	padding-right: 140px;
}
.hi-left-down-icon-ring
{
	position: absolute;
	height: 262px;
	width: 262px;
	border-radius: 50%;
	right: -30%;
	top: -106%;
	border: solid 1px #e2e2e2;
	-webkit-transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
}
.hi-left-down-icon-ring i{
	height: 88px;
	width: 88px; 
	 font-size:48px;
	margin-left: 50px;
	margin-top: 160px;
	display: inline-block;
	cursor:pointer;
}
/*---------right top main box (4)------------*/
.hi-right-down-main
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 130px;
	margin-top: 17px;
	margin-left: -12px;
	-webkit-transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
}
.hi-right-down-main-box
{
	position: absolute;
	width: 100%;
	height: 128px;
	border: solid 1px #e2e2e2;
	border-bottom: none;
	border-right: none;
}
.hi-right-down-content h4
{
	text-align: left;
	padding-left: 140px;
	font-family: "Open Sans";
	font-weight: 600;
	color: #555;
	text-transform:uppercase !important;
}
.hi-right-down-content p
{
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	color: #888;
	padding-left: 140px;
}
.hi-right-down-icon-ring
{
	position: absolute;
	/*background-color: #ea2e2b;*/
	height: 262px;
	width: 262px;
	border-radius: 50%;
	left: -30%;
	top: -106%;
	border: solid 1px #e2e2e2;
	-webkit-transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
}
.hi-right-down-icon-ring i
{
	height: 88px;
	width: 88px; 
	font-size:48px;
	margin-left: 160px;
	margin-top: 160px;
	display: inline-block;
	cursor:pointer;
}
/*-===-===-===-====-hover section-===-==-==--==--*/
/* 1st block*/
.hi-left-main:hover
{
	left: 0;
	top: 0; 
}
.hi-left-main:hover .hi-left-content h4 
{
	
}
.hi-left-main:hover .hi-left-icon-ring
{
	background-color: #e2e2e2; 

}
/*2nd block (top-right)*/
.hi-right-main:hover
{
	left: 0;
	top: 0; 
}
.hi-right-main:hover .hi-right-content h4 
{
	
}
.hi-right-main:hover .hi-right-icon-ring
{

	background-color: #e2e2e2; 

}
/*3rd blcok {bottom-left)*/
.hi-left-down-main:hover
{
	margin-left: 0;
	margin-top: 26px;
}
.hi-left-down-main:hover .hi-left-down-content h4 
{
	
}
.hi-left-down-main:hover .hi-left-down-icon-ring
{

	background-color: #e2e2e2; 
}
/*4th block (bttom-right) */
.hi-right-down-main:hover
{
	margin-left: 0;
	margin-top: 26px;
}
.hi-right-down-main:hover .hi-right-down-content h4 
{
	
}
.hi-right-down-main:hover .hi-right-down-icon-ring
{
	background-color: #e2e2e2; 
}