@charset "UTF-8";
/* CSS Document */

.homeNavCircle{
    display: block;
    float: left;
 
    width: 25%;
    height: 600px;
    margin-top: 30px;
    padding-top: 0px;

    /* [disabled]background-color: rgba(145,200,61,1.00); */
    background-image: url("../images/backgrounds/calibrate.png");
    background-color: rgba(145,200,61,1.00);
}
.homeNavCircle li .homeNavCircleDesc {
	height: 88px;
    width: 88px;
    margin-left: 3px;
    margin-top: 3px;
    border-radius: 92px;
}
.homeNavCircleHolder ul {
	width: auto;
	height: auto;
	margin: 0px !important;
	padding: 0px !important;

}
.homeNavCircle li {
	   z-index: 3002 !important;
    position: relative;
    width: 98px;
    height: 98px;
    opacity: 1;
    padding: 0;
    margin-top: 0px;
    list-style: none;
    /* [disabled]background-color: rgba(0,107,155,1.00); */
    border: 1px solid rgba(255,255,255,0.42);
    border-radius: 110px;
    box-shadow: 0 0 13px rgba(0, 0, 0, .6);
    transition: all 500ms;
   
}

.homeNavCircle li:hover{
    /* [disabled]background: rgb(255, 255, 255,); */
    /* [disabled]border: 1px solid rgba(0, 0, 0, 0.3); */
    box-shadow: 0 0 20px rgba(0,0,0,1);
    text-decoration: none;
    transition: all 500ms;

}


.homeNavCircle li a{
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
    display: block;
    margin-top: 28px;
	margin-left: -2px;
    height: 92px;
    width: 92px;
	text-align: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: rgba(145,200,61,1.00);
    text-decoration: none;
   
    /* [disabled]background-color: 
	
rgba(190,0,113,1.00); */
}

.homeNavCircle li:hover a{
    color: rgba(255,255,255,1);
	text-decoration: none;
	text-align: center;
}

/* Hover On One Link Will Decrease The Opacity Of Other Links */
.homeNavCircle li:hover{
    opacity: 1;
    }
/* 1ST 	CIRCLE User Conferences ======================================== */
.homeNavCircle li:nth-child(1){
    top: 5px;
    left: 193px;
}
.homeNavCircle li:nth-child(1) .homeNavCircleDesc {
    top: 0px;
    left: 0px;

    border: 2px solid rgba(147,16,57,1.00);
    background-color:rgba(147,16,57,1.00);
}

.homeNavCircle li:nth-child(1) .homeNavCircleDesc p1 {
    color: rgba(255,255,255,1.00);
}
.homeNavCircle li:nth-child(1):hover .homeNavCircleDesc{
    border-color: rgba(147,16,57,.7);
    background-color:rgba(147,16,57,.8);
}
/* 2nd 	CIRCLE Incentive Trips ======================================== */
.homeNavCircle li:nth-child(2){
    top: 7px;
    left: 275px;	
}
.homeNavCircle li:nth-child(2) .homeNavCircleDesc {
    top: 0px;
    left: 0px;
    border: 2px solid rgba(0,149,84,1.00);
	  background-color:rgba(0,149,84,1.00);
}
.homeNavCircle li:nth-child(2) .homeNavCircleDesc p1 {
    color: rgba(255,255,255,1.00);
}
.homeNavCircle li:nth-child(2):hover .homeNavCircleDesc{
    border-color: rgba(0,149,84,1.0);
    background-color: rgba(0,149,84,.8);
}
/* 3rd 	CIRCLE SKOs ======================================== */
.homeNavCircle li:nth-child(3){
    top: 32px;
    left: 262px;
}
.homeNavCircle li:nth-child(3) .homeNavCircleDesc {
    top: 0px;
    left: 0px;
    border: 2px solid rgba(31,84,174,1.00);
    background-color:rgba(31,84,174,1.00);
}
.homeNavCircle li:nth-child(3) .homeNavCircleDesc p1 { 
    color: rgba(255,255,255,1.00);
}
.homeNavCircle li:nth-child(3):hover .homeNavCircleDesc{
    border-color:rgba(31,84,174,1.0);
    background-color: rgba(31,84,174,.8);
}
/* 4th 	CIRCLE Road Shows ======================================== */
.homeNavCircle li:nth-child(4){
    top: 12px;
    left: 165px;
}
.homeNavCircle li:nth-child(4) .homeNavCircleDesc {
    top: 0px;
    left: 0px;
    border: 2px solid rgba(241,122,24,1.00);
    background-color:rgba(241,122,24,1.00);
}
.homeNavCircle li:nth-child(4) .homeNavCircleDesc p1 {  
    color: rgba(255,255,255,1.00);
}
.homeNavCircle li:nth-child(4):hover .homeNavCircleDesc{
    border-color: rgba(241,122,24,.7);
    background-color:rgba(241,122,24,.8);
}
/* 5th 	CIRCLE Trade Shows ======================================== */
.homeNavCircle li:nth-child(5){
    top: -93px;
    left: 40px;
}
.homeNavCircle li:nth-child(5) .homeNavCircleDesc {
    top: 0px;
    left: 0px;
    border: 2px solid rgba(89,57,142,1.00);
    background-color:rgba(89,57,142,1.00);
}
.homeNavCircle li:nth-child(5) .homeNavCircleDesc p1 {   
    color: rgba(255,255,255,1.00);
}
.homeNavCircle li:nth-child(5):hover .homeNavCircleDesc{
    border-color: rgba(89,57,142,1.0);
    background-color: rgba(89,57,142,.8);
}