*{ margin:0; padding:0; }
body{ margin:0; padding:0;
font-family:Arial, Helvetica, sans-serif;
 }

h2.section_title{font-weight:bold; font-size:28px; color:#2a2a2a; display:table; margin:0 auto 50px auto; padding-bottom:10px; text-transform:uppercase;}
h2.section_title span{border-bottom:solid 1px; border-color:#d92d66; width:70px; display:block; margin:20px auto 0 auto;}



a{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.hi-icon {
	display: inline-block;
	cursor: pointer;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color:#8e8e8e;
  	border:3px solid #069;
  	line-height: 4.5em;
  	font-size: 1em;
}


.hi-icon:after {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	font-size: 1.7em;
	display: block;
}



.ser-grid .hi-icon {
	background: rgba(255,255,255,0.1);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}
.ser-grid .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.ser-grid .hi-icon:hover {
	background: rgba(255,255,255,0.05);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color:#8e8e8e;
	  text-decoration: none;
}

.ser-grid .hi-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}


@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #8e8e8e, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #8e8e8e, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #8e8e8e, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #8e8e8e, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #8e8e8e, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #8e8e8e, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}


.home_block h3
{
	color:#d83b1a;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}


/*--footer--*/
.footer{
	background:url(../images/footer.jpg) no-repeat fixed center center;
	position:relative;
	z-index:1;
}
.footer:after{
	background:rgba(0,0,0,0.9);
	content:'';
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;	
	}
.amet-sed h4{
	font-size: 1.9em;
  	color: #fff;
	margin: 0 0 0.7em;
	font-family: 'Montserrat-Regular';
}
.footer-top-at {
  	padding: 5em 0;
	position:relative;
	z-index:9;
}
 ul.nav-bottom li{
	list-style:none;
}
ul.nav-bottom li  a{
	text-decoration:none;
	color:#989696;
	font-size:1.1em;
	display: inline-block;
	margin: 0.25em 0;
}
ul.nav-bottom li  a:hover{
	color:#069;
}
.amet-sed p{
	color:#989696;
	font-size: 1.1em;
	margin: 0.5em 0 0;
}
.footer-class  p{
	color:#fff;
	font-size:0.9em;
}
.footer-class  p a{
	color:#069;
	text-decoration:none;
}
.footer-class  p a:hover{
	color:#fff;
}
.footer-bottom{
	padding: 1.5em 0;
  	background:#000;
}
.footer-class {
  text-align: right;
}
.footer-logo h2{
	font-size: 2em;
  	font-family: 'Montserrat-Regular';
}
.footer-logo h2 a{
	color:#fff;
	text-decoration: none;
}
ul.social{
 	padding: 1em 0 0;
}
ul.social li{
	display:inline-block;
}
ul.social  li i{
	width: 16px;
	height: 16px;
	background: url(../images/img-sprite.png) no-repeat 2px -2px ;
	display: block;
	margin: 0 5px;
}
ul.social  li i.gmail{
	background-position: -21px -3px;
}
ul.social  li i.twitter{
	background-position: -46px -5px;
}
ul.social  li i.camera{
	background-position: -73px -5px;
}
ul.social  li i.dribble{
	background-position: -102px -5px;
}
/*--//footer--*/