*{margin:0; padding:0;}
body{font-family: 'Open Sans', sans-serif;color:rgba(51,51,51,.8)}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-family: 'Open Sans Condensed', sans-serif;}
ul{list-style:none;}
.fix{overflow:hidden;}
a{text-decoration:none;}

p{
	text-align:justify;
}
.sonarmenu li ul{
	background:orange;
	width:300px;
	left: 0;
	opacity: 0;
	position: absolute;
	transition: all 0.35s ease 0s;
}
.sonarmenu li ul li{
	width:100%;
	padding:0;
	margin:0;
}
.sonarmenu li  a{
	color:#fff!important;
	padding:20px;
}
.sonarmenu li ul li a{
	padding:5px 5px;
	margin:0px 0;

	border:4px double rgba(255,255,255,.01);
	width:100%;
	display:inline-block;
}
.sonarmenu li ul li a:hover{
	
		border-bottom:3px double #00A0E6;
}
.sonarmenu li:hover >ul{
	margin-top: 0;
	opacity: 1;
	visibility: visible !important;
	transform:scale(1);
	-webkit-transform:scale(1);
}
.sonarmenu li ul li a::before, .sonarmenu li ul li a:after{ /* shared style for two circles */
	position: absolute;	top: 50%;	left: 50%;
	border: none; /* style and color of circles */
	border-radius:100%;content: '';opacity: 0;	
	transform:;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-ms-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-o-transform: translateX(-50%) translateY(-50%) scale(0.2);
	
	
	}

ul.sonarmenu{	list-style: none;}

ul.sonarmenu li{ display: inline;}

ul.sonarmenu a{	position: relative;	display: inline-block;	text-decoration: none;
	text-transform: uppercase;	
	}

ul.sonarmenu a:hover, ul.sonarmenu a:focus{outline:none;border-bottom:2px solid #eee;}

ul.sonarmenu a::before, ul.sonarmenu a:after{ /* shared style for two circles */
	position: absolute;	top: 50%;	left: 50%;	width: 90px; /* width of outer circle */
	height: 90px; /* height of outer circle */
	border: 12px double rgba(0,160,230,0.4); /* style and color of circles */
	border-radius:50%;content: '';opacity: 0;	
	transform: translateX(-50%) translateY(-50%) scale(0.2);
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-ms-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-o-transform: translateX(-50%) translateY(-50%) scale(0.2);
	
	
	}

ul.sonarmenu a:after{ /* inner circle specific CSS */
	width: 60px; /* width of inner circle */
	height: 60px; /* width of inner circle */
	border-width: 6px;
	transform: translateX(-50%) translateY(-50%) scale(0.8);
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-ms-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-o-transform: translateX(-50%) translateY(-50%) scale(0.8);
	
}

ul.sonarmenu a:hover:before, ul.sonarmenu a:hover:after{
	animation: pulsate 1400ms infinite;
	-webkit-animation: pulsate 1400ms infinite; /* animation name duration loop etc */
	-moz-animation: pulsate 1400ms infinite;
	-ms-animation: pulsate 1400ms infinite;
	-o-animation: pulsate 1400ms infinite;
	
}

/* ### Keyframe animations ### */

@-webkit-keyframes pulsate{

  30%{
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  }


	100%{
	opacity: 0.3;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.5);
	}

}

@-moz-keyframes pulsate{

 
  30%{
	opacity: 1;
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
  }


	100%{
	opacity: 0.3;
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.5);
	}
}

@-ms-keyframes pulsate{

  30%{
	opacity: 1;
	-ms-transform: translateX(-50%) translateY(-50%) scale(1);
  }

	100%{
	opacity: 0.3;
	-ms-transform: translateX(-50%) translateY(-50%) scale(0.5);
	}

}
@-o-keyframes pulsate{

  30%{
	opacity: 1;
	-o-transform: translateX(-50%) translateY(-50%) scale(1);
  }

	100%{
	opacity: 0.3;
	-o-transform: translateX(-50%) translateY(-50%) scale(0.5);
	}

}
@-keyframes pulsate{

  30%{
	opacity: 1;
	transform: translateX(-50%) translateY(-50%) scale(1);
  }

	100%{
	opacity: 0.3;
	transform: translateX(-50%) translateY(-50%) scale(0.5);
	}

}

.welcome{
	background:url(../images/bg.jpg);
	background-attachment:fixed;
	background-size:cover;
	color:#fff;
	padding:40px 10px;
}
.welcome h2{
	
	margin-top:30px;
	color:#fff;
	font-size:3.4rem;
	font-weight:400;
}
.welcome h4{
	
	color:#fff;
	font-size:1.9rem;
	font-weight:400;
}
.h_services h2{
	margin:30px 0;
	padding:5px 0;
	color:#2E3192;
	text-align:center;
	font-size:3.4rem;
	font-weight:400;
	}
.owl-next {
	position: absolute;
	right: 0;
	top:40%;
}
.owl-prev {
	position: absolute;
	left: 0;
	top: 40%;
}

.owl-carousel{
	margin-top:15px;
	margin-bottom:70px;
}

.pros{
	margin-top:15px;
}
.pros h4{
	font-size:1.3rem;
	color:#2E3192;
	margin-bottom:0
}
.progress{
	margin-bottom:30px;
}
.safe{
	background:#00A0E6;
	color:#fff;
	margin:0;
	padding:5px;

}
.safe h2{
	font-size:3.2rem;
	font-weight:400;
	text-align:center;
	
}
.client{
	background:url(../images/s2.jpg);
	background-attachment:fixed;
	background-size:cover;
	padding-bottom: 70px;
}

.client2{
	background:url(../images/11.png);
	background-attachment:fixed;
	background-size:cover;
	
}
.cl{
	background:rgba(0,0,0,.5);
	padding:70px ;
}
.comment h3{
	color:#fff;
	text-align:center;
	font-size:2rem;
}
.talkbubble {
  position: relative;
  height:190px;
  
  padding: 10px;
  border-radius: 5px;
  border: solid #00A0E6;
  background: #00A0E6;
}

.talkbubble:before {
  content:"";
  position: absolute;
  right: 90%;
  bottom: -12%;
  width: 0;
  height: 0;
  
  border-right: 13px solid transparent;
  border-top: 26px solid #00A0E6;
  border-left: 13px solid transparent;
}

.talkbubble .textarea {
 
  background: inherit;
  width:100%;
  height:100%;
  color:#fff;
  font-size: 0.87rem;

  margin: 0;
  padding: 0;
  
  border: none;
  resize: none;
}

.services{
	padding:40px;
}
.services h2{
	
	margin:30px 0;
	padding:5px 0;
	color:#00A0E6;
	font-size:3.4rem;
	font-weight:400;
	text-align:center;
	margin-bottom:40px;
}
.serv_img{
	position:relative;
}
.serv_img img{
	width:160px;
	height:160px;
	border-radius:150px;
	border:2px solid gray;
	padding:5px;
	left:0%;
	transition:400ms;
	   -webkit-filter: sepia(30%); /* Chrome, Safari, Opera */
    filter: sepia(30%);
}
.serv_img i{
	position:absolute;
	background:#fff;
	width:70px;
	height:70px;
	border-radius:70px;
	bottom:-10%;
	left:15%;
	padding:20px 12px;
	font-size:2.1rem;
	text-align:center;
	transition:400ms;
	
}

.serv_contetnt {
	text-align:left;
}
.serv_box{
	position:relative!important;
}
.serv_box:hover img{
	border:2px solid #00A0E6;
	-webkit-filter: none; /* Chrome, Safari, Opera */
    filter: none;
}
.serv_box:hover i{
	bottom:-5%;
	color:#00A0E6;
}
.serv_box h5{text-align:left;}
.serv_box h3{
	margin-top:20px;
	font-size:1.7rem;
	font-weight:600;
	text-align:left;
}.serv_box:hover h3{
	color:#00A0E6;
}


/*----------about----*/
.about{
	padding:40px;
}
.about h2 {
	text-align:center;
	margin:10px 0;
	padding:15px 0;
	color:#FC8908;
	font-size:3.4rem;
	font-weight:400;
}
.about h3{
	font-size:2.1rem;
	color:rgba(51,51,51,.8)
}



/*--------------services------*/
.serv_list li{
	margin:0;
	list-style:none;
	padding:0;
	margin-top:9px;
	
}
.servs{
	background:rgba(252,137,8,.85);
	color:#fff;
	transform:scale(.97);
	margin-top:20px;
}
.servs h3{
	font-weight:600;
}



/*--------------------contact---------*/
.location i{
	font-size:1.2rem;
	color:#00A0E6;
}
.location h3{
	font-size:1.7rem;
	color:#00A0E6;
}

.mail label{
	width:100%;
	border-bottom:1px solid #00A0E6;
	border-radius:5px;
	margin-bottom:30px;
}
.mail i{
	width: 4%;
	float: left;
	margin: 13px 0;
}
.mail input{
	width:90%;
	float:left;
}
.mail textarea{
	width:90%;
	float:left;
}
.social{
	background:url(../images/so.jpg);
	background-attachment:fixed;
}

.footer{
	background:#00A0E6;

}
.footer a{
	color:#236BAC;
	font-weight:600;
}
.footer p{
	margin-bottom:0;
	color:#fff;
	text-align:center;
	padding:10px;
}
.gall_hov{
	position:absolute;
	background:rgba(0,0,0,.6);
	width:50%;
	height:50%;
	left:25%;
	top:25%;
	transform:scale(0);
	transition:400ms;

}
.gall_hov i{
	text-align:center;position:absolute;
	left:32%;
	top:20%;
	font-size:1.4rem;
	color:#fff;
	padding:14px;
	border-radius:100px;
	
	border:1px double #fff;
	transform:scale(0);
	transition:800ms;
	
}
.fancybox:hover .gall_hov{
	transform:scale(1);
}
.fancybox{
	margin-top:10px;
}
.fancybox:hover .gall_hov i{
	transform:scale(1);
}
.headings{
	padding-top:90px;
	text-align:center;
}

.about_intro h3{
	padding:20px 0px;
	color:#00A0E6;
	font-size:2rem;
}

.about_intro ul li{
	list-style:none;	
	font-size:1.4rem;
}

.no_color{
	color:#fff;
}




.serv_list h4{
	background:#00A0E6;
	color:#fff;
	padding:10px;
}

.