@charset "UTF-8";
/*  ZM CSS Document FOR CIRCLE */

.circle {
	background:#fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	width: 60%;
	height: 60%;
	border-style: solid;
	border-color: #A9AE18;
	display: inline-block;
	position: relative;
	text-align: center;
}

.circle.big {
	background:#ccde04;
	font:1.3rem 'Open Sans', sans-serif;
	color:#6a5e46;
	width: 140px;
	height: 140px;
	margin: 110px;
}

.one {
	top: -100px;
	left: 20px;
	position: absolute;
}

.two {
	left: -60.74px;
	top: -65.88px;
    position: absolute;
}

.three {
	right: -50.74px;
    top: -76.88px;
	position: absolute;
}

.four {
	left: -107.3px;
	top: 5.32px;
	position: absolute;
}

.five {
	right: -97.3px;
	top: -5px;
	position: absolute;
}

.six {
	left: -80.88px;
    bottom: -30px;
	position: absolute;
}

.seven {
	right: -89.88px;
	bottom: -25px;
	position: absolute;
}

.eight {
	left: -15.56px;
	bottom: -89.2px;
	position: absolute;
}

.nine {
	right: -17.56px;
	bottom: -79.2px;
	position: absolute;
}
            
.smallCircle {
	border-radius: 50%;
	width: 10px;
	height: 10px;
	border-style: solid;
	border-color: #929090;
	background-color: #929090;
	display: inline-block;
	position: relative;
	text-align: center;
}

.dotOne {
	top: -79.2px;
	left: 6.44px;
	position: absolute;
}

.dotTwo {
	top: -89.2px;
	right: 12.44px;
	position: absolute;
}

.dotThree {
	left: -75.88px;
	top: -12px;
	position: absolute;
}

.dotFour {
	right: -65.88px;
	top: -22px;
	position: absolute;
}

.dotFive {
	left: -93.87px;
	bottom: 34.41px;
	position: absolute;
}

.dotSix {
	right: -93.87px;
	bottom: 46.41px;
	position: absolute;
}
 
.dotSeven {
	left: -25.74px;
	bottom: -40.88px;
	position: absolute;
}

.dotEight {
	right: -35.74px;
	bottom: -35.88px;
	position: absolute;
}

.dotNine {
	left: 60.5px;
	bottom: -85px;
	position: absolute;
}