/*Basic Site Styling*/

body{
	padding-top: 200px;
	position: relative;
}

#header {
	width: 100%;
	position:fixed;
	padding-top: 3%;
	top: 0;
	background-color: #FFFFFF;
	z-index: 9999;
}

hr {
	margin-bottom:0;
}

.nav {
	margin-top: 20px;
    margin-bottom: 10px;
}

.sections {
	padding: 50px 0;
}
.row {
	margin-left: 0;
	margin-right: 0;
}

.img {
	margin-top: 15px;
	margin-bottom: 15px;
}
.modal{
	z-index: 99999;
	color: #000000;
}
.bg-primary a,
.bg-primary a:hover,
.bg-primary a:active, 
.bg-primary a:visited
{
	color: #FFFFFF;
}

.bg-primary a:hover,
.bg-primary a:active
{
	opacity: .5;
}
.bio {
	font-size: 17px;
}
.img-padding {
	padding-right: 20px;
}
.img-tech {
	padding-top: 15px;
	padding-bottom: 15px;
}
.spacer{
	margin-top:40px;
}
.img-modal {
	max-height:500px;
}
.external:hover {
	opacity: .5;
}

/*Pricing Circles*/
@charset "utf-8";
	
	* {
	padding:0; 
	margin:0; 
	border:0;
}

#wrapper{
  padding: 60px 0px;
}
.container{}
.row{}
.circle{
  margin: 0 auto;
  background: #ffffff;
  padding: 35px;
  text-align: center;
  height: 250px;
  width: 250px;
  border: 8px solid #F2F2F2;
    
    transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
 
}
.circle h4{
  margin: 0;
  padding: 0;
}
.circle p{}
.circle span{}
.circle span.icon{
}
.circle span.icon i{
  font-size: 48px;
}
.circle span.price-large{
  font-size: 68px
}
.price-small{
  font-size: 24px 
}

.c1:hover{
  background: #39b3d7;
  color: #ffffff;
}
.c1 .blue{
  color: #39b3d7;
}
.c1:hover .blue{
  color: #ffffff;
}

.c2:hover{
  background: #ed9c28;
  color: #ffffff;
}
.c2 .yellow{
  color: #ed9c28;
}
.c2:hover .yellow{
  color: #ffffff;
}

.c3:hover{
  background: #47a447;
  color: #ffffff;
}
.c3 .green{
  color: #47a447;
}
.c3:hover .green{
  color: #ffffff;
}

.c4:hover{
  background: #d2322d;
  color: #ffffff;
}
.c4 .red{
  color: #d2322d;
}
.c4:hover .red{
  color: #ffffff;
}