@charset "utf-8";
/* CSS Document */
.circle-container {
    position: relative;
    width: 400px;
    height: 400px;
    padding: 30px; /*= 2em * 1.4 (2em = half the width of an img, 1.4 = sqrt(2))*/
   
    margin: 20px auto 0;
}
.circle-container a {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 41%; left: 40%;
    margin: -40px; 
	
	color:#8ca337!important; 
	text-decoration: none;
}
.circle-container p { 
    color:#8ca337; text-decoration: none; font-size: 20px; font-weight: normal; padding-bottom: 10px; text-align: left;
}

.circle-container p {
	transition: all 0s ease in-out;
-webkit-transition: all 0.2s ease in-out;
-moz-transition: all 0.2s ease in-out;
-o-transition: all 0.2s ease in-out;
		}

.circle-container a {
	transition: all 0.2s ease in-out;
-webkit-transition: all 0.2s ease in-out;
-moz-transition: all 0.2s ease in-out;
-o-transition: all 0.2s ease in-out;
		}


.circle-container p:hover { 
    color:#8ca337; text-decoration: none;
}





.center {
	display: block;
    overflow: hidden;
	position: absolute;
    top: 18%; 
	left: 19%;
	margin-left: 0;
	background-image: url("http://primoris.be/media/1116/primoris_activities_homebg250x250.jpg");
    height: 250px;
    width: 250px;
    border-radius: 50%;
    border: 3px solid #fff;
	 }
.deg0 {
	 margin-left: 15em;
	
    height: 150px;
    width: 150px;
    
    -webkit-transform: translate(15em);
    -moz-transform: translate(15em);
    -ms-transform: translate(15em);
    -o-transform: translate(15em);
    transform: translate(15em);
} 
.lt-ie9 .deg0 {
   
}
.deg72 {
    margin-top: 25em; 
	margin-left: 10em;
	height: 150px;
    width: 150px;
  
	-webkit-transform: rotate(60deg) translate(13em) rotate(-60deg);
    -moz-transform: rotate(60deg) translate(13em) rotate(-60deg);
    -ms-transform: rotate(60deg) translate(13em) rotate(-60deg);
    -o-transform: rotate(60deg) translate(13em) rotate(-60deg);
    transform: rotate(60deg) translate(13em) rotate(-60deg);
}
.lt-ie9 .deg72 {
    margin: 6.485em;
}
.deg144 {
    margin-left: 15em;
	height: 150px;
    width: 160px;
  
	-webkit-transform: rotate(144deg) translate(13em) rotate(-144deg);
    -moz-transform: rotate(144deg) translate(13em) rotate(-144deg);
    -ms-transform: rotate(144deg) translate(13em) rotate(-144deg);
    -o-transform: rotate(144deg) translate(13em) rotate(-144deg);
    transform: rotate(144deg) translate(13em) rotate(-144deg);
}
.lt-ie9 .deg144 {
    margin: 6.485em -10.485em;
}

.deg216 {
	  margin-left: 10em;
	height: 150px;
    width: 170px;
  
    -webkit-transform: rotate(190deg) translate(14em) rotate(-190deg);
    -moz-transform: rotate(190deg) translate(14em) rotate(-190deg);
    -ms-transform: rotate(190deg) translate(14em) rotate(-190deg);
    -o-transform: rotate(190deg) translate(14em) rotate(-190deg);
    transform: rotate(190deg) translate(14em) rotate(-190deg);
}
.lt-ie9 .deg216 {
    margin: -10.485em;
}
.deg288 {
	
   height: 150px;
    width: 150px;
  
    -webkit-transform: rotate(288deg) translate(10em) rotate(-288deg);
    -moz-transform: rotate(288deg) translate(10em) rotate(-288deg);
    -ms-transform: rotate(288deg) translate(10em) rotate(-288deg);
    -o-transform: rotate(288deg) translate(10em) rotate(-288deg);
    transform: rotate(288deg) translate(10em) rotate(-288deg);
}
.lt-ie9 .deg288 {
    margin: -10.485em 6.485em;
}
.actmenutext {display: block; text-align: left;
  vertical-align: middle;  padding-top:40px; }
  .actmenutextcenter {display: block;
  vertical-align: middle;  padding-top:80px; }

@media screen and (max-width: 720px){

.circle-container {
    position: relative;
    width: 320px;
    height: 320px;
    padding: 30px; /*= 2em * 1.4 (2em = half the width of an img, 1.4 = sqrt(2))*/
   
   margin: 20px auto 0; 
	
}
.circle-container a {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 41%; left: 40%;
    margin: -40px; 
	
	color:#8ca337!important; 
	text-decoration: none;
}
.circle-container p { 
    color:#8ca337; text-decoration: none; font-size: 14px; padding-bottom: 10px
}
.circle-container h1 { 
    color:#fff; text-decoration: bold; font-size: 16px; padding-top: 25%
}

.circle-container p {
transition: all 0s ease in-out;
-webkit-transition: all 0.2s ease in-out;
-moz-transition: all 0.2s ease in-out;
-o-transition: all 0.2s ease in-out;
		}

.circle-container a {
	transition: all 0.2s ease in-out;
-webkit-transition: all 0.2s ease in-out;
-moz-transition: all 0.2s ease in-out;
-o-transition: all 0.2s ease in-out;
		}

.circle-container p:hover { 
    color:#8ca337; text-decoration: none;
}





.center {
	display: block;
    overflow: hidden;
	position: absolute;
    top: 20%; 
	left: 25%;
	
	background-image: url("http://primoris.be/media/1113/primoris_activities_homebg.jpg");

	

    height: 150px;
    width: 150px;
    border-radius: 50%;
    border: 3px solid #fff;
	 }
.deg0 {
	 margin-left: 15em;
	
    height: 100px;
    width: 110px;

	
    -webkit-transform: translate(10em);
    -moz-transform: translate(10em);
    -ms-transform: translate(10em);
    -o-transform: translate(10em);
    transform: translate(10em);
} 
.lt-ie9 .deg0 {
   
}
.deg72 {
     margin-left: 10em;
	height: 100px;
    width: 110px;
  
	-webkit-transform: rotate(60deg) translate(8em) rotate(-60deg);
    -moz-transform: rotate(60deg) translate(8em) rotate(-60deg);
    -ms-transform: rotate(60deg) translate(8m) rotate(-60deg);
    -o-transform: rotate(60deg) translate(8em) rotate(-60deg);
    transform: rotate(60deg) translate(8em) rotate(-60deg);
}
.lt-ie9 .deg72 {
    margin: 6.485em;
}
.deg144 {
    margin-left: 5em;
	height: 100px;
    width: 125px;
   
	-webkit-transform: rotate(144deg) translate(8.5em) rotate(-144deg);
    -moz-transform: rotate(144deg) translate(8.5emm) rotate(-144deg);
    -ms-transform: rotate(144deg) translate(8.5em) rotate(-144deg);
    -o-transform: rotate(144deg) translate(8.5em) rotate(-144deg);
    transform: rotate(144deg) translate(8.5em) rotate(-144deg);
}
.lt-ie9 .deg144 {
    margin: 6.485em -10.485em;
}

.deg216 {
	  margin-left: 9em;
	height: 100px;
    width: 120px;
 
    -webkit-transform: rotate(200deg) translate(8em) rotate(-200deg);
    -moz-transform: rotate(200deg) translate(8em) rotate(-200deg);
    -ms-transform: rotate(200deg) translate(8em) rotate(-200deg);
    -o-transform: rotate(200deg) translate(8em) rotate(-200deg);
    transform: rotate(200deg) translate(8em) rotate(-200deg);
}
.lt-ie9 .deg216 {
    margin: -10.485em;
}
.deg288 {
	
   height: 100px;
    width: 110px;
   
    -webkit-transform: rotate(288deg) translate(6.5em) rotate(-288deg);
    -moz-transform: rotate(288deg) translate(6.5em) rotate(-288deg);
    -ms-transform: rotate(288deg) translate(6.5em) rotate(-288deg);
    -o-transform: rotate(288deg) translate(6.5em) rotate(-288deg);
    transform: rotate(288deg) translate(6.5em) rotate(-288deg);
}
.lt-ie9 .deg288 {
    margin: -10.485em 6.485em;
}
.actmenutext {display: block;
  vertical-align: middle;  padding-top:25px; }
  .actmenutextcenter {display: block;
	vertical-align: middle;  padding-top:30px; }
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */