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


.new-grid {
box-shadow:2px 2px 3px 2px rgba(0,0,0,.18);padding:1px 14px 0px; background-color:#f9f7f7}
.new-grid2 {
padding:1px 14px 0px;}
.new-grid2 p{
	padding-bottom:7px; text-align:left;}

.new-grid p{
	padding-bottom:7px; text-align:left;}
.new-grid-margin{
	padding-bottom:2px;
}
.imsolutions h4 {
	color:#999; text-align:center;
}
.img-wrapper {
	
 }
 .img-wrapper2 {
	
 }
  .img-wrapper2 img {
	height:272px
 }
 .life-cycle{
	 color:#999;
	 font-size:18px;
 }
.margin1{
	margin:0px;
	padding:0px;
	background-color:#960;
}
.img-wrapper img {
   height:185px
}
 .circle1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #6a6a68;
	background-image:url(../images/construction/pipelines.png);
	background-position:center;
	box-shadow:2px 2px 3px 3px rgba(0,0,0,.2);
	border:solid 1px #FFF;
	background-repeat:no-repeat;
	background-repeat:no-repeat;
	color: #333;
    border-radius: 50%;
   text-align: center;
    display: block;
    padding: 5px;
       -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
  }
  .circle1:before {
    content: '';
    display: inline-block;
    height: 90%;
    vertical-align: middle;
    margin-right: -2%;
  }
  .circle1:hover {
   
    background-image:url(../images/construction/pipelines1.png);
	
  }

  .outline {
      position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
     }

  .circle1 h1 {
    font-size: 1.1em;
	text-shadow:2px 2px 3px gray;
	
	
  }
  
  .circle1 p {
	   color: white;

  }
  .circle1 a {
    color: inherit;
  }
  .circle1 > p, .circle1 > h1, .circle1> .wrapcontent1 {
    display: inline-block;
    vertical-align: middle;
  }
  .circle1 > p > p, .circle1 > p > h1, .circle1 > h1 > p, .circle1 > h1 > h1, .circle1 > .wrapcontent > p, .circle1 > .wrapcontent1 > h1 {
    display: block;
  }
.circle1 ul{
	text-align:left;
	font-size:1.2em;
	color:#FFF;
	margin-left: -40px;

}
.circle1 li{
	list-style:none;
	text-shadow:2px 2px 3px gray;

}

.circle1 li:before {
	 content: '\2022';
  	 margin-right:0.5em;   
	text-shadow:2px 2px 3px gray;
}




 .circle2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:#6a6a68;
	background-image:url(../images/construction/HULLSURVEY.png);
	background-position:center;
	border:solid 1px #FFF;
	box-shadow:2px 2px 3px 3px rgba(0,0,0,.2);
	background-repeat:no-repeat;
	color: #333;
    border-radius: 50%;
   text-align: center;
    display: block;
    padding: 5px;
       -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
  }
  .circle2:before {
    content: '';
    display: inline-block;
    height: 90%;
    vertical-align: middle;

  }
  .circle2:hover {
   
    background-image:url(../images/construction/HULLSURVEY1.png);
	
  }

  .outline {
      position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
     }

  .circle2 h1 {
    font-size: 1.1em;
 	text-shadow:2px 2px 3px gray;
  }
  .circle2 p {
	  padding: 0em 0em;
    color: white;
    text-align: center;
  }
  .circle2 a {
    color: inherit;
  }
  .circle2 > p, .circle2 > h1, .circle2> .wrapcontent1 {
    display: inline-block;
    vertical-align: middle;
  }
  .circle2 > p > p, .circle2 > p > h1, .circle2 > h1 > p, .circle2 > h1 > h1, .circle2 > .wrapcontent > p, .circle2 > .wrapcontent1 > h1 {
    display: block;
  }
.circle2 ul{
	text-align:left;
		font-size:1.2em;
	color:#FFF;
		margin-left: -40px;
	

}

.circle2 li:before {
	 content: '\2022';
  	 margin-right:0.5em;   
	text-shadow:2px 2px 3px gray;
}


.circle2 li{
	list-style:none;
	text-shadow:2px 2px 3px gray;

}

 .circle3 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:#6a6a68;
	background-image:url(../images/construction/cathodic-protection.png);
	background-repeat:no-repeat;
	background-position:center;
	color: #333;
    border-radius: 50%;
	border:solid 1px #FFF;
	box-shadow:2px 2px 3px 3px rgba(0,0,0,.2);
    text-align: center;
    display: block;
    padding: 5px;
       -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
  }
  .circle3:before {
    content: '';
    display: inline-block;
    height: 90%;
    vertical-align: middle;
    margin-right: -2%;
  }
  .circle3:hover {
   
   background-image:url(../images/construction/cathodic-protection1.png);
	
  }

.circle3 ul{
	text-align:left;
		font-size:1.2em;
	color:#FFF;
		margin-left: -40px;
	

}

.circle3 li:before {
	 content: '\2022';
  	 margin-right:0.5em;   
	text-shadow:2px 2px 3px gray;
}


.circle3 li{
	list-style:none;
	text-shadow:2px 2px 3px gray;

}

 .circle4 h1 {
    font-size: 1.1em;
 	text-shadow:2px 2px 3px gray;
  }
  .circle4 p {
	  padding: 0em 0em;
    color: white;
    text-align: center;
  }
  .circle4 a {
    color: inherit;
  }
  .circle4 > p, .circle4 > h1, .circle4> .wrapcontent1 {
    display: inline-block;
    vertical-align: middle;
  }
  .circle4 > p > p, .circle4 > p > h1, .circle4 > h1 > p, .circle4 > h1 > h1, .circle4 > .wrapcontent > p, .circle4> .wrapcontent1 > h1 {
    display: block;
  }




.circle4 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:#6a6a68;
	background-image:url(../images/construction/solar.png);
	background-repeat:no-repeat;
	background-position:center;
	color: #333;
    border-radius: 50%;
	border:solid 1px #FFF;
	box-shadow:2px 2px 3px 3px rgba(0,0,0,.2);
    text-align: center;
    display: block;
    padding: 5px;
       -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
  }
  .circle4:before {
    content: '';
    display: inline-block;
    height: 90%;
    vertical-align: middle;
    margin-right: -2%;
  }
  .circle4:hover {
   
   background-image:url(../images/construction/solar-1.png);
	
  }

.circle4 ul{
	text-align:left;
		font-size:1.2em;
	color:#FFF;
		margin-left: -40px;
	

}

.circle4 li:before {
	 content: '\2022';
  	 margin-right:0.5em;   
	text-shadow:2px 2px 3px gray;
}


.circle4 li{
	list-style:none;
	text-shadow:2px 2px 3px gray;

}
.circle4 h1{
	color:darkgreen;
	text-transform: none;
}

.circle4 h1:hover{
	color:darkgreen;
}








  .outline {
      position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
     }

  .circle3 h1 {
    font-size: 1.1em;
	text-shadow:2px 2px 3px gray;
  }
  .circle3 p {
	  padding: 0em 0em;
    color: white;
    text-align: left;
  }
  .circle3 a {
    color: inherit;
  }
  .circle3 > p, .circle3 > h1, .circle3> .wrapcontent1 {
    display: inline-block;
    vertical-align: middle;
  }
  .circle3 > p > p, .circle3 > p > h1, .circle3 > h1 > p, .circle3 > h1 > h1, .circle3 > .wrapcontent > p, .circle3 > .wrapcontent1 > h1 {
    display: block;
  }
.circle3 ul{
	text-align:left;
	font-size:22px;
	color:#FFF;
}		
	
.figure-image{
		
box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);	
}


@media (min-width:980px){
.new-grid-margin{
	margin-bottom:24px;
}
	
.col1 {
    display: inline-block;
    position: relative;
    width: 100%;
     padding: 0;
    background-color: transparent;
    border-top: none;
  }
  .col1 .spacer {
    position: relative;
    padding-top: 100%;
  }
  .col1:nth-child(3n+1) {
    margin-left: 1%;
  }

  .circle1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #6a6a68;
	background-position:center;
	background-image:url(../images/construction/pipelines.png);
	box-shadow:2px 2px 3px 3px rgba(0,0,0,.2);
	border:solid 1px #FFF;
	background-repeat:no-repeat;
	background-repeat:no-repeat;
	color: #333;
    border-radius: 50%;
   text-align: center;
    display: block;
    padding: 5px;
       -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
  }
  .circle1:before {
    content: '';
    display: inline-block;
    height: 90%;
    vertical-align: middle;
    margin-right: -2%;
  }
  .circle1:hover {
   
    background-image:url(../images/construction/pipelines1.png);
	
  }

  .outline {
      position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
     }

  .circle1 h1 {
    font-size: 1.1em;
    line-height: 1em;
	text-shadow:2px 2px 3px gray;
	
	
  }
  
  .circle1 p {
	  padding: 0em 2em;
    color: white;
    text-align: center;
  }
  .circle1 a {
    color: inherit;
  }
  .circle1 > p, .circle1 > h1, .circle1> .wrapcontent1 {
    display: inline-block;
    vertical-align: middle;
  }
  .circle1 > p > p, .circle1 > p > h1, .circle1 > h1 > p, .circle1 > h1 > h1, .circle1 > .wrapcontent > p, .circle1 > .wrapcontent1 > h1 {
    display: block;
  }
.circle1 ul{
	text-align:left;
	font-size:1.3em;
	color:#FFF;

}
.circle1 li{
	list-style:none;
	text-shadow:2px 2px 3px gray;

}

.circle1 li:before {
	 content: '\2022';
  	 margin-right:0.5em;   
	text-shadow:2px 2px 3px gray;
}




 .circle2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:#6a6a68;
	background-image:url(../images/construction/HULLSURVEY.png);
	background-position:center;
	border:solid 1px #FFF;
	box-shadow:2px 2px 3px 3px rgba(0,0,0,.2);
	background-repeat:no-repeat;
	color: #333;
    border-radius: 50%;
   text-align: center;
    display: block;
    padding: 5px;
       -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
  }
  .circle2:before {
    content: '';
    display: inline-block;
    height: 90%;
    vertical-align: middle;
    margin-right: -2%;
  }
  .circle2:hover {
   
    background-image:url(../images/construction/HULLSURVEY1.png);
	
  }

  .outline {
      position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
     }

  .circle2 h1 {
    font-size: 1.1em;
    line-height: 1em;
	text-shadow:2px 2px 3px gray;
  }
  .circle2 p {
	  padding: 0em 2em;
    color: white;
    text-align: center;
  }
  .circle2 a {
    color: inherit;
  }
  .circle2 > p, .circle2 > h1, .circle2> .wrapcontent1 {
    display: inline-block;
    vertical-align: middle;
  }
  .circle2 > p > p, .circle2 > p > h1, .circle2 > h1 > p, .circle2 > h1 > h1, .circle2 > .wrapcontent > p, .circle2 > .wrapcontent1 > h1 {
    display: block;
  }



 .circle3 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:#6a6a68;
	background-image:url(../images/construction/cathodic-protection.png);
	background-repeat:no-repeat;
	background-position:center;
	color: #333;
    border-radius: 50%;
	border:solid 1px #FFF;
	box-shadow:2px 2px 3px 3px rgba(0,0,0,.2);
    text-align: center;
    display: block;
    padding: 5px;
       -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
  }
  .circle3:before {
    content: '';
    display: inline-block;
    height: 90%;
    vertical-align: middle;
    margin-right: -2%;
  }
  .circle3:hover {
   
   background-image:url(../images/construction/cathodic-protection1.png);
	
  }

  .outline {
      position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
     }

  .circle3 h1 {
    font-size: 1.1em;
    line-height: 1em;
	text-shadow:2px 2px 3px gray;
  }
  .circle3 p {
	  padding: 0em 2em;
    color: white;
    text-align: center;
  }
  .circle3 a {
    color: inherit;
  }
  .circle3 > p, .circle3 > h1, .circle3> .wrapcontent1 {
    display: inline-block;
    vertical-align: middle;
  }
  .circle3 > p > p, .circle3 > p > h1, .circle3 > h1 > p, .circle3 > h1 > h1, .circle3 > .wrapcontent > p, .circle3 > .wrapcontent1 > h1 {
    display: block;
  }
.circle3 ul{
	text-align:left;
	font-size:22px;
	color:#FFF;
}		
	
.figure-image{
		
box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);	
}
	
.col_sidebar{
border-right:0px #ffffff solid;
}
}
@media (min-width:768px){
.new-grid-margin{
	margin-bottom:24px;

}

 .col1 {
    display: inline-block;
    position: relative;
    width: 100%;
     padding: 0;
    background-color: transparent;
    border-top: none;
  }
  .col1 .spacer {
    position: relative;
    padding-top: 100%;
  }
  .col1:nth-child(3n+1) {
    margin-left: 1%;
  }

 .circle1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #6a6a68;
	background-image:url(../images/construction/pipelines.png);
	background-position:center;
	box-shadow:2px 2px 3px 3px rgba(0,0,0,.2);
	border:solid 1px #FFF;
	background-repeat:no-repeat;
	background-repeat:no-repeat;
	color: #333;
    border-radius: 50%;
   text-align: center;
    display: block;
    padding: 5px;
       -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
  }
  .circle1:before {
    content: '';
    display: inline-block;
    height: 90%;
    vertical-align: middle;
    margin-right: -2%;
  }
  .circle1:hover {
   
    background-image:url(../images/construction/pipelines1.png);
	
  }

  .outline {
      position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
     }

  .circle1 h1 {
    font-size: 1.1em;
    line-height: 1em;
	text-shadow:2px 2px 3px gray;
	
	
  }
  
  .circle1 p {
	  padding: 0em 2em;
    color: white;
    text-align: center;
  }
  .circle1 a {
    color: inherit;
  }
  .circle1 > p, .circle1 > h1, .circle1> .wrapcontent1 {
    display: inline-block;
    vertical-align: middle;
  }
  .circle1 > p > p, .circle1 > p > h1, .circle1 > h1 > p, .circle1 > h1 > h1, .circle1 > .wrapcontent > p, .circle1 > .wrapcontent1 > h1 {
    display: block;
  }
.circle1 ul{
	text-align:left;
	font-size:1.3em;
	color:#FFF;

}
.circle1 li{
	list-style:none;
	text-shadow:2px 2px 3px gray;

}

.circle1 li:before {
	 content: '\2022';
  	 margin-right:0.5em;   
	text-shadow:2px 2px 3px gray;
}




 .circle2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:#6a6a68;
	background-image:url(../images/construction/HULLSURVEY.png);
	background-position:center;
	border:solid 1px #FFF;
	box-shadow:2px 2px 3px 3px rgba(0,0,0,.2);
	background-repeat:no-repeat;
	color: #333;
    border-radius: 50%;
   text-align: center;
    display: block;
    padding: 5px;
       -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
  }
  .circle2:before {
    content: '';
    display: inline-block;
    height: 90%;
    vertical-align: middle;
    margin-right: -2%;
  }
  .circle2:hover {
   
    background-image:url(../images/construction/HULLSURVEY1.png);
	
  }

  .outline {
      position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
     }

  .circle2 h1 {
    font-size: 1.1em;
    line-height: 1em;
	text-shadow:2px 2px 3px gray;
  }
  .circle2 p {
	  padding: 0em 2em;
    color: white;
    text-align: center;
  }
  .circle2 a {
    color: inherit;
  }
  .circle2 > p, .circle2 > h1, .circle2> .wrapcontent1 {
    display: inline-block;
    vertical-align: middle;
  }
  .circle2 > p > p, .circle2 > p > h1, .circle2 > h1 > p, .circle2 > h1 > h1, .circle2 > .wrapcontent > p, .circle2 > .wrapcontent1 > h1 {
    display: block;
  }




 .circle3 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:#6a6a68;
	background-image:url(../images/construction/cathodic-protection.png);
		background-repeat:no-repeat;
	background-position:center;
	color: #333;
    border-radius: 50%;
	border:solid 1px #FFF;
	box-shadow:2px 2px 3px 3px rgba(0,0,0,.2);
    text-align: center;
    display: block;
    padding: 5px;
       -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
  }
  .circle3:before {
    content: '';
    display: inline-block;
    height: 90%;
    vertical-align: middle;
    margin-right: -2%;
  }
  .circle3:hover {
   
   background-image:url(../images/construction/cathodic-protection1.png);
	
  }

  .outline {
      position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
     }

  .circle3 h1 {
    font-size: 1.1em;
    line-height: 1em;
	text-shadow:2px 2px 3px gray;
  }
  .circle3 p {
	  padding: 0em 2em;
    color: white;
    text-align: center;
  }
  .circle3 a {
    color: inherit;
  }
  .circle3 > p, .circle3 > h1, .circle3> .wrapcontent1 {
    display: inline-block;
    vertical-align: middle;
  }
  .circle3 > p > p, .circle3 > p > h1, .circle3 > h1 > p, .circle3 > h1 > h1, .circle3 > .wrapcontent > p, .circle3 > .wrapcontent1 > h1 {
    display: block;
  }
.circle3 ul{
	text-align:left;
	font-size:22px;
	color:#FFF;
}		
	
.figure-image{
		
box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);	
}


.col_sidebar{
border-right:0px #e3e0e0 solid;


}





	
}











@media (min-width:320px){
.new-grid-margin{
	margin-bottom:24px;

}


  .col1 {
    display: inline-block;
    position: relative;
    width: 100%;
     padding: 0;
    background-color: transparent;
    border-top: none;
  }
  .col1 .spacer {
    position: relative;
    padding-top: 100%;
  }
  .col1:nth-child(3n+1) {
    margin-left: 1%;
  }

   .circle1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #6a6a68;
	background-image:url(../images/construction/pipelines.png);
	background-position:center;
	box-shadow:2px 2px 3px 3px rgba(0,0,0,.2);
	border:solid 1px #FFF;
	background-repeat:no-repeat;
	background-repeat:no-repeat;
	color: #333;
    border-radius: 50%;
   text-align: center;
    display: block;
    padding: 5px;
       -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
  }
  .circle1:before {
    content: '';
    display: inline-block;
    height: 90%;
    vertical-align: middle;
    margin-right: -2%;
  }
  .circle1:hover {
   
    background-image:url(../images/construction/pipelines1.png);
	
  }

  .outline {
      position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
     }

  .circle1 h1 {
    font-size: 1.1em;
    line-height: 1em;
	text-shadow:2px 2px 3px gray;
	
	
  }
  
  .circle1 p {
	  padding: 0em 2em;
    color: white;
    text-align: center;
  }
  .circle1 a {
    color: inherit;
	  font-size: .9em;
  }
  .circle1 > p, .circle1 > h1, .circle1> .wrapcontent1 {
    display: inline-block;
    vertical-align: middle;
  }
  .circle1 > p > p, .circle1 > p > h1, .circle1 > h1 > p, .circle1 > h1 > h1, .circle1 > .wrapcontent > p, .circle1 > .wrapcontent1 > h1 {
    display: block;
  }
.circle1 ul{
	text-align:left;
	font-size:1.2em;
	color:#FFF;

}
.circle1 li{
	list-style:none;
	text-shadow:2px 2px 3px gray;

}

.circle1 li:before {
	 content: '\2022';
  	 margin-right:0.5em;   
	text-shadow:2px 2px 3px gray;
}




 .circle2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:#6a6a68;
	background-image:url(../images/construction/HULLSURVEY.png);
	background-position:center;
	border:solid 1px #FFF;
	box-shadow:2px 2px 3px 3px rgba(0,0,0,.2);
	background-repeat:no-repeat;
	color: #333;
    border-radius: 50%;
   text-align: center;
    display: block;
    padding: 5px;
       -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
  }
  .circle2:before {
    content: '';
    display: inline-block;
    height: 90%;
    vertical-align: middle;
    margin-right: -2%;
  }
  .circle2:hover {
   
    background-image:url(../images/construction/HULLSURVEY1.png);
	
  }

  .outline {
      position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
     }

  .circle2 h1 {
    font-size: 1.1em;
    line-height: 1em;
	text-shadow:2px 2px 3px gray;
  }
  .circle2 p {
	  padding: 0em 2em;
    color: white;
    text-align: center;
  }
  .circle2 a {
    color: inherit;
	  font-size: .9em;
  }
  .circle2 > p, .circle2 > h1, .circle2> .wrapcontent1 {
    display: inline-block;
    vertical-align: middle;
  }
  .circle2 > p > p, .circle2 > p > h1, .circle2 > h1 > p, .circle2 > h1 > h1, .circle2 > .wrapcontent > p, .circle2 > .wrapcontent1 > h1 {
    display: block;
  }




 .circle3 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:#6a6a68;
	background-image:url(../images/construction/cathodic-protection.png);
	background-repeat:no-repeat;
	background-position:center;
	color: #333;
    border-radius: 50%;
	border:solid 1px #FFF;
	box-shadow:2px 2px 3px 3px rgba(0,0,0,.2);
    text-align: center;
    display: block;
   
       -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
  }
  .circle3:before {
    content: '';
    display: inline-block;
    height: 90%;
    vertical-align: middle;
    margin-right: -2%;
  }
  .circle3:hover {
   
   background-image:url(../images/construction/cathodic-protection1.png);
	
  }

  .outline {
      position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
     }

  .circle3 h1 {
    font-size: 1.1em;
    line-height: 1em;
	text-shadow:2px 2px 3px gray;
  }
  .circle3 p {
	  padding: 0em 2em;
    color: white;
    text-align: center;
  }
  .circle3 a {
    color: inherit;
	  font-size: .9em;
  }
  .circle3 > p, .circle3 > h1, .circle3> .wrapcontent1 {
    display: inline-block;
    vertical-align: middle;
  }
  .circle3 > p > p, .circle3 > p > h1, .circle3 > h1 > p, .circle3 > h1 > h1, .circle3 > .wrapcontent > p, .circle3 > .wrapcontent1 > h1 {
    display: block;
  }
.circle3 ul{
	text-align:left;
	font-size:22px;
	color:#FFF;
}		
	
.figure-image{
		
box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);	
}

.col_sidebar{
border-right:0px #e3e0e0 solid;


}

.h5 class="service-h"
{
	margin-left:6px;
}


.color{

border-radius:20px;
background-color:#f2efef;

box-shadow:2px 2px 3px 3px rgba(0,0,0,.2);
}
.color h4{
	font-size:24px;
	text-align:center;
	text-shadow:2px 2px 3px gray;
}
.color h4:hover{
	color:#e2955b;
	
}
.color li:hover{
	color:#e4231f;
}

.black{
	color:#000000;
	font-weight:normal;
}

.color li{
	color:#000;
	text-align:left;
	text-shadow:1px 1px 1px gray;
	list-style:none;
	
	
}
.color ul{
	font-size:1.1em;
}
.color li:before{
	 content: '\2022';
  	 margin-right:0.5em;   
	text-shadow:2px 2px 3px gray;
}






.move{
	margin-left:30px;
	
}

.service-hc{
	font-size:22px;
	font-weight:600;
	margin-bottom:6px;
	text-transform:capitalize;
	padding-left:30px;
	
}
.height-check{
margin-top:-50px;	
}


li.dropdown:hover > .dropdown-menu {
    display: block;
	
}
.nav-margin{
	margin-right:-126px;
}

.gap{
	margin-top:12px;
}
.partners{
	background-position:center;
	background-color:#F00;
	border:solid 1px red;
	border-radius:20px;
	margin-left:12px;
	height:120px;
	width:200px;
}
.partners img{
	height:120px;
	width:160px;
}
.widget-left li{
	padding-left:0px;
}
.qlinks_red{
	color:#F00;
}
.color_btn{
border-radius:10px;
background-color:#e4231f;
color:#FFF;
text-align:center;
border:solid 1px #b3110d;
box-shadow:0 2px 2px 3px rgba(0, 0, 0, 0.1);
line-height:49px;
height:50px;
text-transform:uppercase;
margin-bottom:22px;
}
.color_btn a{
	color:#FFF;
}
.color_btn a:hover{
	color:#000;
}
.col_sidebar{
border-right:1px #e3e0e0 solid;
margin-top:16px;
}
.margin-top-side{
	margin-top:25px;
}
.image-partner{
	background-color:#efeaea;
	border:solid 1px #dedede;
	border-radius:10px;
	height:117px;
	width:187px;
	margin-left:22px;
	margin-top:6px;
	box-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);
	
	
}
.image-partner img{
	background-position:center;
	margin-top:8px;
	margin-left:27px;
}
.partners_gap{
	margin-bottom:15px;
	float:left;
	width:100%
}
.submit_btn_dngr{
	border-radius:12px;
	box-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);
	margin-bottom:12px;
}
.image_float{
	float:left;
}
.post-icon_new{
	
}
.post-icon_new img{
	width:48px;
	height:48px;
	border-radius:10px;
	margin-right:4px;
	
	
}
.linkixar{
	color:#900;
	text-decoration:underline;
}
	
.length{
	height:300px;
}
	.back_ground_red{
		background-color: #ba0006;
		
	}
	
	.services{
		font-size: 1em;
		padding-left: 6px;
	
					}
.green {
		color: green;
	}